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

Boundless 検索アイコンの変更

Boundless 検索アイコンの変更

eastlandcorp
訪問者
2 0 0

コード初心者です。

お力添えを頂けると助かります。

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

検索アイコンを変更したいのですが theme.liquid にそれらしきコードが見当たらず、、

どこを変更したらよいのでしょうか。

ご教授頂けますと助かります。

宜しくお願い致します。

 

1件の返信1

mrtc
Shopify Partner
47 20 27

Boundlessはアイコンフォントを使用しているようです。
CSSで定義してありますので、そちらを編集する必要があります。

テーマのバージョンによって異なる可能性もありますが、検索アイコンは以下で出力しております。

・Assets/theme.scss

.icon-search:before {
content: "\73";
}

恐らくはPNGやSVGなどでアイコンを出力させるのだと思いますが、その際はtheme.liquidではなくheader.liquidのHTMLタグを編集する必要があります。

・Sections/header.liquid

<span class="icon icon-search" aria-hidden="true"></span>

自社サイトでShopifyテーマのカスタマイズ方法を紹介しています。
お困り事がありましたら、お気軽にメッセージをください。