Code to hide Price on this page

CraigReep · ‎07-17-2024

Does anyone know the code for me to add to remove this "£0.00" from this page?
To clarify I only need it hiding on this page for these products. I have other products on my site which I still need the price to be shown. But just for this page I need the price hidden, if this helps all these products use the "Default Product" template and all my other products which still need the price use another product template.
Desktop Screenshot 2024.07.17 - 12.35.49.58.png
thanks in advance
Charlie

Sweans · ‎07-17-2024

Hi @CraigReep,

Please use the below steps to hide the price from this page:
1. In your Shopify admin, navigate to "Online Store" under Sales Channels. Click the three dots next to the theme you wish to edit, then select "Edit Code". Refer to the screenshot for guidance.

2. Next you can find theme.css/base.css/style.css(it will be based on your theme file)

Add this css code:

#shopify-section-template--21026794668356__featured_collection_bmtxpT .card-information,
#shopify-section-template--21026794668356__featured_collection_LaQQTG .card-information,
#shopify-section-template--21026794668356__featured_collection_WwxmRX .card-information,
#shopify-section-template--21026794668356__featured_collection_qq4kKE .card-information,
#shopify-section-template--21026794668356__featured_collection_a8mkey .card-information{
display:none !important;
}

Result:

If you need further assistance, feel free to reach out!

I hope this helps! If it does, please like it and mark it as a solution!

Regards,

Sweans

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!☕
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com

View solution in original post

BSS-TekLabs · ‎07-17-2024

- Here is the solution for you @CraigReep
- Please follow these steps:

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.collection .card-information {
    display: none !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Rahul_dhiman · ‎07-17-2024

Hello @CraigReep
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-card.css
add this code at the end of the file.

.card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
display: none;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here

BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

CraigReep · ‎07-17-2024

Hi please read my original post, I don't want to hide price on all products. I explained that in the post

Cristina_92 · ‎07-17-2024

Didn't see the replies😕.

Boxi: Build a Box & Gift Boxes - increase sales and AOV by letting your customers build personalized product boxes.
ISBNExpress: Books Importer - import book details by ISBN into your bookstore with a single click.
Shopify Guides for Merchants

Sweans · ‎07-17-2024

Hi @CraigReep,

Please use the below steps to hide the price from this page:
1. In your Shopify admin, navigate to "Online Store" under Sales Channels. Click the three dots next to the theme you wish to edit, then select "Edit Code". Refer to the screenshot for guidance.

2. Next you can find theme.css/base.css/style.css(it will be based on your theme file)

Add this css code:

#shopify-section-template--21026794668356__featured_collection_bmtxpT .card-information,
#shopify-section-template--21026794668356__featured_collection_LaQQTG .card-information,
#shopify-section-template--21026794668356__featured_collection_WwxmRX .card-information,
#shopify-section-template--21026794668356__featured_collection_qq4kKE .card-information,
#shopify-section-template--21026794668356__featured_collection_a8mkey .card-information{
display:none !important;
}

Result:

If you need further assistance, feel free to reach out!

I hope this helps! If it does, please like it and mark it as a solution!

Regards,

Sweans

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!☕
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com

CraigReep · ‎07-17-2024

Hi please help more Im unsure where to paste this code?

Sweans · ‎07-18-2024

You can add the line of code to your theme file in the following ways:

Go to your Shopify Admin.

Navigate to Online Store > Themes.

Find the theme you're using and click Actions > Edit code.

In the left sidebar, find and click on an existing CSS file in the assets folder (e.g., theme.css, styles.css, main.css). It depends upon your theme.

If you find an issue finding the css file, you can put the css in theme.liquid.

In the Shopify Admin, go to Online Store > Themes.

Click Actions > Edit code for your theme.

In the left sidebar, under the layout directory, click theme.liquid.
Inside the head tag, you can put the CSS

<head>
<!-- Other head content -->
#shopify-section-template--21026794668356__featured_collection_bmtxpT .card-information,
#shopify-section-template--21026794668356__featured_collection_LaQQTG .card-information,
#shopify-section-template--21026794668356__featured_collection_WwxmRX .card-information,
#shopify-section-template--21026794668356__featured_collection_qq4kKE .card-information,
#shopify-section-template--21026794668356__featured_collection_a8mkey .card-information{
display:none !important;
}
</head>

This will work for you.

I hope this helps! If it does, please like it and mark it as a solution!

Regards,

Sweans

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!☕
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com

CraigReep · ‎07-17-2024

Hi please read my original post, I don't want to hide price on all products. I explained that

Made4uo-Ribe · ‎07-17-2024

Hi @CraigReep

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.

.section-template--21026794602820__main-collection-product-grid-padding .price {
    display: none;
}

And Save.
Result:
Note: the price will hide only on this section.

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

CraigReep · ‎07-17-2024

Hi that's for the wrong part of the site. Please check the screenshot. this page is when you click the "build your gate" button at the top of the home page.

magecomp · ‎07-26-2024

Hello @CraigReep

I would suggest installing the hide price app and take support of the app developer if required.

Helping voluntarily. Please like and accept the solution if it helps. Thanks!
Our Bestseller Shopify Apps | Mobile App Builder by MageComp | Shoplock Hide Pages/Collections

Code to hide Price on this page