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

Shopifyのテーマ「Dawn」でコレクションページのソートをプルダウン→タブ型に変更する設定例

Shopifyのテーマ「Dawn」でコレクションページのソートをプルダウン→タブ型に変更する設定例

用途

  • コレクション編集

実装方法

  • Javascript
詳細を表示する

Shopifyのコレクションページでは、多くのテーマがプルダウン型のソート機能を提供していますが、これをタブ型に変更したいケースがあるかと思います。通常はLiquidコードを編集してカスタマイズしてしまうのですが、テーマエディタを使って変更を加える場合の設定例です。※「Dawn」限定


テーマ「Dawn」でコレクションページのソートをプルダウン→タブ型に変更する設定例


【設定方法①】コレクションテンプレートの商品グリッドの並べ替えを有効にするをオフにし、カスタマイズされたLiquidセクションを追加


【設定方法②】カスタマイズされたLiquidセクションにコードを挿入


【備考】絞り込み機能の有無、レイアウトに関わらず利用可能


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

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

サンプルコード

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

カスタマイズされたLiquidセクションにコードを挿入

関連ポスト