Axel
247 lines
10 KiB
Plaintext
247 lines
10 KiB
Plaintext
{% comment %}
|
|
Renders a list of product's price (regular, sale)
|
|
|
|
Accepts:
|
|
- product: {Object} Product Liquid object (optional)
|
|
- placeholder: {Boolean} Renders a placeholder price (optional)
|
|
- use_variant: {Boolean} Renders selected or first variant price instead of overall product pricing (optional)
|
|
- show_badges: {Boolean} Renders 'Sale' and 'Sold Out' tags if the product matches the condition (optional)
|
|
- price_class: {String} Adds a price class to the price element (optional)
|
|
- show_compare_at_price: {Boolean} Renders the compare at price if the product matches the condition (optional)
|
|
|
|
Usage:
|
|
{% render 'price', product: product %}
|
|
{% endcomment %}
|
|
{%- liquid
|
|
if use_variant
|
|
assign target = product.selected_or_first_available_variant
|
|
elsif placeholder
|
|
assign target = null
|
|
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 price_max = product.price_max
|
|
assign available = target.available | default: false
|
|
|
|
comment
|
|
start Yagi app code
|
|
endcomment
|
|
assign public_or_tags_matched = true
|
|
|
|
if product.metafields.app--168074346497.segment_tags.value.size > 0
|
|
assign public_or_tags_matched = false
|
|
endif
|
|
|
|
for etag in product.metafields.app--168074346497.segment_tags.value
|
|
if customer.tags contains etag
|
|
assign public_or_tags_matched = true
|
|
break
|
|
endif
|
|
endfor
|
|
|
|
if public_or_tags_matched
|
|
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
|
|
|
|
if target.compare_at_price > compare_at_price
|
|
assign compare_at_price = target.compare_at_price
|
|
endif
|
|
endif
|
|
|
|
if shop.metafields.app--168074346497.discount_percentage.value > 0.005
|
|
assign discount_percentage = shop.metafields.app--168074346497.discount_percentage.value | times: 1.0
|
|
assign deducted_percentage = 1.0 | minus: discount_percentage
|
|
|
|
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
|
|
|
|
if target.compare_at_price > compare_at_price
|
|
assign compare_at_price = target.compare_at_price
|
|
endif
|
|
endif
|
|
|
|
if price < target.price and compare_at_price == blank
|
|
assign compare_at_price = target.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
|
|
|
|
if product.compare_at_price > compare_at_price
|
|
assign compare_at_price = product.compare_at_price
|
|
endif
|
|
endif
|
|
|
|
if shop.metafields.app--168074346497.discount_percentage.value > 0.005
|
|
assign discount_percentage = shop.metafields.app--168074346497.discount_percentage.value | times: 1.0
|
|
assign deducted_percentage = 1.0 | minus: discount_percentage
|
|
|
|
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
|
|
|
|
if product.compare_at_price > compare_at_price
|
|
assign compare_at_price = product.compare_at_price
|
|
endif
|
|
endif
|
|
|
|
if price < product.price and compare_at_price == blank
|
|
assign compare_at_price = product.price
|
|
endif
|
|
endif
|
|
endif
|
|
comment
|
|
end Yagi app code
|
|
endcomment
|
|
|
|
assign money_price = price | money
|
|
assign money_price_min = price_min | money
|
|
assign money_price_max = price_max | money
|
|
if settings.currency_code_enabled
|
|
assign money_price = price | money_with_currency
|
|
assign money_price_min = price_min | money_with_currency
|
|
assign money_price_max = price_max | money_with_currency
|
|
endif
|
|
|
|
if target == product and product.price_varies
|
|
assign money_price = 'products.product.price.from_price_html' | t: price: money_price
|
|
endif
|
|
-%}
|
|
|
|
{%- unless target == null and placeholder == null -%}
|
|
<div
|
|
class="
|
|
price
|
|
{%- if price_class %} {{ price_class }}{% endif -%}
|
|
{%- if available == false %} price--sold-out{% endif -%}
|
|
{%- if compare_at_price > price and product.quantity_price_breaks_configured? != true %} price--on-sale{% endif -%}
|
|
{%- if compare_at_price > price and product.quantity_price_breaks_configured? %} volume-pricing--sale-badge{% endif -%}
|
|
{%- if product.price_varies == false and product.compare_at_price_varies %} price--no-compare{% endif -%}
|
|
{%- if show_badges %} price--show-badge{% endif -%}
|
|
"
|
|
>
|
|
<div class="price__container">
|
|
{%- comment -%}
|
|
Explanation of description list:
|
|
- div.price__regular: Displayed when there are no variants on sale
|
|
- div.price__sale: Displayed when a variant is a sale
|
|
{%- endcomment -%}
|
|
<div class="price__regular">
|
|
{%- if product.quantity_price_breaks_configured? -%}
|
|
{%- if show_compare_at_price and compare_at_price -%}
|
|
{%- 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>
|
|
<span>
|
|
<s class="price-item price-item--regular variant-item__old-price">
|
|
{% if settings.currency_code_enabled %}
|
|
{{ compare_at_price | money_with_currency }}
|
|
{% else %}
|
|
{{ compare_at_price | money }}
|
|
{% endif %}
|
|
</s>
|
|
</span>
|
|
{%- endunless -%}
|
|
{%- endif -%}
|
|
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.regular_price' | t }}</span>
|
|
<span class="price-item price-item--regular">
|
|
{{-
|
|
'products.product.volume_pricing.price_range'
|
|
| t: minimum: money_price_min, maximum: money_price_max
|
|
-}}
|
|
</span>
|
|
{%- else -%}
|
|
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.regular_price' | t }}</span>
|
|
<span class="price-item price-item--regular">
|
|
{{ money_price }}
|
|
</span>
|
|
{%- endif -%}
|
|
</div>
|
|
<div class="price__sale">
|
|
{%- 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>
|
|
<span>
|
|
<s class="price-item price-item--regular">
|
|
{% if settings.currency_code_enabled %}
|
|
{{ compare_at_price | money_with_currency }}
|
|
{% else %}
|
|
{{ compare_at_price | money }}
|
|
{% endif %}
|
|
</s>
|
|
</span>
|
|
{%- endunless -%}
|
|
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.sale_price' | t }}</span>
|
|
<span class="price-item price-item--sale price-item--last">
|
|
{{ money_price }}
|
|
</span>
|
|
</div>
|
|
<small class="unit-price caption{% if product.selected_or_first_available_variant.unit_price_measurement == nil %} hidden{% endif %}">
|
|
<span class="visually-hidden">{{ 'products.product.price.unit_price' | t }}</span>
|
|
<span class="price-item price-item--last">
|
|
<span>{{- product.selected_or_first_available_variant.unit_price | money -}}</span>
|
|
<span aria-hidden="true">/</span>
|
|
<span class="visually-hidden"> {{ 'accessibility.unit_price_separator' | t }} </span>
|
|
<span>
|
|
{%- if product.selected_or_first_available_variant.unit_price_measurement.reference_value != 1 -%}
|
|
{{- product.selected_or_first_available_variant.unit_price_measurement.reference_value -}}
|
|
{%- endif -%}
|
|
{{ product.selected_or_first_available_variant.unit_price_measurement.reference_unit }}
|
|
</span>
|
|
</span>
|
|
</small>
|
|
</div>
|
|
{%- if show_badges -%}
|
|
{% if settings.dbtfy_discount_saved %}
|
|
{% render 'dbtfy-discount-saved', product_compare_price: compare_at_price, product_price: price %}
|
|
{% else %}
|
|
<span class="badge price__badge-sale dbtfy-sale-badge">
|
|
{%- if settings.sale_badge_text != blank -%}
|
|
{{- settings.sale_badge_text -}}
|
|
{%- else -%}
|
|
{{- 'products.product.on_sale' | t -}}
|
|
{%- endif -%}
|
|
</span>
|
|
{% endif %}
|
|
|
|
<span class="badge price__badge-sold-out dbtfy-sold-out-badge">
|
|
{%- if settings.sold_out_badge_text != blank -%}
|
|
{{- settings.sold_out_badge_text -}}
|
|
{%- else -%}
|
|
{{- 'products.product.sold_out' | t -}}
|
|
{%- endif -%}
|
|
</span>
|
|
{%- endif -%}
|
|
</div>
|
|
{% endunless %}
|