スライドショーで一定秒数ごとに画像が切り替わる設定をNarrativeに追記したい。

[Eggplanet]

質問失礼します。初心者です。

ShopifyのDebutテンプレートや他の多くのテンプレートはスライドショーでアップロードした画像を一定秒数毎に切り替える設定があると思います。

しかし、私は数あるテンプレートから見た目の都合上Narrativeを選んだのですがNarrativeのスライドショーの設定画面ではその設定がなくて困っています。

Narrativeに同様の設定を追加することはできますでしょうか？

ちなみにNarrativeの使用例にあるようなタブは使用しないので、ただ単に画像が背景で動けば良いです。

Narrativeのテンプレート https://themes.shopify.com/themes/narrative/styles/warm

回答願います。

[Jizo_Inagaki · Accepted solution]

どの程度のスキルをお持ちなのかで変わってきますが、JSが読めるな以下のようなNarattive内の設定を書き換える方法が検討できます。

https://community.shopify.com/c/Shopify-Design/Narrative-Theme-Slideshow-Autoplay-not-working/td-p/7...
※未検証ですが、うまくいかない場合はこれを元に調整したり、Googleなどで他の参考になる情報を探したりします

新規で追加する場合は以下の方法などが考えられます。

• HTMLとCSSでスライダーを作る
• JSのSwiperなどでスライダーを作る

スライダー自体は解説記事が多く公開されている機能なので、検索で知見が得られるはずです。
テーマの「カスタマイズ」で画像の設定を行いたいなどであれば、これらに加えてLiquidでsectionを作成して用いることで対応可能です。

技術的な記事を読んでもわからないという場合は、これを期に関連技術を学ばれるか、パートナーやエキスパートなどに依頼されるのが良いかなと思います。

[Eggplanet]

実装、調整できました。

助かります。ありがとうございました。