Re: Show unit price on collection page - Symmetry theme
Hi
We are a wholesaler, and the prices displayed are the pack prices.
I would like to show the unit prices below the original price, but only on the collection page.
I was able to add a custom liquid to the product page, and it worked, but the collection page doesn't allow me to add custom liquid directly.
The following code is the one that I put to the product page custom liquid.
{% comment %}
Custom code for displaying price based on size and calculating unit price.
{% endcomment %}
{%- assign variant = current_variant | default: product.variants.first %}
{%- assign price = variant.price | default: 1999 %}
{%- assign size_value = variant.options[1] %} <!-- Assuming the second option is size (index 1) -->
{%- assign total_units = 0 %}
{%- if size_value == "S-M-L-XL(2-2-2-2)" -%}
{%- assign total_units = 8 -%}
{%- elsif size_value == "S-M-L(2-2-2)" -%}
{%- assign total_units = 6 -%}
{%- elsif size_value == "1X-2X-3X(3-2-1)" -%}
{%- assign total_units = 6 -%}
{%- elsif size_value == "XS-S-M-L(1-2-2-2)" -%}
{%- assign total_units = 7 -%}
{%- elsif size_value == "XS-S-M-L-XL(1-2-2-2-1)" -%}
{%- assign total_units = 8 -%}
{%- elsif size_value == "S-M-L-XL(1-2-2-1)" -%}
{%- assign total_units = 6 -%}
{%- elsif size_value == "ONE SIZE(6)" -%}
{%- assign total_units = 6 -%}
{%- elsif size_value == "S/M-M/L(3-3)" -%}
{%- assign total_units = 6 -%}
{%- elsif size_value == "XS-S-M-L(1-2-2-1)" -%}
{%- assign total_units = 6 -%}
{%- elsif size_value == "S/M-M/L-L/XL(2-2-2)" -%}
{%- assign total_units = 6 -%}
{%- endif %}
<div class="custom-price-section">
<div class="price__default">
<!-- "Unit Price" and price in the same row -->
<span class="price__label">Unit Price:</span>
<span class="price__current">
{%- if total_units > 0 -%}
{%- assign unit_price = price | divided_by: total_units -%}
{%- if show_currency_code -%}
{{ unit_price | money_with_currency }}
{%- else -%}
{{ unit_price | money }}
{%- endif -%}
{%- else -%}
{%- if show_currency_code -%}
{{ price | money_with_currency }}
{%- else -%}
{{ price | money }}
{%- endif -%}
{%- endif -%}
</span>
</div>
</div>
Product Page:
