プログラミングのバックグラウンドを持つユーザーのために、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を実装するための手順は次のとおりです:
- 管理画面で、オンラインストア > デザイン に移動します。現在のテーマ モジュール内のデザインボタンをクリックします。
- テーマエディタで、カスタムCSS モジュールを見つけます:
-
グローバルテーマ: パレットアイコンをクリックしてテーマ設定にアクセスし、カスタムCSSを選択します。
-
パーツレベル: カスタマイズしたい特定のパーツを選択し、カスタムCSS モジュールを見つけます。
-
グローバルテーマ: パレットアイコンをクリックしてテーマ設定にアクセスし、カスタムCSSを選択します。
- カスタムCSSコードを入力し、変更を適用するために保存をクリックします。
コメント