カスタム画像でギフトカードをパーソナライズする

ギフトカードの新しい画像をアップロードする

  1. 管理画面で [オンラインストア] > [テーマ] に移動します。
  2. 編集するテーマを見つけて、[アクション] > [コードを編集] をクリックします。
  3. [アセットディレクトリ] で、[新しいアセットを追加する] をクリックします。
  4. [ファイルを選択] をクリックし、コンピューター上の新しいギフトカード画像にアクセスして、その画像をアップロードします。blue-giftcard.pngのようなシンプルなファイル名の使用をおすすめします。

ヒント: ギフトカード画像の推奨サイズは950ピクセル × 550ピクセルです。 (5:3または最小サイズである450ピクセル × 270ピクセルのアスペクト比を使用することもできます)。

  1. [アセットをアップロードする] をクリックします。新しいギフトカード画像が [アセット] ディレクトリに表示されます。ファイルの拡張子に注意してください (.pngまたは.jpg)。

新しい画像を使用するようにギフトカードのテンプレートファイルを編集する

  1. テンプレートディレクトリーで、gift-card.liquidをクリックします。
  2. ファイル内で次のコードを探しますliquid <img src="{{ 'gift-card/card.jpg' | shopify_asset_url }}" alt="">
  3. そのコードを以下と置き換えます。 liquid <img src="{{ 'blue-giftcard.png' | asset_img_url: '1024x1024' }}" alt="">
  4. [保存] をクリックします。

新しいギフトカード画像をプレビューする

  1. テーマコードエディタの右上隅にある [テーマをカスタマイズ] をクリックします。
  2. テーマエディタを開きます。
  3. ページ上部のドロップダウンメニュー、またはモバイルの [テンプレート] メニューから、[ギフトカード] を選択します。

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

無料体験を試す