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

Shopifyのテーマ「Dawn」のスライドショーセクションでアクセスするたびに表示順をランダムで切り替える設定例

Shopifyのテーマ「Dawn」のスライドショーセクションでアクセスするたびに表示順をランダムで切り替える設定例

用途

  • ヒーローイメージ管理・編集

実装方法

  • Javascript
詳細を表示する

Shopifyのテーマ「Dawn」にはトップページのキービジュアルとして使用することが多い「スライドショー」セクションがあります。テーマエディタで表示順を調整することができるのですが、アクセスするたびにランダムで表示したいケースがあります。その設定例です。


テーマ「Dawn」のスライドショーセクションでアクセスするたびに表示順をランダムで切り替える設定例


【設定方法】スライドショーを設置したテンプレート(この例ではトップページ)にカスタムLiquidセクションを追加してコードを挿入


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

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

サンプルコード

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

カスタムLiquidセクションを追加してコードを挿入

関連ポスト

すべてのShopify TIPS