FROM CACHE - jp_header

Rise:ヘッダー検索アイコンの削除

解決済

Rise:ヘッダー検索アイコンの削除

midori
Shopify Partner
2 0 0

Riseテーマ(バージョン15.0.0)にて、ヘッダーの検索アイコンを消したいです。

 

コードから削除すれば良いところまでは掴んだのですが、どのコードを削除すれば良いか分かりません。ご存知の方がいらっしゃいましたら教えてください。

1 件の受理された解決策

Qcoltd
Shopify Partner
1059 435 427

成功

@midori 様

 

Riseテーマでヘッダーの検索アイコンを消した件ですが、header.liquidの255行目が検索アイコンを表示させているコードとなります。

{% render 'header-search', input_id: 'Search-In-Modal' %}

Qcoltd_0-1720607725440.png

 

この部分を削除いただくか、下記コードのようにコメントアウトすることで消すことが可能です。
{% comment %}{% render 'header-search', input_id: 'Search-In-Modal' %}{% endcomment %}

Qcoltd_1-1720607747248.png

 

コメントアウトした際の見た目は下記となります。

Qcoltd_2-1720607775402.png

 

ご参考まで。

(キュー小坂)

 

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

元の投稿で解決策を見る

2件の返信2

Qcoltd
Shopify Partner
1059 435 427

成功

@midori 様

 

Riseテーマでヘッダーの検索アイコンを消した件ですが、header.liquidの255行目が検索アイコンを表示させているコードとなります。

{% render 'header-search', input_id: 'Search-In-Modal' %}

Qcoltd_0-1720607725440.png

 

この部分を削除いただくか、下記コードのようにコメントアウトすることで消すことが可能です。
{% comment %}{% render 'header-search', input_id: 'Search-In-Modal' %}{% endcomment %}

Qcoltd_1-1720607747248.png

 

コメントアウトした際の見た目は下記となります。

Qcoltd_2-1720607775402.png

 

ご参考まで。

(キュー小坂)

 

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

コメントアウトの方法まで教えてくださいましてありがとうございます。無事にサーチアイコンを消すことができました。