Code to Remove Prices On Collection Pages - Debut Theme

4 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


Thank You

1 Like
Shopify Partner
7674 1056 2669

This is an accepted solution.


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 regarding any help
Shopify Expert | Skype :
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.

Marketing Manager at PageFly - Advanced Shopify Page Builder.
- PageFly Page Builder: Website | Facebook | LinkedIn | Group
- [Tutorial]: Build an effective homepage with PageFly.
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!

4 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