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

SpotLightのヘッダーにある検索アイコンを消したいです

解決済

SpotLightのヘッダーにある検索アイコンを消したいです

nokNok
新規メンバー
5 0 0

現在spotlightというテーマを選択しており、ヘッダーの右側に検索マーク、ログインマーク、カートマークがあるのですが、このうち、検索マークを削除したいです。コードなどは完全初心者です。教えていただけますと幸いです。どうぞよろしくお願いいたします。

1 件の受理された解決策

Qcoltd
Shopify Partner
1165 470 455

成功

@nokNok 様

 

Spotlightのバージョンにもよりますが、最新版の11.0.0でしたら下記の方法で非表示にできるはずです。

 

テーマカスタマイズ画面を開き、

セクションからヘッダーを選びカスタムCSSに下記を入力します。

.header__search {
  display: none;
}

 

下図のように、

検索マークを非表示にできます。

screenshot_20230922_01.png

 

ご参考まで。

(キュー田辺)

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

元の投稿で解決策を見る

2件の返信2

Qcoltd
Shopify Partner
1165 470 455

成功

@nokNok 様

 

Spotlightのバージョンにもよりますが、最新版の11.0.0でしたら下記の方法で非表示にできるはずです。

 

テーマカスタマイズ画面を開き、

セクションからヘッダーを選びカスタムCSSに下記を入力します。

.header__search {
  display: none;
}

 

下図のように、

検索マークを非表示にできます。

screenshot_20230922_01.png

 

ご参考まで。

(キュー田辺)

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

キュー田辺様
ご回答ありがとうございます。一発でした・・!
本当に助かりました。ありがとうございます。