FROM CACHE - jp_header

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

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

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

 

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

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

 

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

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

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

回答願います。

1 件の受理された解決策

ベストソリューション
Jizo_Inagaki
Shopify Partner
664 267 593

成功

どの程度のスキルをお持ちなのかで変わってきますが、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を作成して用いることで対応可能です。

 

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

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

元の投稿で解決策を見る

2件の返信2
Jizo_Inagaki
Shopify Partner
664 267 593

成功

どの程度のスキルをお持ちなのかで変わってきますが、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を作成して用いることで対応可能です。

 

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

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
Eggplanet
新規メンバー
6 0 0

実装、調整できました。

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