# Show discounted prices on the collection page

{% embed url="<https://youtu.be/wFeYdUWt1Ts>" %}

***

For the written guide - you can follow the instructions below.

1. Copy the code from [here](https://pastefy.app/q5tyv4Gx) and then create a new snippet in your theme files called `dollarlabs-price.liquid`&#x20;

   <figure><img src="https://2844543096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcVBfwy7Yj4tU8TsxkHEr%2Fuploads%2FESvoME8rdqPId7W53mQQ%2Fimage.png?alt=media&#x26;token=7169d95a-7a91-477a-b0ea-f69ff34bca44" alt=""><figcaption></figcaption></figure>

2. Most collection pages use something like a `card-product` or similar to loop over the items in the collection and render as product cards. Find that file for your theme and then replace the `{% render 'price' %}`  line with the [code here](https://pastefy.app/dkb26RFX)<br>

   <figure><img src="https://2844543096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcVBfwy7Yj4tU8TsxkHEr%2Fuploads%2F7X6ZVa9eyLgEyK4ogI2V%2Fimage.png?alt=media&#x26;token=65999a41-15ab-47bf-b93b-bb15f18c5904" alt=""><figcaption></figcaption></figure>

3. You might have to change the variable name of `card_product` to the one that your theme uses to render the price. Once saved, you will see the change show up on your theme <br>

   <figure><img src="https://2844543096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcVBfwy7Yj4tU8TsxkHEr%2Fuploads%2FsOICTsuRjuPYmV7LAWrM%2Fimage.png?alt=media&#x26;token=908d9848-1683-43eb-8b19-a3078a957a64" alt=""><figcaption></figcaption></figure>

***

If you need help with any of the steps mentioned in this article, please feel free to reach out at <support@dollarlabs.io> or find a time with us on [our calendar](https://cal.com/lesle/30min).

We are here to help :smile: