• Topic 主题 トピック Topic Topic
  • Sign in

カスタムCSSでストアをカスタマイズする

プログラミングのバックグラウンドを持つユーザーのために、SHOPLINEは カスタムCSS を使用してストアの外観をカスタマイズする便利な方法を提供します。この機能により、グローバルテーマとパーツの両方でスタイルを調整でき、ストアのデザインやサードパーティのアプリのスタイルを細かく制御できます。

Note:  カスタムCSS はチェックアウトページではサポートされていません。

 

目次

 


 

カスタムCSSの制限

カスタムCSSを使用する際の以下の制限にご注意ください:

  • パーツレベルのCSS: atルールはサポートされていません。
  • グローバルテーマCSS: 次のatルールのみが許可されています: @color-profile, @font-face, @counter-style, @font-feature-values, @font-palette-values, @keyframes, @page, @property。
  • URLの使用: ドメイン https://*.myshopline.com からのURLのみが許可されています。
  • 文字数制限:
    • グローバルテーマカスタムCSS:1,500文字
    • パーツレベルカスタムCSS:500文字
  •  

 

カスタムCSSの追加方法

カスタムCSSを実装するための手順は次のとおりです:

  1. 管理画面で、オンラインストア > デザイン に移動します。現在のテーマ モジュール内のデザインボタンをクリックします。
    2.1.png
  2. テーマエディタで、カスタムCSS モジュールを見つけます:
    • グローバルテーマ: パレットアイコンをクリックしてテーマ設定にアクセスし、カスタムCSSを選択します。
      2.2.1.png
    • パーツレベル: カスタマイズしたい特定のパーツを選択し、カスタムCSS モジュールを見つけます。
      2.2.2.png
  3. カスタムCSSコードを入力し、変更を適用するために保存をクリックします。
    2.3.png
この記事は役に立ちましたか?

Need more help? Contact us via the chatbox in your admin panel.

需要更多帮助?通过您商店后台的对话框与我们联系。

Need more help? Contact us via the chatbox in your admin panel.

Need more help? Contact us via the chatbox in your admin panel.

さらにサポートが必要ですか?必要なすべてのサポートをご提供いたします。

Log In and Get Help 登录并获取支援 Log In and Get Help Log In and Get Help お問い合わせ
他にご質問がございましたら、リクエストを送信してください

コメント