FROM CACHE - jp_header

TOPページで金額を非表示にしたい

解決済

TOPページで金額を非表示にしたい

ぶーちゃん
新規メンバー
5 0 0

【テーマ:Impulse】

TOPページに表示させているコレクション(商品一覧)のみ金額を非表示にすることは可能でしょうか?

同様の質問に目を通しましたが、Impulseではコードを編集に該当のファイルが無く、試せませんでした。

 

・TOPページのみで金額を非表示にしたい

・コレクションページ(コレクション一覧)では金額を表示させたい

・商品ページでは金額を表示させたい

 

以上を叶えるコード編集等があればご教示ください。

宜しくお願いいたします。

1 件の受理された解決策

kyoshi_株式会社Tsun
Shopify Partner
187 67 45

成功

はじめまして

株式会社Tsunの吉谷と申します

 

>TOPページに表示させているコレクション(商品一覧)のみ金額を非表示にすることは可能でしょうか?

 

商品一覧の表示に「Featured collection」を利用している前提で回答します。

カスタムCSSを利用することでTOPページのみ金額を非表示にできるかと思います。

 

カスタムCSSの場所

TsunShot 2023-11-13 at 12.20.37@2x.png

 

サンプルコード

.grid-product__price {
  display: none;
}

 

以上になります。

参考になりましたら幸いです。

株式会社Tsun
RuffRuff 注文制限RuffRuff 予約販売など6つのShopifyアプリを提供中 / おすすめ Shopifyアプリおすすめ 予約販売アプリなどShopify関連情報も発信中
株式会社TsunはShopifyストアの構築からグロース支援まで行うコマースソリューションパトナーです。

元の投稿で解決策を見る

2件の返信2

kyoshi_株式会社Tsun
Shopify Partner
187 67 45

成功

はじめまして

株式会社Tsunの吉谷と申します

 

>TOPページに表示させているコレクション(商品一覧)のみ金額を非表示にすることは可能でしょうか?

 

商品一覧の表示に「Featured collection」を利用している前提で回答します。

カスタムCSSを利用することでTOPページのみ金額を非表示にできるかと思います。

 

カスタムCSSの場所

TsunShot 2023-11-13 at 12.20.37@2x.png

 

サンプルコード

.grid-product__price {
  display: none;
}

 

以上になります。

参考になりましたら幸いです。

株式会社Tsun
RuffRuff 注文制限RuffRuff 予約販売など6つのShopifyアプリを提供中 / おすすめ Shopifyアプリおすすめ 予約販売アプリなどShopify関連情報も発信中
株式会社TsunはShopifyストアの構築からグロース支援まで行うコマースソリューションパトナーです。
ぶーちゃん
新規メンバー
5 0 0

!!!まさにこれです!ランキングの所も同じようにサンプルコードの入力で対応出来ました。

初心者でも画像での解説理解できました。わかりやすかったです。有難うございます。