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

【Dawn】Shopifyで手動で追加した決済アイコンを商品詳細ページに表示する設定例

【Dawn】Shopifyで手動で追加した決済アイコンを商品詳細ページに表示する設定例

用途

  • 商品情報管理・編集

実装方法

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

商品詳細ページに利用可能な決済手段を明示することで、商品への興味が最も高いタイミングで、お客様の『欲しい』という気持ちを逃すことなく購入を促す効果が期待できます。

◆設定方法
・商品情報にカスタマイズされたLiquidブロックを追加しコードを挿入

◆補足事項
・決済アイコン参照先URL(Github)から表示したいアイコン名を探すことができます。


手動で追加した決済アイコンを商品詳細ページに表示する設定例


【(テーマRise/Dawnの場合)設定方法】商品情報にカスタマイズされたLiquidブロックを追加しコードを挿入


【補足事項】決済アイコン参照先URL(Github)と代表的なアイコン名について


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

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

サンプルコード

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

商品情報にカスタマイズされたLiquidブロックを追加しコードを挿入

関連ポスト

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