スライドショーセクションのデザインについて

[8910]

テーマはDawnを使用しております。

スライドショーセクションで、

①デフォルトから以下の要素を削除し、丸ドットだけの表示にしたいのですが可能でしょうか？

-下セクションとの仕切り線

-左矢印/右矢印

-右矢印と停止ボタンの仕切り線

-停止ボタン

②丸ドットのデザインを、自分でデザインしたデータに変更することは可能でしょうか？

　（例えば、横長の長方形などに変更できたらいいなと考えております。）

ご協力頂ける方いましたらよろしくお願いします！

[Qcoltd]

ご質問いただいている、スライドショーでの見た目変更の件ですが、

PC、スマートフォンとも①②ともにCSSを調整することが可能です。

設定手順

1. 管理画面 > オンラインストア > テーマ > カスタマイズボタンをクリック
2. 左メニュー「スライドショー」を選択
3. カスタム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;
}

ご参考まで。
(キュー小坂)

[8910]

いつもお世話になっております！

変更できました！

ありがとうございました！

[Nishi]

はじめまして

株式会社UnReactの西川と申します。

既に解決済みではございますが、今後このスレッドをご覧になる方々に向けて、弊社のアプリ「シンプルスライドショー｜お手軽画像スライダー」も有効な解決策の一つとしてご紹介させていただきます。

弊社の Shopify アプリで恐縮ですが、 「シンプルスライドショー｜お手軽画像スライダー」を使用すれば、

様々なデザインのスライドショーをShopifyストアに導入することが可能です。

 

下記、参考情報です。

シンプルスライドショー｜お手軽画像スライダー

Shopifyにスライドショーを追加して画像をスライダー表示できるアプリについて徹底解説｜ご利用ガイド

その他にも 42 個の Shopify アプリを開発しているので、ストア運用の際に参考にして頂ければ幸いです。

参考アプリ一覧