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

Dawn コレクションページの商品価格の非表示について

解決済

Dawn コレクションページの商品価格の非表示について

daredemoec
Shopify Partner
4 0 0

Dawn コレクションページの商品価格の非表示についてご教示いただけますでしょうか。

下記トップページから画像をクリックするとコレクションページに遷移します。

スクリーンショット 2024-01-28 21.23.56.png

 

スクリーンショット 2024-01-28 21.25.55.png

遷移した後、商品価格が表示されてしまうのですが、どの部分のコードを修正すれば非表示となるかご教示いただけますと幸いです。

スクリーンショット 2024-01-28 21.19.17.png

 

1 件の受理された解決策

Qcoltd
Shopify Partner
1165 470 455

成功

@daredemoec

 

Dawnのコレクションページで価格を非表示にしたい件ですが、

price.liquidファイルを編集することで、コレクションページで価格を非表示にすることが可能かと思います。

 

liquidファイル編集方法

  1. 管理画面 > オンラインストア > 「・・・」ボタン > コードを編集をクリック
  2. 左上の検索窓に『price.liquid』を入力しファイル絞り込む
  3. スニペット欄にある『price.liquid』をクリック
  4. 画面内で『<div class="price__container ">』を検索
    20240130_img06.png
  5. <div class="price__container ">の上の行に『{% unless template == 'collection' %}』を追加
    20240130_img12.png
  6. 画面内で『{%- if show_badges -%}』を検索
    20240130_img07.png
  7. {%- if show_badges -%}の上の行に『{% endunless %}』を追加
    20240130_img08.png
  8. 右上の保存ボタンクリック

 

コレクション表示例 

20240130_img13.png

 

ご参考まで。

(キュー小坂)

 

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

元の投稿で解決策を見る

2件の返信2

Qcoltd
Shopify Partner
1165 470 455

成功

@daredemoec

 

Dawnのコレクションページで価格を非表示にしたい件ですが、

price.liquidファイルを編集することで、コレクションページで価格を非表示にすることが可能かと思います。

 

liquidファイル編集方法

  1. 管理画面 > オンラインストア > 「・・・」ボタン > コードを編集をクリック
  2. 左上の検索窓に『price.liquid』を入力しファイル絞り込む
  3. スニペット欄にある『price.liquid』をクリック
  4. 画面内で『<div class="price__container ">』を検索
    20240130_img06.png
  5. <div class="price__container ">の上の行に『{% unless template == 'collection' %}』を追加
    20240130_img12.png
  6. 画面内で『{%- if show_badges -%}』を検索
    20240130_img07.png
  7. {%- if show_badges -%}の上の行に『{% endunless %}』を追加
    20240130_img08.png
  8. 右上の保存ボタンクリック

 

コレクション表示例 

20240130_img13.png

 

ご参考まで。

(キュー小坂)

 

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

Qcoltd

 

ご丁寧な解説とサンプルコードのペーストする場所までご教示いただき、ありがとうございます。

いずれのページにおいても価格を非表示にすることができました。

ありがとうございました。