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

Shopifyのテーマ「Rise/Dawn」の商品ページに説明書などのPDFファイルダウンロードリンクを設置する設定例

Shopifyのテーマ「Rise/Dawn」の商品ページに説明書などのPDFファイルダウンロードリンクを設置する設定例

用途

  • 商品情報管理・編集

実装方法

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

商品の説明書など、商品に関連する資料をダウンロードできるようにする方法です。商品ページにファイルダウンロードリンクを設置することで、顧客サポートの向上や商品の理解を深めることが期待できます。

◆実装のメリット
・商品ページから直接説明書がダウンロード可能に
・商品ごとに異なる説明書の管理が容易

◆具体的な設定手順
①メタフィールドの設定
・管理画面から商品メタフィールドに説明書用ファイルの定義を追加
・対象商品に説明書PDFファイルをアップロード
②テーマファイルの編集1(Rise/Dawn)
・「sections/main-product.liquid」にschemaの設定を追加
・「ja.schema.json」にラベルを追加
③テーマファイルの編集2(Rise/Dawn)
・「sections/main-product.liquid」にコードを追加
・コード編集後、テーマエディタ上で商品情報にこのブロックを追加


Shopifyのテーマ「Rise/Dawn」の商品ページに説明書などのPDFファイルダウンロードリンクを設置する設定例


【設定方法①】商品メタフィールドに説明書用ファイルの定義を追加し、対象商品に説明書PDFファイルをアップロード


【(テーマRise/Dawnの場合)設定方法②】「sections/main-product.liquid」にschemaを「ja.schema.json」にラベルを追加(商品情報に「説明書ダウンロード」ブロックを追加できるコード)


【(テーマRise/Dawnの場合)設定方法③】「sections/main-product.liquid」にコードを追加
(コード編集後、テーマエディタ上で商品情報にこのブロックを追加)


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

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

サンプルコード

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

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

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

「sections/main-product.liquid」にコードを追加

関連ポスト