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

Shopifyで手動で追加した決済アイコンをフッターに表示する設定例

Shopifyで手動で追加した決済アイコンをフッターに表示する設定例

用途

  • フッター管理・編集

実装方法

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

テーマ設定からフッターに表示可能な決済アイコンリストですが、追加した決済方法の中には自動で表示されないものもあります。
それらを追加表示するための設定方法です。
ユーザーが利用可能な決済オプションを視覚的に理解できるため、安心感を高める効果があります。

◆設定方法
・“footer.liquid”の決済アイコンを表示している該当箇所に追加コードを挿入

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


手動で追加した決済アイコンをフッターに表示する設定例


【(テーマRise/Dawnの場合)設定方法】「footer.liquid」の該当箇所にコードを追加


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


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

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

サンプルコード

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

「footer.liquid」の該当箇所にコードを追加

関連ポスト

すべてのShopify TIPS