How To Show The Price On Featured Collections Of A 3rd Party Theme

[saintsdivine]

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

[kaalTechGeeks · Accepted solution]

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 (</body>). 
This will over-ride the existing CSS on the product grids.
Thanks

<style>
  .card:not(.ratio)>.card__content{ 
     display: block;
  }
</style>

[kaalTechGeeks]

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 

[saintsdivine]

https://officiallyevil.com

[kaalTechGeeks · Accepted solution]

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 (</body>). 
This will over-ride the existing CSS on the product grids.
Thanks

<style>
  .card:not(.ratio)>.card__content{ 
     display: block;
  }
</style>

[saintsdivine]

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 

[kaalTechGeeks]

glad that my solution worked for you @saintsdivine. 
Please mark it as an accepted solution also let me check for this thing.  

[saintsdivine]

please check that other solution then I’ll go ahead and mark it thank you @kaalTechGeeks 

[kaalTechGeeks · Accepted solution]

HI @saintsdivine, 
just replace the code I sent you earlier with the below code. 

<style>
 .card:not(.ratio)>.card__content{ 
     display: block;
  }
.card.card--standard.card--media > .card__content .card__information a {
    font-size: 16px;
}
</style>

[saintsdivine]

@kaalTechGeeks I’ve gone ahead and did that now the price is gone n no name 🥺

[saintsdivine]

nvm it’s fixed now ! Thanks to @kaalTechGeeks 

[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