テーマはDawnを使用しております。
スライドショーセクションで、
①デフォルトから以下の要素を削除し、丸ドットだけの表示にしたいのですが可能でしょうか？
-下セクションとの仕切り線
-左矢印/右矢印
-右矢印と停止ボタンの仕切り線
-停止ボタン
②丸ドットのデザインを、自分でデザインしたデータに変更することは可能でしょうか？
（例えば、横長の長方形などに変更できたらいいなと考えております。）
ご協力頂ける方いましたらよろしくお願いします！
ご質問いただいている、スライドショーでの見た目変更の件ですが、
PC、スマートフォンとも①②ともにCSSを調整することが可能です。
設定手順
- 管理画面 > オンラインストア > テーマ > カスタマイズボタンをクリック
- 左メニュー「スライドショー」を選択
- カスタム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;
}
ご参考まで。
(キュー小坂)
1 Like
いつもお世話になっております！
変更できました！
ありがとうございました！
はじめまして
株式会社UnReactの西川と申します。
既に解決済みではございますが、今後このスレッドをご覧になる方々に向けて、弊社のアプリ「シンプルスライドショー｜お手軽画像スライダー」も有効な解決策の一つとしてご紹介させていただきます。
弊社の Shopify アプリで恐縮ですが、 「シンプルスライドショー｜お手軽画像スライダー」を使用すれば、
様々なデザインのスライドショーをShopifyストアに導入することが可能です。
下記、参考情報です。
Shopifyにスライドショーを追加して画像をスライダー表示できるアプリについて徹底解説｜ご利用ガイド
その他にも 42 個の Shopify アプリを開発しているので、ストア運用の際に参考にして頂ければ幸いです。