Goal: display product prices (and later product names) in the Featured Collection section on a product page for a third‑party Shopify theme.
Key findings: a helper reviewed the shared store URL and determined the price container was hidden by CSS (site styling rules). The fix was to edit theme.liquid (the main layout file) and add a CSS override just before the closing tag to unhide prices.
Outcome: after adding the CSS override, prices appeared. The user then requested to also show product names with the price. The helper provided an updated code snippet to include names alongside prices.
Latest status: an initial attempt removed both price and name, but the user quickly confirmed it was fixed. The issue is resolved, and the user plans to mark the solution as accepted.
Notes: the solution relies on CSS overrides in theme.liquid; specific code snippets were central to implementation (not shown in the transcript). No further open questions or disagreements remain.
Hello all,
I have put the ‘Featured Collection’ on my product page and want to show the price of each item at the moment it only shows price of the item if you click it. I tried the Snippet way but i dont know anything about coding so i dont know what im supposed to edit or look for at all lol . Theme doesn’t seem to have a product grid. liquid. I dont know anything about HTML or CSS. Thank you and I very definitely appreciate every kind of help or guidance I can get.
Best,
SaintsDivine
Hi @saintsdivine ,
I understand your concern but I can only help you if you can share your store URL so that I can get a clear idea how actually can I help with the code.
This is not a big deal just share the store URL so that I can help you.
Thanks
Hi @saintsdivine ,
I have checked and found that the price container is hidden using CSS properties.
To show the prices of the products
Just go to online store and open the theme code editor and search for theme.liquid file.
And now scroll to the bottom of the page and copy paste the below code just before the closing body tag ().
This will over-ride the existing CSS on the product grids.
Thanks
thanks so much that worked, also do you know the code to show the name of the product also with the price still there? @kaalTechGeeks
glad that my solution worked for you @saintsdivine .
Please mark it as an accepted solution also let me check for this thing.
please check that other solution then I’ll go ahead and mark it thank you @kaalTechGeeks
HI @saintsdivine ,
just replace the code I sent you earlier with the below code.
@kaalTechGeeks I’ve gone ahead and did that now the price is gone n no name ?
nvm it’s fixed now ! Thanks to @kaalTechGeeks
Hey @saintsdivine ,
I am glad that I was able to help you with your query.
Do like my solutions as it motivates me to help others in the community.
Thanks once again buddy