[Origin Theme] How to replace 'Product Price' with 'Product Description’ in Collection Template?

Topic summary

Goal: Replace the product price with the product description on the collection page product grid (Origin theme).

Proposed approach: Edit the theme’s Liquid template. In the collection product grid (likely main-collection-product-grid.liquid), locate the card__information area and hide the price element (class “price” with style=“display:none;”). Insert {{ product.description }} after that element. (Liquid is Shopify’s templating language; the collection template controls product cards in a grid.)

Access and implementation: The requester couldn’t find the exact file and granted collaborator access (account confirmed as “RubicHub”).

Outcome: The developer updated the theme and added two Theme Customizer toggles: 1) Show Price, 2) Show Product Description. The merchant can switch these on/off at any time via the theme editor. A screenshot was shared to confirm the settings.

Status: Resolved. The requested change is implemented with added flexibility through customizer options. Attachments (images) illustrate the request and the final customizer controls but aren’t required to understand the solution.

Summarized with AI on January 24. AI used: gpt-5.

Hi Community! I need your help. I need to replace the ‘Product Price’ with ‘Product Description’ on the ‘Collection Template’ > ‘Product Grid’: https://sextetoafroperuano.com/collections/fechas

How can I do this? I tried to find the code but couldn’t find it.

I want to replace the ‘Product Price’ with ‘Product Description’ or hide the ‘Product Price’ and add the ‘Product Description’

Hope you can help me.

Thanks!

Hello @Tungsteno , You can easily hide the product price and show the product description. You will need to add some custom code into your theme file.

Simply you will need to go to Online Store > Themes > Eidt Code. From there you will need to find main-collection-product-grid.liquid or similar to this one. Then you will need to find grid__item. Under this div you will have a div with a class named “card__information”. Under this you will have a class name “price”. Simply add this style=“display:none;” in this div as shown below.


....

and add the below code after this div ends


{{product.description}}

Please do let me know if you need any further assistance.

Regards,

Osama Farooqi

Hi Osama!
Couldn’t find any of the codes you said. And I tried to do this before. I thing, I can’t figure it out which liquid file is containing this section. Can I give you access?

Thank you so much!

Sure, I would love to do this for you.

Regards,

Osama Farooqi

1 Like

‘RubicHub’ is your account? I got a request.

Yes, that’s correct. I have requested this.

Regards,

Osama e

1 Like

Yes,that is correct. I have requested this.

Regards,
Osama Farooqi

Done! Access granted!

Access granted!

Hello @Tungsteno , I have updated your theme files, please check.

For your convenience, I have added two options to the customizer. One is to show the Price and the second one is to show the product description. You simply check or uncheck them at any time even in the future.

PFA!!

2 Likes

WOW! Thank you so much! That’s more than I asked for. You rock!

1 Like

My pleasure, it’s my job. I would like to know, if this is your own store

Regards,

Osama Farooqi

Yes! One of my stores. :wink:

Glad to know :ok_hand: