商品情報にスキップ
【Dawn】Shopifyのテーマ「Dawn」の商品詳細ページで「カートに追加する」ボタンにカート(バッグ)アイコンを表示する設定例
公開日:2023.11.17

【Dawn】Shopifyのテーマ「Dawn」の商品詳細ページで「カートに追加する」ボタンにカート(バッグ)アイコンを表示する設定例

Shopifyのテーマ「Dawn」で商品詳細ページの「カートに追加する」ボタンですが、せっかくなのでヘッダーで使用されているカートアイコンを表示してみるのも良いですね。その設定例です。


テーマ「Dawn」の商品詳細ページで「カートに追加する」ボタンにカート(バッグ)アイコンを表示する設定例


【設定方法】「buy-button.liquid」「section-main-product.css」にコードを追加


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

ストア情報を表示する

【Dawn】Shopifyのテーマ「Dawn」の商品詳細ページで「カートに追加する」ボタンにカート(バッグ)アイコンを表示する設定例

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

buy-button.liquidにアイコンを追加


section-main-product.cssを編集

↗ 関連ポスト

すべてのShopify TIPS

すべて表示