FROM CACHE - jp_header

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
1059 436 429

成功

@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
1059 436 429

成功

@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

 

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

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

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