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

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

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

用途

  • 商品情報管理・編集

実装方法

  • LIQUID
詳細を表示する

こちらの設定方法は、最初に開いておきたい行を”1つだけ”指定できるようにするものでしたが、今回はコンテンツ行を複数指定できるようにする設定方法です。

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

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


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


【(テーマ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を1つ差し替えて、1つ項目を追加

関連ポスト