first commit
This commit is contained in:
Axel
206
snippets/product-prices.liquid
Normal file
206
snippets/product-prices.liquid
Normal file
@@ -0,0 +1,206 @@
|
||||
<style>
|
||||
.f-price__sale,
|
||||
.f-price__availability,
|
||||
.f-price .f-price__badge-sale,
|
||||
.f-price .f-price__badge-sold-out,
|
||||
.f-price--on-sale .f-price__regular,
|
||||
.f-price--on-sale .f-price__availability,
|
||||
.f-price--no-compare .f-price__compare {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.f-price {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.f-price--on-sale .f-price__sale {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.f-price--sold-out .f-price__badge-sold-out, .f-price--on-sale .f-price__badge-sale, .f-price--sold-out .f-price__badges, .f-price--on-sale .f-price__badges {
|
||||
display: inline-flex;
|
||||
}
|
||||
.f-price__unit-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
{%- liquid
|
||||
assign selected_variant = product.selected_or_first_available_variant
|
||||
if use_variant
|
||||
assign target = selected_variant
|
||||
else
|
||||
assign target = product
|
||||
endif
|
||||
|
||||
assign compare_at_price = target.compare_at_price
|
||||
assign price = target.price | default: 1999
|
||||
assign price_min = product.price_min
|
||||
assign product_compare_at_price = product.compare_at_price
|
||||
|
||||
if use_variant
|
||||
assign price = target.metafields.app--168074346497.auto_discounted_price.value | default: target.price
|
||||
|
||||
if target.metafields.app--168074346497.discount_type.value != nil and target.metafields.app--168074346497.discount_type.value != "fixed" and product.metafields.app--168074346497.discount_percentage.value > 0.01
|
||||
assign deducted_percentage = 1.0 | minus: product.metafields.app--168074346497.discount_percentage.value
|
||||
|
||||
if target.metafields.app--168074346497.discount_percentage.value > 0.01
|
||||
assign deducted_percentage = 1.0 | minus: target.metafields.app--168074346497.discount_percentage.value
|
||||
endif
|
||||
|
||||
assign price = target.price | divided_by: 100.0 | times: deducted_percentage | times: 100.0 | ceil
|
||||
assign price_min = price
|
||||
assign price_max = product.price_max | divided_by: 100.0 | times: deducted_percentage | times: 100.0 | ceil
|
||||
|
||||
assign compare_at_price = target.price
|
||||
assign product_compare_at_price = compare_at_price
|
||||
|
||||
if target.compare_at_price > compare_at_price
|
||||
assign compare_at_price = target.compare_at_price
|
||||
assign product_compare_at_price = compare_at_price
|
||||
endif
|
||||
endif
|
||||
|
||||
if price < target.price and compare_at_price == blank
|
||||
assign compare_at_price = target.price
|
||||
assign product_compare_at_price = compare_at_price
|
||||
endif
|
||||
else
|
||||
assign price = product.metafields.app--168074346497.min_auto_discounted_price.value | default: product.price
|
||||
|
||||
if product.metafields.app--168074346497.discount_percentage.value > 0.01
|
||||
assign deducted_percentage = 1.0 | minus: product.metafields.app--168074346497.discount_percentage.value
|
||||
|
||||
assign price = product.price | divided_by: 100.0 | times: deducted_percentage | times: 100.0 | ceil
|
||||
assign price_min = price
|
||||
assign price_max = product.price_max | divided_by: 100.0 | times: deducted_percentage | times: 100.0 | ceil
|
||||
|
||||
assign compare_at_price = product.price
|
||||
assign product_compare_at_price = compare_at_price
|
||||
|
||||
if product.compare_at_price > compare_at_price
|
||||
assign compare_at_price = product.compare_at_price
|
||||
assign product_compare_at_price = compare_at_price
|
||||
endif
|
||||
endif
|
||||
|
||||
if price < product.price and compare_at_price == blank
|
||||
assign compare_at_price = product.price
|
||||
endif
|
||||
endif
|
||||
|
||||
|
||||
if is_product_card and settings.pcard_show_lowest_prices
|
||||
assign price = price_min
|
||||
assign compare_at_price = product_compare_at_price
|
||||
endif
|
||||
|
||||
assign available = target.available | default: false
|
||||
assign money_price = price | money
|
||||
|
||||
if settings.currency_code_enabled
|
||||
assign money_price = price | money_with_currency
|
||||
endif
|
||||
|
||||
if target == product and product.price_varies and settings.pcard_show_lowest_prices
|
||||
assign money_price = 'products.product.from_text_html' | t: price: money_price
|
||||
endif
|
||||
-%}
|
||||
|
||||
<div class="f-price inline-flex items-center flex-wrap
|
||||
{%- if alignment %} f-price--{{ alignment }}{% endif -%}
|
||||
{%- if price_class %} {{ price_class }}{% endif -%}
|
||||
{%- if available == false %} f-price--sold-out {% endif -%}
|
||||
{%- if compare_at_price > price %} f-price--on-sale {% endif -%}
|
||||
{%- if product.price_varies == false and product.compare_at_price_varies %} f-price--no-compare{% endif -%}">
|
||||
|
||||
<div class="f-price__regular" {% if product.metafields.app--168074346497.min_auto_discounted_price.value > 1 and price < product.price %}style="display:none;"{% endif %}>
|
||||
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.regular_price' | t }}</span>
|
||||
<span class="f-price-item-yagi f-price-item--regular {{ price_text_size }}">
|
||||
{{ money_price }}
|
||||
</span>
|
||||
</div>
|
||||
<!-- money price is {{ money_price }} -->
|
||||
<!-- compare at price is {{ compare_at_price }}-->
|
||||
<div class="f-price__sale{% if product.metafields.app--168074346497.min_auto_discounted_price.value > 1 and price < product.price %}-yagi{% endif %}" {% if product.metafields.app--168074346497.min_auto_discounted_price.value > 1 and price < product.price %}style="display:flex; gap: 0.5em;"{% endif %}>
|
||||
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.sale_price' | t }}</span>
|
||||
<span class="f-price-item-yagi f-price-item--sale-yagi {{ price_text_size }} prod__price text-color-regular-price">
|
||||
{{ money_price }}
|
||||
</span>
|
||||
{%- unless product.price_varies == false and product.compare_at_price_varies %}
|
||||
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.regular_price' | t }}</span>
|
||||
<s class="f-price-item f-price-item--regular prod__compare_price line-through text-color-secondary flex items-center">
|
||||
{% if settings.currency_code_enabled %}
|
||||
{{ compare_at_price | money_with_currency }}
|
||||
{% else %}
|
||||
{{ compare_at_price | money }}
|
||||
{% endif %}
|
||||
</s>
|
||||
{%- endunless -%}
|
||||
</div>
|
||||
<div class="f-price__unit-wrapper{% if selected_variant.unit_price_measurement == nil %} hidden{% endif %}">
|
||||
<span class="visually-hidden">{{ 'products.product.price.unit_price' | t }}</span>
|
||||
<div class="f-price__unit">
|
||||
{%- capture unit_price_separator -%}
|
||||
<span aria-hidden="true">/</span>
|
||||
{%- endcapture -%}
|
||||
{%- capture unit_price_base_unit -%}
|
||||
<span data-unit-price-base-unit>
|
||||
{%- if selected_variant.unit_price_measurement -%}
|
||||
{%- if selected_variant.unit_price_measurement.reference_value != 1 -%}
|
||||
{{- selected_variant.unit_price_measurement.reference_value -}}
|
||||
{%- endif -%}
|
||||
{{ selected_variant.unit_price_measurement.reference_unit }}
|
||||
{%- endif -%}
|
||||
</span>
|
||||
{%- endcapture -%}
|
||||
<span data-unit-price>{{ selected_variant.unit_price | money }}</span>{{- unit_price_separator -}}{{- unit_price_base_unit -}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if show_sale_badge or show_soldout_badge %}
|
||||
<div class="f-price__badges">
|
||||
{% if show_sale_badge %}
|
||||
{% liquid
|
||||
assign save_amount = 0
|
||||
if compare_at_price > price
|
||||
assign save_amount = compare_at_price | minus: price
|
||||
endif
|
||||
|
||||
assign discount = ''
|
||||
if sale_badge_type == 'percentage'
|
||||
assign discount = save_amount | times: 100.0 | divided_by: compare_at_price | round | append: '%'
|
||||
elsif sale_badge_type == 'fixed_amount'
|
||||
assign discount =
|
||||
if settings.currency_code_enabled
|
||||
assign discount = save_amount | money_with_currency
|
||||
else
|
||||
assign discount = save_amount | money
|
||||
endif
|
||||
endif
|
||||
%}
|
||||
<div class="f-price__badge-sale{% if show_sale_badge%} sf-badge-sale--{{ sale_badge_type }}{% endif %}" data-type="{{ sale_badge_type }}">
|
||||
<span class="f-badge f-badge--sale py-0.5 px-2 font-medium rounded-xl prod__tag prod__tag-saving prod__tag-discounted">
|
||||
{% unless sale_badge_type == 'text' %}
|
||||
{% render 'new-locale', key: 'products.product.save_html', param: '{{ amount }}', value: discount %}
|
||||
{% else %}
|
||||
{% render 'new-locale', key: 'products.product.sale_text' %}
|
||||
{% endunless %}
|
||||
</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if show_soldout_badge %}
|
||||
<div class="f-price__badge-sold-out">
|
||||
<span class="f-badge f-badge--soldout">{{ 'products.product.sold_out' | t }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% if cart.discount_amount > 0 %}
|
||||
<p class="automatic-discount-message">Automatic discount applied: {{ cart.discount_amount | money }}</p>
|
||||
{% endif %}
|
||||
Reference in New Issue
Block a user