Code to Remove Prices On Collection Pages - Debut Theme

Solved
SBOils
Tourist
5 0 2

Hello everyone,

 

I would like to hide the product price on the collections page. I have found some code on the forums specific to my theme (Debut) but it doesn't seem to be working for my site.

 

Added at end of theme.scss.liquid

 

// Hide Collection Product Prices
.template-index dl.price {
    display: none !important;
}

 

Here is a link to the page

https://specialtybodyoils.com/collections/custom-blend

 

Thank You

KetanKumar
Shopify Partner
17365 1875 6489

This is an accepted solution.

@SBOils 

Welcome to the Shopify community!

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.template-collection dl.price {
    display: none;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Hi @SBOils,

 

You can also try this code

dl[data-price] { display: none; }

 

But at the same time, I don't recommend removing the price on the collection page.

 

Collection pages are where people scan many products to pick one that is the most appropriate. In order to make it easier for customers to pick one item, you need to provide essential information, and the price is one of the most important information to display in the list items.

 

You can take a look at this article about what to include in your collection page to understand more about what I'm saying.

PageFly - Advanced Shopify Page Builder - Empowering 90.000+ active merchants.
Survive 2021 with top secrets from e-commerce leaders
0 Likes
Romanwhite
New Member
3 0 0

Hi there, 

I added the code to theme.scss.liquid to remove product prices on collection pages and also commented out prices on product pages (created an alternate product template), since I have a single product store and price tiers are listed on the pricing page and Homepage as well. Google Ads suspended my adwords account for Circumventing systems policy, specifically Cloaking - which basically is redirecting users to a different URL and/or showing different content to google bot vs site visitors. I've checked all the URL redirects to make sure everything is in order. I believe it's the hidden product price, that's leading to the cloaking issue.

The only code change I made on product page is to hide (comment out) product prices and added the code above to remove prices from collection pages as well. Would really appreciate your thoughts on, if this could be considered as Cloaking ? - showing different content to the google bot (price is visible in the product page xml code) but is hidden from the users/site visitors. 

Would appreciate your thoughts on this. Thanks!

0 Likes
SBOils
Tourist
5 0 2
Hi there. I am so glad to hear from you. The issue is slightly more
complex. I hope you can see in the code language that the word "prices"
that you are using is actually the $0.00 that appeared on the Custom Blends
page (which was cloaked, thank you), at the bottom with the "You might also
like" items (which was cloaked, thank you) and the custom blend page (which
has not been cloaked) is actually NOT the "price". It is the RUNNING TOTAL
for the design and purchase of THAT 1 item ordered from that page.
This $0.00 is a running total that I need at the bottom of the individual
Custom Blends pages right near where the ordering is taking place.
It is absolutely out of place at the top. EBay has this at the top. I
need it at the bottom of the page. My description is at the top. (I could
move all the elements, but i like what my web designer did. I will adjust
if i have to but i want to see if we can correct this.) The running total
might be like a cell in the accounting layer. I will send you some
pictures. :)))


##- Please type your reply above this line
0 Likes
maurinclan
New Member
4 0 0

thanks so much!  This fixed the same problem for me   Is there a way to remove the pricing on the search results page?  I have them off of my collection pages, but they still show up on search.  Thanks!

0 Likes
KetanKumar
Shopify Partner
17365 1875 6489

@maurinclan 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
marisapress
New Member
2 0 0

Hi! I am struggling to figure out how to make this work without having the vendors disappear as well as it seems they linked in the new Debut theme.

 

When I enter this code, the vendors are not shown anymore. Any suggestions?

.template-collection dl.price {
    display: none;
}

 

 

0 Likes
SBOils
Tourist
5 0 2
I am asking my stepson. He says he remembers it being in the liquid files.
You have to find the html in the template configuration file and remove the
liquid codes. Look for 0.00
Or someone familiar with programming or web programming.
You should back up the liquid files because it will change stuff that may
be difficult to put back. Find a programmer!!!!
0 Likes