テーマ「Dawn」スライドショーの「モバイルで画像の下にコンテンツを表示する」を実装しているコードが、
以下のファイルのどこに書かれているかをご教示いただけないでしょうか。
-
sections/slideshow.liquid
-
assets/component-slideshow.css
PCでも「画像の下にコンテンツを表示する」という同様のレイアウトに調整したいため、
該当の記述を知りたく、ご質問です。
Topic summary
ユーザーがShopifyテーマ「Dawn」のスライドショー機能について質問。具体的には「モバイルで画像の下にコンテンツを表示する」機能を実装しているコードの場所を知りたいとのこと。
回答内容：
- 該当コードは
slideshow.liquidの153行目から180行目に記述されている - CSS調整については
component-slideshow.cssだけでなく、他のCSSファイルも関連している可能性がある - 新規classを追加して調整する方法も提案された
結果：
質問者は該当箇所を確認でき、今後CSSの調整を試みる予定。画像も共有されているが、テキストが一部文字化けしている。
slideshow.liquidの対象箇所についてですが、
slideshow.liquidの153行目から180行目が対象のエリアについての記述となります。
cssにつきましては、component-slideshow.cssだけではなく、
他のcssとも絡んでいますのでslideshow.liquidの対象箇所に新規でclassを追加し
調整を行った方が良いかもしれません。
ご参考まで。
（キュー小坂）
1 Like
@Qcoltd 小坂様
ご教示いただきありがとうございます。
該当箇所、確認ができました。
cssにつきましては、component-slideshow.cssだけではなく、> > 他のcssとも絡んでいますのでslideshow.liquidの対象箇所に新規でclassを追加し> > 調整を行った方が良いかもしれません。
調整につきましても、上記踏まえ試してみたいと思います。