コンテンツに進む
Shopify TIPS
Shopify TIPS
UI/UX改善(206)
購入促進(42)
商品情報拡充(22)
SEO関連(11)
回遊促進・離脱改善(57)
会員登録促進(15)
ブログ関連(19)
フルフィルメント関連(3)
Shopiryテーマ関連(39)
おすすめアプリ(36)
通知関連(19)
管理画面関連(44)
ディスカウント(31)
リファレンス(8)
その他(93)
Shopify TIPS カテゴリ一覧(652)
実装方法別
実装方法別
LIQUID
Javascript
HTML/CSS
テーマエディタ
Shopify Flow
すべてのTIPS
ブログ
購入済み
このサイトについて
ログイン
X (Twitter)
ログイン
Shopify TIPS
UI/UX改善(206)
購入促進(42)
商品情報拡充(22)
SEO関連(11)
回遊促進・離脱改善(57)
会員登録促進(15)
ブログ関連(19)
フルフィルメント関連(3)
Shopiryテーマ関連(39)
おすすめアプリ(36)
通知関連(19)
管理画面関連(44)
ディスカウント(31)
リファレンス(8)
その他(93)
Shopify TIPS カテゴリ一覧
実装方法別
LIQUID
Javascript
HTML/CSS
テーマエディタ
Shopify Flow
すべてのTIPS
ブログ
購入済み
このサイトについて
国/地域
日本
アメリカ合衆国
USD $
日本
JPY ¥
検索
ログイン
カート
カートにアイテムが追加されました
カートを見る
ご購入手続きへ
買い物を続ける
ホーム
Shopify TIPS カテゴリ一覧
購入促進
Shopifyのテーマ「Dawn」のコレクションページ・商品ページでセールアイコン、セール価格を目立たせたい時の設定例
商品情報にスキップ
モーダルでメディア (1) を開く
1
/
の
1
公開日:
2024.07.23
Shopifyのテーマ「Dawn」のコレクションページ・商品ページでセールアイコン、セール価格を目立たせたい時の設定例
Shopifyのテーマ「Dawn」のコレクションページ・商品ページでセールアイコン、セール価格を目立たせたい時の設定例
購入促進
用途
商品情報管理・編集
実装方法
HTML/CSS
共有
共有
リンク
共有を閉じる
リンクをコピー
この記事について問い合わせ
詳細を表示する
Shopifyのテーマ「Dawn」はデフォルトの状態では、セール中の商品が少し目立ちにくいので、値引き商品のバッジや価格のカラーを変更するのも良いですね。
Shopifyのテーマ「Dawn」のコレクションページ・商品ページでセールアイコン、セール価格を目立たせたい時の設定例
【(テーマDawnの場合)設定手順①】テーマ「設定」で配色スキームを追加し、「バッジ」の配色を変更する
【(テーマDawnの場合)設定手順②】テーマエディタでコレクション、商品テンプレートにカスタムCSSを追加
関連ポスト
すべてのShopify TIPS
【Horizon】バリアントの選択肢に「+15,000円」「受注生産」などの補足情報を表示する
2026.07.27
【Horizon】バリアントの選択肢に「+15,000円」「受注生産」などの補足情報を表示する
商品情報拡充
サンプルコード有
【Sidekick】商品の「公開予定日」を一覧管理する(公開予定日マネージャー)
2026.07.08
【Sidekick】商品の「公開予定日」を一覧管理する(公開予定日マネージャー)
管理画面関連
サンプルコード有
【Horizon】Rolloutsで商品写真をA/Bテストする設定例|メタフィールドで商品ギャラリーを丸ごと差し替え
2026.07.06
【Horizon】Rolloutsで商品写真をA/Bテストする設定例|メタフィールドで商品ギャラリーを丸ごと差し替え
UI/UX改善
サンプルコード有
【Horizon】商品詳細画面にバリエーションごとの在庫一覧表を表示する方法
2026.06.15
【Horizon】商品詳細画面にバリエーションごとの在庫一覧表を表示する方法
商品情報拡充
サンプルコード有
すべてを表示する
選択結果を選ぶと、ページが全面的に更新されます。
新しいウィンドウで開きます。
ログインして道場主に相談する