商品バリアントの価格表示

{% liquid 
  assign current_variant = product.selected_or_first_available_variant

  assign pt = block.settings.pt | prepend: 'pt-'
  assign pb = block.settings.pb | prepend: 'pb-'
%}

<div 
  class="product-price {{ block.settings.font_size }} {{ pt }} {{ pb }}"
  {{ block.shopify_attributes }}>

  <div class="d-flex align-items-center">

    <s 
      class="product-price-compare" 
      {% unless current_variant.compare_at_price > current_variant.price %}hidden{% endunless %}>
      <span class="visually-hidden">
        {{ 'product.regular_price' | t }} 
      </span>
      {{ current_variant.compare_at_price | money_without_trailing_zeros }}
    </s>

    <span class="product-price-final {% if current_variant.compare_at_price > current_variant.price %}product-price-final-sale{% endif %}">
      {% if current_variant.compare_at_price > current_variant.price %}
        <span class="visually-hidden">
          {{ 'product.sale_price' | t }} 
        </span>
      {% endif %}
      {{ current_variant.price | money_without_trailing_zeros }}
    </span>

    <span 
      class="product-sale-badge badge" 
      data-discount-type="{{ block.settings.badge_discount_type }}"
      {% unless current_variant.compare_at_price > current_variant.price %}hidden{% endunless %}>
      {{ 'product.save' | t }}
      {% if current_variant.compare_at_price > 0 %}
        {% if block.settings.badge_discount_type == 'percentage' %} 
          {{ current_variant.compare_at_price | minus: current_variant.price | times: 100 | divided_by: current_variant.compare_at_price | round | append: '%' }}
        {% else %}
          {{ current_variant.compare_at_price | minus: current_variant.price | money_without_trailing_zeros }}
        {% endif %}
      {% endif %}
    </span> 

    <span 
      class="product-sold-out-badge badge"
      {% if current_variant.available %}hidden{% endif %}>
      {{ 'product.sold_out' | t }}
    </span>    
  </div>
      
</div>

{{ form | payment_terms }}