Price variant not displaying in collection grid

Store Design
1

Hello

Some of my products have variants - however the price of these doesn’t display on the collection page

I had added the variant rates

TBS2023_0-1728283427867.png
TBS2023_0-1728283427867.png400×243 14.2 KB

https://the-body-shop-nordic.myshopify.com/collections/most-loved

TBS2023_0-1728283326612.png
TBS2023_0-1728283326612.png400×183 54.1 KB

https://the-body-shop-nordic.myshopify.com/

ubahdo


          {%- if on_sale -%}
            {{ 'products.general.regular_price' | t }}
            {{ product.compare_at_price | money }}
            {{ 'products.general.sale_price' | t }}
          {%- 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 -%}
              
                {{ 'products.general.save_html' | t: saved_amount: saved_amount }}
              
            {%- endif -%}
          {%- endif -%}

          {%- assign product_variant = product.selected_or_first_available_variant -%}
          {%- if product_variant.unit_price_measurement -%}
            

              {%- 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 }}
            

          {%- endif -%}
1 Like
2

Hi @TBS2023

I checked and found that the code has no issues, but please try adding a small text ‘…’ before the price display. It will look like this.


          {%- if on_sale -%}
            {{ 'products.general.regular_price' | t }}
            {{ product.compare_at_price | money }}
            {{ 'products.general.sale_price' | t }}
          {%- 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 -%}
              
                {{ 'products.general.save_html' | t: saved_amount: saved_amount }}
              
            {%- endif -%}
          {%- endif -%}

          {%- assign product_variant = product.selected_or_first_available_variant -%}
          {%- if product_variant.unit_price_measurement -%}
            

              {%- 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 }}
            

          {%- endif -%}

Then let me know if it displays

3

Hello @TBS2023

You can try using this code.


  {%- assign product_variant = product.selected_or_first_available_variant -%}
  
  {%- if on_sale and product_variant.compare_at_price > product_variant.price -%}
    {{ 'products.general.regular_price' | t }}
    {{ product_variant.compare_at_price | money }}
    {{ 'products.general.sale_price' | t }}
  {%- endif -%}
  
  {%- if product.price_varies -%}
    {%- assign price = product_variant.price | money -%}
    {{ 'products.general.from_text_html' | t: price: price }}
  {%- else -%}
    {{ product_variant.price | money }}
  {%- endif -%}

  {%- if on_sale and product_variant.compare_at_price > product_variant.price -%}
    {%- if settings.product_save_amount -%}
      {%- if settings.product_save_type == 'dollar' -%}
        {%- capture saved_amount -%}{{ product_variant.compare_at_price | minus: product_variant.price | money }}{%- endcapture -%}
      {%- else -%}
        {%- capture saved_amount -%}{{ product_variant.compare_at_price | minus: product_variant.price | times: 100.0 | divided_by: product_variant.compare_at_price | round }}%{%- endcapture -%}
      {%- endif -%}
      
        {{ 'products.general.save_html' | t: saved_amount: saved_amount }}
      
    {%- endif -%}
  {%- endif -%}

  {%- if product_variant.unit_price_measurement -%}
    

      {%- capture unit_price_base_unit -%}
        {%- if product_variant.unit_price_measurement.reference_value != 1 -%}
          {{ product_variant.unit_price_measurement.reference_value }}
        {%- endif -%}
        {{ product_variant.unit_price_measurement.reference_unit }}
      {%- endcapture -%}
      {{ product_variant.unit_price | money }}/{{ unit_price_base_unit }}
    

  {%- endif -%}
4

The 3 little dots appear but not the price

TBS2023_0-1728295219732.png
TBS2023_0-1728295219732.png1481×630 185 KB

5

nothing happened

6

Hello @TBS2023 ,
Its look like object product is blank or undefined where product have more than one viariants.
Could you share the file code in which this code is included.

7

where do i find this, please?

8

Please provide theme name of it.

9

Impulse