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

Shopifyのテーマ「Dawn」の特集コレクションセクションの「すべてを表示する」ボタンを右上に表示し、ラベル文字を変更できるようにする設定例

Shopifyのテーマ「Dawn」の特集コレクションセクションの「すべてを表示する」ボタンを右上に表示し、ラベル文字を変更できるようにする設定例

用途

  • コレクション情報管理・編集

実装方法

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

Shopifyのテーマ「Dawn」のトップページで利用することが多い「特集コレクション」ですが、「もっと見る」ボタンを右上に表示したいというリクエストをいただくことがあります。その設定例です。上下の幅を取らなくなりますね。


テーマ「Dawn」の特集コレクションセクションの「すべてを表示する」ボタンを右上に表示し、ラベル文字を変更できるようにする設定例


【(テーマDawnの場合)設定手順①】「featured-collection.liquid」にschemeを、「ja.schema.json」にラベルを追加


【(テーマDawnの場合)設定手順②】「featured-collection.liquid」のコードを修正


【(テーマDawnの場合)設定手順③】テーマエディタで特集コレクションの「すべてを表示する」ラベルの変更と右上表示設定をONに


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

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

サンプルコード

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

「featured-collection.liquid」にschemaを追加

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