Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: How To Remove Price From Products In The Product Grid In Sense Theme

Solved

How To Remove Price From Products In The Product Grid In Sense Theme

enriquegarcia
Tourist
24 0 2

Hi!

I would like to remove the price shown below products on the product grid. Im using the Sense Theme and since I only want to display information of the products and not actually sell it on my page I dont think the price tag of 0.00 actually looks good. If anyone could give a solution to solve this by customizing the Product Grid or by editing the code of the page it would be greatly appreciated!

 

In the photo is marked with blue what I refer to as the price that has to be eliminated

 

Thanks for your time and help.WhatsApp Image 2023-01-10 at 9.26.35 AM.jpeg

Accepted Solution (1)

GemPages
Shopify Partner
5625 1262 1254

This is an accepted solution.

Hello @enriquegarcia 

 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your theme.liquid theme file.

3. Paste the below code before </body>:

 

<style>
   #ProductGridContainer .collection.page-width .card__information .card-information{
     display: none;
  }
</style>

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 8 (8)

GemPages
Shopify Partner
5625 1262 1254

This is an accepted solution.

Hello @enriquegarcia 

 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your theme.liquid theme file.

3. Paste the below code before </body>:

 

<style>
   #ProductGridContainer .collection.page-width .card__information .card-information{
     display: none;
  }
</style>

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
enriquegarcia
Tourist
24 0 2

Thanks! Can you specify where I can find </body>?

enriquegarcia
Tourist
24 0 2

In the code

GemPages
Shopify Partner
5625 1262 1254

@enriquegarcia 

 

It is usually located near the bottom of the theme.liquid . file

 

Screenshot at Jan 10 23-52-11.png

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
IP1999
Shopify Partner
118 8 13

in your shopify admin go to 

 

Online Store > Themes

 

click those three little buttons in your theme next to "Publish", click "edit code"

 

on the left side you have a search section

 

search for "base.css"

 

as the code to the bottom of the and click save

 

only add the part from @GemPages 

 

#ProductGridContainer .collection.page-width .card__information .card-information{
     display: none;
  }

 

 

theparmesan_don
Excursionist
20 1 7

Is there a way to do this and also hide the price on a feautured collection section please?

niraj_patel
Shopify Partner
2378 514 507

Hello @enriquegarcia 


Please use below code on assets -> base.css at the bottom to remove price from product cards

.card-information .price{
transform: none !important;
}

techlyser_ecom_0-1673369674436.png

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
KAM22
Tourist
7 0 11

Hi, this works for removing the price from all products in the grid. Is it possible to just hide the price if the product price is zero? Not for sale?