コンテンツに進む
Shopify TIPS
Shopify TIPS
UI/UX改善(205)
購入促進(42)
商品情報拡充(20)
SEO関連(11)
回遊促進・離脱改善(55)
会員登録促進(15)
ブログ関連(19)
フルフィルメント関連(3)
Shopiryテーマ関連(39)
おすすめアプリ(36)
通知関連(19)
管理画面関連(43)
ディスカウント(31)
リファレンス(8)
その他(93)
Shopify TIPS カテゴリ一覧(646)
実装方法別
実装方法別
LIQUID
Javascript
HTML/CSS
テーマエディタ
Shopify Flow
すべてのTIPS
ブログ
購入済み
このサイトについて
ログイン
X (Twitter)
ログイン
Shopify TIPS
UI/UX改善(205)
購入促進(42)
商品情報拡充(20)
SEO関連(11)
回遊促進・離脱改善(55)
会員登録促進(15)
ブログ関連(19)
フルフィルメント関連(3)
Shopiryテーマ関連(39)
おすすめアプリ(36)
通知関連(19)
管理画面関連(43)
ディスカウント(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を追加
関連ポスト
その他の購入促進に関するTIPS
【Horizon】カートにFAQ(よくある質問)アコーディオンを追加する設定例
2026.05.03
【Horizon】カートにFAQ(よくある質問)アコーディオンを追加する設定例
購入促進
サンプルコード有
【Dawn】Shopifyのテーマ「Rise/Dawn」の特集コレクションに「商品をまとめてカートに追加する」ボタンを追加する設定例
2025.01.01
【Dawn】Shopifyのテーマ「Rise/Dawn」の特集コレクションに「商品をまとめてカートに追加する」ボタンを追加する設定例
購入促進
サンプルコード有
【Dawn】Shopifyのテーマ「Rise/Dawn」の商品ページでバリアントごとに価格が異なる商品に対して、価格表を掲載する設定例
2024.12.25
【Dawn】Shopifyのテーマ「Rise/Dawn」の商品ページでバリアントごとに価格が異なる商品に対して、価格表を掲載する設定例
購入促進
サンプルコード有
【Dawn】Shopifyのテーマ「Dawn/Rise」でカートのポップアップ通知を使用している際に商品をカートに追加したらその通知にもおすすめ商品を表示する設定例
2024.12.01
【Dawn】Shopifyのテーマ「Dawn/Rise」でカートのポップアップ通知を使用している際に商品をカートに追加したらその通知にもおすすめ商品を表示する設定例
購入促進
サンプルコード有
すべてを表示する
選択結果を選ぶと、ページが全面的に更新されます。
新しいウィンドウで開きます。
ログインして道場主に相談する