Shopify themes, liquid, logos, and UX
Hello
Some of my products have variants - however the price of these doesn't display on the collection page
https://the-body-shop-nordic.myshopify.com/collections/most-loved
https://the-body-shop-nordic.myshopify.com/
ubahdo
hello @TBS2023
I have checked, I have not entered my price. You enter the price of these products first, then it will show.
If this was helpful, hit the like button and accept the solution.
Thanks
but the price is entered
@TBS2023 We have checked the "Impulse" theme. It seems the code of that section has been altered by some app's code or custom code. To locate the code of that section, search for the code "grid-product__price" in the theme code by opening the theme code in any text editor. Kindly compare and check the code of that section with the previous themes that is before making those changes, or else share the code of that section to check and help you on this. Kindly find the below attached screenshots of the impulse theme code and your store code for reference.
Your store theme code:
<div class="grid-product__price">
{%- if on_sale -%}
<span class="visually-hidden">{{ 'products.general.regular_price' | t }}</span>
<span class="grid-product__price--original">{{ product.compare_at_price | money }}</span>
<span class="visually-hidden">{{ 'products.general.sale_price' | t }}</span>
{%- endif -%}
{%- if product.price_varies -%}
{%- assign price = product.price_min | money -%}
{{ 'products.general.from_text_html' | t: price: price }}
{%- else -%}
{{ product.price | money }}
{%- endif -%}
{%- if on_sale -%}
{%- if settings.product_save_amount -%}
{%- if settings.product_save_type == 'dollar' -%}
{%- capture saved_amount -%}{{ product.compare_at_price | minus: product.price | money }}{%- endcapture -%}
{%- else -%}
{%- capture saved_amount -%}{{ product.compare_at_price | minus: product.price | times: 100.0 | divided_by: product.compare_at_price | round }}%{%- endcapture -%}
{%- endif -%}
<span class="grid-product__price--savings">
{{ 'products.general.save_html' | t: saved_amount: saved_amount }}
</span>
{%- endif -%}
{%- endif -%}
{%- assign product_variant = product.selected_or_first_available_variant -%}
{%- if product_variant.unit_price_measurement -%}
<div class="product__unit-price">
{%- capture unit_price_base_unit -%}
{%- if product_variant.unit_price_measurement -%}
{%- if product_variant.unit_price_measurement.reference_value != 1 -%}
{{ product_variant.unit_price_measurement.reference_value }}
{%- endif -%}
{{ product_variant.unit_price_measurement.reference_unit }}
{%- endif -%}
{%- endcapture -%}
{{ product_variant.unit_price | money }}/{{ unit_price_base_unit }}
</div>
{%- endif -%}
<div class="th_wl_col_btn" data-product_id="{{product.id}}" data-variant_id="{{product.selected_or_first_available_variant.id}}"></div>
</div>
</div>
Is there something i need to change in my code?
@TBS2023 We have checked your store URL now, it seems the issue you mentioned has been resolved. Kindly reach out to us if you have any other queries in the future.
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025