remove shopify search button

Shopifyで検索ボタンを削除する方法

Rate this article

Share this article

一部のShopifyサイトの所有者は、ウェブサイトにShopify検索ボックスを表示したくないかもしれません。以下の画像は、Shopifyストア内の検索ボタンを明確に示しています。Shopify検索ボタンを削除

Shopifyで検索アイコンを削除または無効にするには、以下の手順に従ってください:

ステップ1:まず、ストアのホームページから検索アイコン要素を見つけます。

検索アイコンを見つける

ステップ2:表示:noneに設定すると表示されなくなることを確認し、検索アイコンに使用されるセレクタをコピーします。

検索アイコンが表示されないことを確認

ステップ3:Shopify管理パネルのアセットの下にあるbase.cssファイルを見つけます。

テーマを編集

details-modal.header__search {
    display: none !important;
}

base cssファイルでdisplay noneを設定
ステップ4:保存してストアのホームページで確認します。
ホームページで検索アイコンが削除された

上記の手順に従うことで、任意のテーマの検索アイコンを削除できます。ほとんどの場合、このソリューションは機能します。正確なDOM要素を使用するためです。

 

Shopifyストアに優れた検索機能を追加

Are you showing the right products, to the right shoppers, at the right time? Contact us to know more.
You may also like