FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

Re: Dawn スライドショー ページネーションのスタイルの非表示

解決済

Dawn スライドショー ページネーションのスタイルの非表示

ucch111
Shopify Partner
10 1 2

Dawnを用いてストアを構築しております。

 

ホームページにスライドショーを表示しておりますが、

ドットや再生ボタン等の凡例が表示されるエリアを非表示にしたいです。

 

編集すべき対象のliquidファイルと、その位置についてご教示いただけますでしょうか。

恐れ入りますが、何卒よろしくお願いいたします。

 

スライド1.PNG

 

 

1 件の受理された解決策

Qcoltd
Shopify Partner
1102 450 445

成功

ご質問いただいています、スライドショーのコントロール部分を非表示にするのは、

cssで非表示にする事が良いかと思われます。

スライドショーのカスタムCSSに下記を追加いただきますと、

ご提示の赤枠部分を非表示にする事が可能です。

 

 

.slideshow__controls {
  display:none;
}

 

スクリーンショット 2023-06-08 18.02.03.png

 

また、liquidファイルを編集したい場合は、Dawnテーマ バージョン10.0.0ですと、

slideshow.liquidファイルの190行目から261行目を削除いただければ、非表示となります。

 

ご参考まで。

(キュー小坂)

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

元の投稿で解決策を見る

2件の返信2

Qcoltd
Shopify Partner
1102 450 445

成功

ご質問いただいています、スライドショーのコントロール部分を非表示にするのは、

cssで非表示にする事が良いかと思われます。

スライドショーのカスタムCSSに下記を追加いただきますと、

ご提示の赤枠部分を非表示にする事が可能です。

 

 

.slideshow__controls {
  display:none;
}

 

スクリーンショット 2023-06-08 18.02.03.png

 

また、liquidファイルを編集したい場合は、Dawnテーマ バージョン10.0.0ですと、

slideshow.liquidファイルの190行目から261行目を削除いただければ、非表示となります。

 

ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
ucch111
Shopify Partner
10 1 2

解決できました!誠にありがとうございます。