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

Shopifyのテーマ「Dawn/Rise」の商品詳細ページで商品説明枠にバナー画像を表示できるブロックの追加例

Shopifyのテーマ「Dawn/Rise」の商品詳細ページで商品説明枠にバナー画像を表示できるブロックの追加例

用途

  • トップページ編集

実装方法

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

カスタムLiquidでコードを書いても良いのですが、バナーを掲載する頻度が高い運用が想定される時は、ブロックコンテンツとして設定してしまうのがオススメです。

商品説明枠にバナーを入れることで、購入検討中のユーザーの目に確実に入る可能性が高まります。


テーマ「Dawn/Rise」の商品詳細ページで商品説明枠にバナー画像を表示できるブロックの追加例


【(テーマRiseの場合)設定手順①】「sections/main-product.liquid」にschemaを、「ja.schema.json」にラベルを追加


【(テーマRiseの場合)設定手順②】「sections/main-product.liquid」にコードを追加


【設定方法(テーマRise/Dawnの場合)】商品詳細テンプレートの商品情報セクションでブロックを追加し、画像とリンク先を設定


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

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

サンプルコード

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

「sections/main-product.liquid」にschemaを追加

「ja.schema.json」にラベルを追加