商品情報にスキップ
1 1
公開日:2024.07.23

Shopifyのテーマ「Dawn」のコレクションページ・商品ページでセールアイコン、セール価格を目立たせたい時の設定例

Shopifyのテーマ「Dawn」のコレクションページ・商品ページでセールアイコン、セール価格を目立たせたい時の設定例

用途

  • 商品情報管理・編集

実装方法

  • HTML/CSS
詳細を表示する

Shopifyのテーマ「Dawn」はデフォルトの状態では、セール中の商品が少し目立ちにくいので、値引き商品のバッジや価格のカラーを変更するのも良いですね。


Shopifyのテーマ「Dawn」のコレクションページ・商品ページでセールアイコン、セール価格を目立たせたい時の設定例


【(テーマDawnの場合)設定手順①】テーマ「設定」で配色スキームを追加し、「バッジ」の配色を変更する


【(テーマDawnの場合)設定手順②】テーマエディタでコレクション、商品テンプレートにカスタムCSSを追加


関連ポスト

その他のHTML/CSSに関するTIPS