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

Shopifyのテーマ「Rise/Dawn」の商品ページ「折りたたみ可能なコンテンツ」で「最初から開いておく行」を「任意の行」を指定できるようにする設定例

Shopifyのテーマ「Rise/Dawn」の商品ページ「折りたたみ可能なコンテンツ」で「最初から開いておく行」を「任意の行」を指定できるようにする設定例

用途

  • 商品情報管理・編集

実装方法

  • LIQUID
詳細を表示する

Rise/Dawnテーマお商品ページに設定できる「折りたたみコンテンツ」で最初から開いておきたい行を自由に指定できるようにする方法です。
必ずしも最初の行だけを開いておきたくない場合もあるため、この設定を追加することで、ユーザーが最初に見るべき情報を指定できるようになります。

◆実装のメリット
・重要な情報を最初から見せることで、ユーザーの理解度向上が期待できます。
・必要な情報への到達までのクリック数を減らすことができます。

◆具体的な手順
①schemaファイルの編集
・「sections/collapsible-content.liquid」のスキーマに設定項目を追加
・「ja.schema.json」に日本語のラベルを追加
②テンプレートファイルの編集
・「sections/collapsible-content.liquid」に指定行を開くための処理を追加


テーマ「Rise/Dawn」の商品ページ「折りたたみ可能なコンテンツ」で「最初から開いておく行」を「任意の行」を指定できるようにする設定例


【(テーマRise/Dawnの場合)設定方法①】「sections/collapsible-content.liquid」にschemaを「ja.schema.json」にラベルを追加


【(テーマRise/Dawnの場合)設定方法②】「sections/collapsible-content.liquid」のコードを編集(指定された特定行を開く処理を追加)


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

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

サンプルコード

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

「sections/collapsible-content.liquid」にschemaを追加

「ja.schema....

関連ポスト