Liquid、JavaScriptなどに関する質問
テーマはDawnを使用しております。
スライドショーセクションで、
①デフォルトから以下の要素を削除し、丸ドットだけの表示にしたいのですが可能でしょうか?
-下セクションとの仕切り線
-左矢印/右矢印
-右矢印と停止ボタンの仕切り線
-停止ボタン
②丸ドットのデザインを、自分でデザインしたデータに変更することは可能でしょうか?
(例えば、横長の長方形などに変更できたらいいなと考えております。)
ご協力頂ける方いましたらよろしくお願いします!
ご質問いただいている、スライドショーでの見た目変更の件ですが、
PC、スマートフォンとも①②ともにCSSを調整することが可能です。
設定手順
.slideshow__autoplay.slider-button {
border-left: none;
display: none;
}
.slider-button--prev {
display: none;
}
.slider-button--next {
display: none;
}
.slider-counter__link--dots .dot {
border-radius: 0;
width: 2rem;
}
.slideshow__controls {
border: none;
}
ご参考まで。
(キュー小坂)
いつもお世話になっております!
変更できました!
ありがとうございました!
はじめまして
株式会社UnReactの西川と申します。
既に解決済みではございますが、今後このスレッドをご覧になる方々に向けて、弊社のアプリ「シンプルスライドショー|お手軽画像スライダー」も有効な解決策の一つとしてご紹介させていただきます。
弊社の Shopify アプリで恐縮ですが、 「シンプルスライドショー|お手軽画像スライダー」を使用すれば、
様々なデザインのスライドショーをShopifyストアに導入することが可能です。
下記、参考情報です。
Shopifyにスライドショーを追加して画像をスライダー表示できるアプリについて徹底解説|ご利用ガイド
その他にも 42 個の Shopify アプリを開発しているので、ストア運用の際に参考にして頂ければ幸いです。
Shopify Expertとして、Shopify ストア構築・運用やアプリ開発に至るまで幅広く活動しています。
Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 2024