Reimplementing Price on Product Grid

Store Design
, ,
1

So a developer helped me code parts of my website and removed the price underneath my products at my request. I wanted to see if I could get some help in reimplementing the price since I no longer have access to the Brooklyn theme’s original coding since Shopify has removed the theme some years ago. Thanks!

My website: https://poisonjam.co/

Screenshot 2024-10-27 at 9.32.04 .jpg
Screenshot 2024-10-27 at 9.32.04 .jpg2074×1040 101 KB

Screenshot 2024-10-27 at 9.42.35 PM.png
Screenshot 2024-10-27 at 9.42.35 PM.png2218×1384 637 KB

2

Hello.

I just checked your store and your concern

Your store seems need new update because it isn’t updated for a long time.

Anyway, first of all, I can assist you to put price underneath your products

3

Add the following code below the product title:


  {% if product.compare_at_price > product.price %}
    
      {{ product.compare_at_price | money }}
    
    
      {{ product.price | money }}
    
  {% else %}
    
      {{ product.price | money }}
    
  {% endif %}

Updated code:


  {{ product.title }}

  {% if product.compare_at_price > product.price %}
    
      {{ product.compare_at_price | money }}
    
    
      {{ product.price | money }}
    
  {% else %}
    
      {{ product.price | money }}
    
  {% endif %}

{% if sold_out %}
  

{{ 'products.product.sold_out' | t }}

{% endif %}

{% if product.price_varies == false and variant.unit_price_measurement != null %}
  
  {% capture unit_price_separator %}
    {{ 'general.accessibility.unit_price_separator' | t }} 
  {% endcapture %}

  {% capture unit_price_base_unit %}
    
      {% if variant.unit_price_measurement.reference_value != 1 %}
        {{ variant.unit_price_measurement.reference_value }}
      {% endif %}
      {{ variant.unit_price_measurement.reference_unit }}
    
  {% endcapture %}

  
    {{ 'products.general.unit_price' | t }}
    {{ variant.unit_price | money }}{{ unit_price_separator }}{{ unit_price_base_unit }}
  
{% endif %}
1 Like
4

Thank you! This works great. Can you write the code where it also hides the price on “sold out” items?

Screenshot 2024-10-28 at 5.49.13 PM.png
Screenshot 2024-10-28 at 5.49.13 PM.png2210×802 154 KB

1 Like
5

Of course! :smiling_face_with_sunglasses: :ok_hand:


  {{ product.title }}

{% unless product.available %}
  

{{ 'products.product.sold_out' | t }}

{% endunless %}

{% if product.available %}
  
    
    {% if product.compare_at_price > product.price %}
      
        {{ product.compare_at_price | money }}
      
      
        {{ product.price | money }}
      
    {% else %}
      
      
        {{ product.price | money }}
      
    {% endif %}
  

  
  {% if product.price_varies == false and variant.unit_price_measurement != null %}
    {% capture unit_price_separator %}
      {{ 'general.accessibility.unit_price_separator' | t }} 
    {% endcapture %}

    {% capture unit_price_base_unit %}
      
        {% if variant.unit_price_measurement.reference_value != 1 %}
          {{ variant.unit_price_measurement.reference_value }}
        {% endif %}
        {{ variant.unit_price_measurement.reference_unit }}
      
    {% endcapture %}

    
      {{ 'products.general.unit_price' | t }}
      {{ variant.unit_price | money }}{{ unit_price_separator }}{{ unit_price_base_unit }}
    
  {% endif %}
{% endif %}
1 Like