FROM CACHE - jp_header

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

8910
遊覧客
41 0 2

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

 

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

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

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

-左矢印/右矢印

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

-停止ボタン

スクリーンショット 2023-05-14 17.32.03 (1).png

 

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

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

 

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

2件の返信2
Qcoltd
Shopify Partner
935 373 355

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

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;
}

 

Qcoltd_0-1685347970500.png
ご参考まで。
(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
https://techlab.q-co.jp/
8910
遊覧客
41 0 2

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

変更できました!

 

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