カスタム画像でギフトカードをパーソナライズする
このページはApr 25, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/personalize-gift-cardsをご覧ください。
ギフトカードの新しい画像をアップロードする
- 管理画面で [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタン > [コードを編集] の順にクリックします。
- [アセットディレクトリ] で、[新しいアセットを追加する] をクリックします。
[ファイルを選択] をクリックし、コンピューター上の新しいギフトカード画像にアクセスして、その画像をアップロードします。
blue-giftcard.pngのようなシンプルなファイル名の使用をおすすめします。[アセットをアップロードする] をクリックします。新しいギフトカード画像が [アセット] ディレクトリに表示されます。ファイルの拡張子に注意してください (
.pngまたは.jpg)。
新しい画像を使用するようにギフトカードのテンプレートファイルを編集する
-
テンプレートディレクトリーで、
gift-card.liquidをクリックします。 - ファイルで次のコードを探します。
<img src="{{ 'gift-card/card.svg' | shopify_asset_url }}" alt="">- ステップ3のコードを以下のコードに置き換えます。
<img src="{{ 'blue-giftcard.png' | asset_img_url: '1024x1024' }}" alt="">- [保存] をクリックします。
新しいギフトカード画像をプレビューする
- テーマコードエディタの右上隅にある [テーマをカスタマイズ] をクリックします。
- テーマエディタを開きます。
- ページ上部のドロップダウンメニュー、またはモバイルの [テンプレート] メニューから、[ギフトカード] を選択します。