first commit
This commit is contained in:
Axel Kee
@@ -0,0 +1,124 @@
|
||||
{% comment %}
|
||||
Renders a list of product's price (regular, sale, unit)
|
||||
Accompanies product listings (collection page, search result) and not updated dynamically
|
||||
Accepts:
|
||||
- variant: {Object} Variant Liquid object (optional)
|
||||
- product: {Object} Product Liquid object (optional)
|
||||
|
||||
Usage:
|
||||
{% render 'product-price-listing', product: product %}
|
||||
{% endcomment %}
|
||||
{%- liquid
|
||||
if product.title
|
||||
assign compare_at_price = product.compare_at_price
|
||||
assign price = product.price
|
||||
assign available = product.available
|
||||
assign variant = product.variants.first
|
||||
else
|
||||
assign compare_at_price = 1999
|
||||
assign price = 1999
|
||||
assign available = true
|
||||
endif
|
||||
|
||||
comment
|
||||
start Yagi app code
|
||||
endcomment
|
||||
if product.title
|
||||
assign price = product.price
|
||||
assign compare_at_price = product.compare_at_price
|
||||
|
||||
assign price = product.metafields.app--168074346497.min_auto_discounted_price.value | default: product.price
|
||||
|
||||
if price < product.price and compare_at_price == 0 or compare_at_price == blank
|
||||
assign compare_at_price = product.price
|
||||
endif
|
||||
endif
|
||||
comment
|
||||
end Yagi app code
|
||||
endcomment
|
||||
|
||||
if settings.currency_code_enable
|
||||
assign money_price = price | money_with_currency
|
||||
else
|
||||
assign money_price = price | money
|
||||
endif
|
||||
|
||||
-%}
|
||||
|
||||
{% unless product.price_max == 0 and settings.custom_price0_text != blank or price == 0 and settings.custom_price0_text != blank %}
|
||||
<div class="price price--listing
|
||||
{%- if available == false %} price--sold-out {% endif -%}
|
||||
{%- if compare_at_price > price %} price--on-sale {% endif -%}
|
||||
{%- if product.price_varies == false and product.compare_at_price_varies %} price--compare-price-hidden {% endif -%}
|
||||
{%- if variant.unit_price_measurement %} price--unit-available {% endif -%}"
|
||||
>
|
||||
<!-- start automatic discounted price label code -->
|
||||
{% comment %}
|
||||
{% render 'auto-discounted-price', product: product %}
|
||||
{% endcomment %}
|
||||
<!-- end automatic discounted price label code -->
|
||||
|
||||
<div class="price__regular">
|
||||
|
||||
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.regular_price' | t }}</span>
|
||||
<span class="price-item price-item--regular">
|
||||
{%- if product.price_varies -%}
|
||||
{{ 'products.product.from_lowest_price_html' | t: lowest_price: money_price }}
|
||||
{%- else -%}
|
||||
{{ money_price }}
|
||||
{%- endif -%}
|
||||
</span>
|
||||
</div>
|
||||
<div class="price__sale">
|
||||
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.sale_price' | t }}</span>
|
||||
<span class="price-item price-item--sale">
|
||||
{%- if product.price_varies -%}
|
||||
{{ 'products.product.from_lowest_price_html' | t: lowest_price: money_price }}
|
||||
{%- else -%}
|
||||
{{ money_price }}
|
||||
{%- endif -%}
|
||||
</span>
|
||||
<div class="price__compare">
|
||||
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.regular_price' | t }}</span>
|
||||
<s class="price-item price-item--regular">
|
||||
{% if settings.currency_code_enable %}
|
||||
{{ compare_at_price | money_with_currency }}
|
||||
{% else %}
|
||||
{{ compare_at_price | money }}
|
||||
{% endif %}
|
||||
</s>
|
||||
</div>
|
||||
</div>
|
||||
<div class="price__unit">
|
||||
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.unit_price_label' | t }}</span>
|
||||
<div class="price-unit-price">
|
||||
{%- capture unit_price_separator -%}
|
||||
<span aria-hidden="true">/</span><span class="visually-hidden">{{ 'general.accessibility.unit_price_separator' | t }} </span>
|
||||
{%- endcapture -%}
|
||||
{%- capture unit_price_base_unit -%}
|
||||
<span>
|
||||
{%- if variant.unit_price_measurement -%}
|
||||
{%- if variant.unit_price_measurement.reference_value != 1 -%}
|
||||
{{- variant.unit_price_measurement.reference_value -}}
|
||||
{%- endif -%}
|
||||
{{ variant.unit_price_measurement.reference_unit }}
|
||||
{%- endif -%}
|
||||
</span>
|
||||
{%- endcapture -%}
|
||||
|
||||
<span>
|
||||
{% if settings.currency_code_enable %}
|
||||
{{ variant.unit_price | money_with_currency }}
|
||||
{% else %}
|
||||
{{ variant.unit_price | money }}
|
||||
{% endif %}
|
||||
</span>{{- unit_price_separator -}}{{- unit_price_base_unit -}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% else %}
|
||||
<span class='custom_free_text'>
|
||||
{{settings.custom_price0_text }}
|
||||
</span>
|
||||
{% endunless %}
|
||||
@@ -0,0 +1,141 @@
|
||||
{% comment %}
|
||||
Renders a list of product's price (regular, sale, unit)
|
||||
Accompanies product forms and meant to be updated dynamically
|
||||
Accepts:
|
||||
- variant: {Object} Variant Liquid object (optional)
|
||||
- product: {Object} Product Liquid object (optional)
|
||||
- show_vendor: {Boolean} Show the product's vendor depending on the section setting (optional)
|
||||
|
||||
Usage:
|
||||
{% render 'product-price', variant: current_variant, product: product %}
|
||||
{% endcomment %}
|
||||
{%- liquid
|
||||
if variant.title
|
||||
assign compare_at_price = variant.compare_at_price
|
||||
assign price = variant.price
|
||||
assign available = variant.available
|
||||
else
|
||||
assign compare_at_price = 1999
|
||||
assign price = 1999
|
||||
assign available = true
|
||||
endif
|
||||
|
||||
comment
|
||||
start Yagi app code
|
||||
endcomment
|
||||
if variant.title
|
||||
assign price = variant.price
|
||||
assign compare_at_price = variant.compare_at_price
|
||||
|
||||
assign price = variant.metafields.app--168074346497.auto_discounted_price.value | default: variant.price
|
||||
|
||||
if price < variant.price and compare_at_price == 0 or compare_at_price == blank
|
||||
assign compare_at_price = variant.price
|
||||
endif
|
||||
endif
|
||||
comment
|
||||
end Yagi app code
|
||||
endcomment
|
||||
|
||||
|
||||
if settings.currency_code_enable
|
||||
assign money_price = price | money_with_currency
|
||||
else
|
||||
assign money_price = price | money
|
||||
endif
|
||||
|
||||
-%}
|
||||
|
||||
<div class="price
|
||||
{% if available == false %} price--sold-out {% endif %}
|
||||
{% if compare_at_price > price %} price--on-sale {% endif %}
|
||||
{% if variant.unit_price_measurement %} price--unit-available {% endif %}"
|
||||
data-price
|
||||
>
|
||||
|
||||
{% if show_vendor and product %}
|
||||
<div class="price__vendor">
|
||||
<span class="visually-hidden">{{ 'products.product.vendor' | t }}</span>
|
||||
{{ product.vendor }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% unless product.price_max == 0 and settings.custom_price0_text != blank %}
|
||||
<div class="price__pricing-group">
|
||||
<div class="price__regular">
|
||||
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.regular_price' | t }}</span>
|
||||
<span class="price-item price-item--regular" data-regular-price>
|
||||
{% if price == 0 and settings.custom_price0_text != blank %}
|
||||
<span class='custom_free_text'>
|
||||
{{settings.custom_price0_text }}
|
||||
</span>
|
||||
{% else %}
|
||||
{{ money_price }}
|
||||
{% endif %}
|
||||
</span>
|
||||
</div>
|
||||
<div class="price__sale">
|
||||
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.sale_price' | t }}</span>
|
||||
<span class="price-item price-item--sale" data-sale-price>
|
||||
{% if price == 0 and settings.custom_price0_text != blank %}
|
||||
<span class='custom_free_text'>
|
||||
{{settings.custom_price0_text }}
|
||||
</span>
|
||||
{% else %}
|
||||
{{ money_price }}
|
||||
{% endif %}
|
||||
</span>
|
||||
|
||||
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.regular_price' | t }}</span>
|
||||
|
||||
<s class="price-item price-item--regular" data-regular-price>
|
||||
{% if settings.currency_code_enable %}
|
||||
{{ compare_at_price | money_with_currency }}
|
||||
{% else %}
|
||||
{{ compare_at_price | money }}
|
||||
{% endif %}
|
||||
</s>
|
||||
|
||||
</div>
|
||||
<div class="price__badges">
|
||||
<span class="price__badge price__badge--sale" >
|
||||
<span>{{ 'products.product.on_sale' | t }}</span>
|
||||
</span>
|
||||
<span class="price__badge price__badge--sold-out">
|
||||
<span>{{ 'products.product.sold_out' | t }}</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="price__unit">
|
||||
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.unit_price_label' | t }}</span>
|
||||
<div class="price-unit-price">
|
||||
{%- capture unit_price_separator -%}
|
||||
<span >/</span><span class="visually-hidden">{{ 'general.accessibility.unit_price_separator' | t }} </span>
|
||||
{%- endcapture -%}
|
||||
{%- capture unit_price_base_unit -%}
|
||||
<span data-unit-price-base-unit>
|
||||
{%- if variant.unit_price_measurement -%}
|
||||
{%- if variant.unit_price_measurement.reference_value != 1 -%}
|
||||
{{- variant.unit_price_measurement.reference_value -}}
|
||||
{%- endif -%}
|
||||
{{ variant.unit_price_measurement.reference_unit }}
|
||||
{%- endif -%}
|
||||
</span>
|
||||
{%- endcapture -%}
|
||||
|
||||
<span data-unit-price>
|
||||
{% if settings.currency_code_enable %}
|
||||
{{ variant.unit_price | money_with_currency }}
|
||||
{% else %}
|
||||
{{ variant.unit_price | money }}
|
||||
{% endif %}
|
||||
</span>{{- unit_price_separator -}}{{- unit_price_base_unit -}}
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<span class='custom_free_text'>
|
||||
{{settings.custom_price0_text }}
|
||||
</span>
|
||||
{% endunless %}
|
||||
</div>
|
||||
Reference in New Issue
Block a user