Show Discounted Prices on Collection and Search Pages with Price List v2

By default, Shopify only shows the standard product prices on collection pages and search result pages. If you’re using Price List v2, you may want your customers to see the final discounted prices directly on these pages — not just on the product page.

This guide walks you through setting it up step by step.

---

Step 1: Locate the render 'price' in Your Theme

1. Open your Shopify theme code editor.

2. Search for render 'price' or something similar that renders the price on collection pages

3. You should find it inside a file such as price.liquid or similar, depending on your theme.

⚠️ Each theme is slightly different. In most cases, collection pages are rendered directly by Liquid, so unlike product pages, you can’t simply add an app block here.

---

Step 2: Create a New Snippet

1. In the Snippets folder of your theme, create a new file called:

   dollarlabs-price-collection.liquid

2. Copy and paste the snippet code provided here

3. No changes are required in this snippet — just paste it and save.

---

Step 3: Update price.liquid

1. Go back to the file where you found render 'price' (usually price.liquid).

2. Comment out or remove the existing render 'price' block.

3. Replace it with the following snippet call

   {%- liquid
      assign resolved_namespace = shop.metafields.dollarlabs_price_list_v2.dollarlabs_meta_namespace
      assign price_lists = metaobjects[resolved_namespace].values
      assign price_list = price_lists | last
      assign rules = price_list.rules.value
      assign csv_data =  rules
   -%}
         {%- render 'dollarlabs-price-collection',
               product: product,
               price_class: '',
               show_original_price: true,
               show_compare_at_price_for_non_discounted: true,
               csv_data: csv_data
         -%}

   ✅ Important: Make sure you pass the correct product variable - in my case product_resource instead of just product.

   • If you use product, all products may show the same price (incorrect).

   • Using product_resource ensures each product displays the correct discounted price.

---

Step 4: Save and Verify

1. Save your changes.

2. Go to your storefront and check a collection page or search results page.

3. You should now see the correct discounted prices for each product.

To double-check:

• Add a product to cart and confirm the cart price matches the discounted price displayed on the collection page.

---

Common Issues

• All products showing the same price: This usually happens if product is passed instead of product_resource. Update it to product_resource.

• Theme variations: Some themes may name or structure files differently. Look for similar naming like price, card-price, or product-price.

---

Need Help?

If you run into issues while editing your theme, reach out to our support team. We’ll be happy to implement this for you.