Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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.
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.
Thanks! Can you specify where I can find </body>?
In the code
It is usually located near the bottom of the theme.liquid . file
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;
}
Is there a way to do this and also hide the price on a feautured collection section please?
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;
}
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?
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024