テーマエディタで: カスタマイズ›テーマ設定›商品カード
商品カード
グリッドに並ぶあらゆる場所での商品の見た目。画像、名前と価格、すばやく追加するためのコイン、バッジ。
商品の「Badge」フィールドに入れた言葉(「新着」など)がカードに表示されます。セールと売り切れのバッジは自動で表示されます。
設定
画像
- 画像の比率
- 選択: 正方形、縦長、横長、商品画像に合わせるデフォルト: 縦長
- 画像の角
- スライダー(0〜40 px)デフォルト: 12 px0(角あり)から最大の丸みまで。12はボタンの角と同じです。
- 2枚目の画像を表示
- オンまたはオフデフォルト: オンスマートフォン:2枚の画像をスワイプで切り替え。パソコン:ホバーで矢印が表示されます。
コンテンツ
- 販売元を表示する
- オンまたはオフデフォルト: オフ
- カラードット
- オンまたはオフデフォルト: オン商品に色のオプションがあるとき、価格の下に小さな点を表示します。Shopifyのカラースウォッチまたは色名から表示します。
カードのコイン
- カードのコインの動作
- 選択: スマート+すべてのカードに「のぞく」(推奨)、スマートのみ、常にクイックビューを開く、コインなし:カード全体で商品を開くデフォルト: スマート+すべてのカードに「のぞく」(推奨)スマート:オプションのない商品はそのままカートへ。選択肢が1つ(サイズ、色、素材)の商品はカード上に値の扇が開き、タップで追加されます。複数のオプションがある商品はクイックビューを開きます。「ちら見」は上の角に、常にクイックビューを開く小さなガラスボタンを追加します。
- プラスボタンの色
- 色商品画像のプラス。空欄:ページの濃い色。色を選ぶとプラスが塗りつぶされます。
- プラスアイコンの色
- 色空欄:自動で選ばれます。明るいボタンには濃い色、濃いボタンには明るい色。
- 準備ができた追加ボタン
- 色デフォルト: #2563EB商品カードの+。短いファンが開いていて、もう一度タップするとカートに追加されるときの色です。プラスの色と同じ場合、プラスは背景と記号の色を入れ替えるので、必ず見た目が変わります。
- 追加ボタンの+
- 色デフォルト: #FFFFFF
- プラスのタブ内の選択肢
- 選択: 塗り、枠線デフォルト: 塗り塗り:白い円。枠線:タブの背景に、細い枠と文字を一色で。プラスと同じ見た目です。
- 枠線の色
- 色選択肢の枠と文字。空欄:プラスの2色のうち、ページ上でより目立つ方。
- 枠線の濃さ
- スライダー(20〜100 %)デフォルト: 42 %通常時の枠の濃さ。ホバー時と選択時は常に最大になります。
詳細
- バッジに表示する割引率
- 選択: 表示価格(推奨)、最大:最大の割引率、割引率が異なる場合は非表示デフォルト: 表示価格(推奨)バリエーションごとに価格が異なる商品が対象です。表示価格:割引率と比較価格は、カードに表示されている価格のバリエーションのものです。そのバリエーションがセール対象でなければ、セールのバッジは表示されません。最大:商品の最大割引率を「最大」という表現で表示します。非表示:販売可能なすべてのバリエーションの割引率が同じ場合のみセールのバッジを表示します。価格が1つだけの商品には影響しません。商品ページとクイックビューでは購入者がバリエーションを選択し、価格と割引率は常にそのバリエーションのものになるため、この設定は適用されません。
- カードの価格の太さ
- 選択: 標準、太字デフォルト: 標準コレクション、検索、商品列の商品カードの価格。太字は商品ページと同じです。
- 割引商品のバッジ
- 選択: セール、パーセント(23%オフ)デフォルト: セール商品がセール中のとき画像のバッジに表示する内容。任意の商品に独自のテキスト(新着、ベストセラー)を表示するには、商品メタフィールド custom.badge を入力します。
- ボタンの光沢
- オンまたはオフデフォルト: オンボタンが画面に表示されている間のみ、数秒ごとに光が流れます。
エディタの表示とここの内容が違う場合は、お知らせください。ガイドを修正します。
