はじめに
- サービス予約のようにFREEだが、ゼロ円と表示したくないので、Liquidを編集して表示できなくできるか確認する
手順
テーマのドットメニューからEditコードを選択し、Liquidを編集する
テーマによってLiquidファイルの構成は異なるため、参考程度にしてください(テーマ名:Sense)
商品ページのゼロ円を非表示
{%- liquid
if use_variant
assign target = product.selected_or_first_available_variant
else
assign target = product
endif
assign compare_at_price = target.compare_at_price
assign price = target.price | default: 19
assign money_price = price | money
・・・
{% if price != 0 %}
{{ money_price }}
{% endif %}
カートの商品金額のゼロ円を非表示
{%- if item.original_price != item.final_price -%}
<div class="cart-item__discounted-prices">
<span class="visually-hidden">
{{ 'products.product.price.regular_price' | t }}
</span>
<s class="cart-item__old-price product-option">
{{- item.original_price | money -}}
</s>
<span class="visually-hidden">
{{ 'products.product.price.sale_price' | t }}
</span>
<strong class="cart-item__final-price product-option">
{{ item.final_price | money }}
</strong>
</div>
{%- else -%}
<div class="product-option">
{% if item.price != 0 %}
{{ item.original_price | money }}
{% endif %}
</div>
{%- endif -%}
カートの商品ごとの小計のゼロ円を非表示
{%- if item.original_line_price != item.final_line_price -%}
<dl class="cart-item__discounted-prices">
<dt class="visually-hidden">
{{ 'products.product.price.regular_price' | t }}
</dt>
<dd>
<s class="cart-item__old-price price price--end">
{{ item.original_line_price | money }}
</s>
</dd>
<dt class="visually-hidden">
{{ 'products.product.price.sale_price' | t }}
</dt>
<dd class="price price--end">
{{ item.final_line_price | money }}
</dd>
</dl>
{%- else -%}
<span class="price price--end">
{% if item.price != 0 %}
{{ item.original_line_price | money }}
{%- endif -%}
</span>
{%- endif -%}
カートのTotalPriceのゼロ円を非表示
<div class="totals">
{% if cart.total_price != 0 %}
<h2 class="totals__total">{{ 'sections.cart.estimated_total' | t }}</h2>
<p class="totals__total-value">
{{ cart.total_price | money_with_currency }}
</p>
{%- endif -%}
</div>
FooterからPowerd by shopifyの削除
<small class="copyright__content">{{ powered_by_link }}</small>