Shopify: Liquidの変更 – ゼロ円商品の価格を非表示他

Shopify

はじめに

  • サービス予約のように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>

関連記事

カテゴリー

アーカイブ

Lang »