公開日:2023.11.17

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

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

用途

  • 商品情報管理・編集

実装方法

  • LIQUID
  • HTML/CSS
詳細を表示する

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


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


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


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

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

サンプルコード

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

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


section-main-product.cssを編集

関連ポスト