表示する決済アイコンを選択する

このページはMar 25, 2023に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/add-credit-card-iconsをご覧ください。

すべての無料のShopifyテーマには、フッターに決済アイコンを表示するオプションが含まれています。表示されるアイコンはストアの決済設定とお客様の地域および通貨で決まります。決済アイコンは、テーマエディタで有効にできます。決済設定を変更せずに決済アイコンを追加または削除する場合は、テーマコードを編集します。

フッターの決済アイコンを有効にする

カスタマイズの最初のステップでは、次の手順でフッターの決済アイコンを有効にします。

テーマエディタに移動します。
[フッター] をクリックします。
[決済アイコンを表示する] チェックボックスをオンにします。
[保存] をクリックします。

決済アイコンのコードを編集する

この手順では、決済アイコンをフッターに割り当てる方法を変更します。テーマには、管理画面の [決済設定] セクションで有効にした決済ゲートウェイサービスに関連付けられており、現在のお客様の地域および通貨で利用できるアイコンがデフォルトで表示されます。このカスタマイズを行って、表示する決済アイコンを手動で追加または削除します。

決済アイコンのコードを編集するには、次の手順を実行します。

管理画面から [オンラインストア] > [テーマ] の順に移動します。
編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集] をクリックします。

Shopifyアプリから [Store] をタップします。
[販売チャネル] セクションで、[オンラインストア] をタップします。
[テーマを管理する] をタップします。
編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集] をクリックします。

Shopifyアプリから [Store] をタップします。
[販売チャネル] セクションで、[オンラインストア] をタップします。
[テーマを管理する] をタップします。
編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集] をクリックします。

[セクション] ディレクトリで、[footer.liquid] をクリックします。テーマにこのファイルが含まれていない場合、[レイアウト] ディレクトリの [theme.liquid] をクリックします。
ファイルで次のコードを探します。

{% for type in shop.enabled_payment_types %}

Replace it with:

{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}

貼り付けたコードには、カンマで区切られた決済サービスvisa,master,american_express,paypalのリストが含まれています。このリストに含めた決済サービスによって、オンラインストアに表示される決済アイコンが決定されます。ニーズに合わせて決済サービスのリストを編集できます。

- `afterpay`
- `american_express`
- `apple_pay`
- `bitcoin`
- `dankort`
- `diners_club`
- `discover`
- `dogecoin`
- `dwolla`
- `facebook_pay`
- `forbrugsforeningen`
- `google_pay`
- `ideal`
- `jcb`
- `klarna`
- `klarna-pay-later`
- `litecoin`
- `maestro`
- `master`
- `paypal`
- `shopify_pay`
- `sofort`
- `visa`

[保存] をクリックします。

表示する決済アイコンを選択する

フッターの決済アイコンを有効にする

決済アイコンのコードを編集する

Shopifyで販売を開始する準備はできていますか?