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

解決済
Eggplanet
新規メンバー
5 0 0

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

 

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

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

 

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

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

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

回答願います。

0 件の「いいね!」
jizo
航海者
268 93 322

成功

どの程度のスキルをお持ちなのかで変わってきますが、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
新規メンバー
5 0 0

実装、調整できました。

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

0 件の「いいね!」