Hiding Wishlist button in quick look - Dawn theme

Store Design
, , , , , , , , ,

Topic summary

A user needs to hide a third-party Wishlist button that appears in the Dawn theme’s quick view feature, while keeping it visible on the product page.

Initial Solutions Provided:

  • Two responders suggested CSS code to hide the .quantum-lbw-wishlist-btn element
  • One recommended adding code to theme.liquid before </head>
  • Another suggested adding code to base.css

Problem with Initial Solutions:
Both approaches hide the Wishlist button globally, removing it from the product page as well—not the desired outcome.

Refined Solution:
A third responder provided targeted CSS that specifically hides the button only within the quick view modal:

quick-add-modal .shopify-block:has(.quantum-lbw-wishlist-btn) { 
  display: none !important; 
}

This selector targets the Wishlist button exclusively in the quick view context, preserving its visibility on regular product pages.

Status: The discussion appears resolved with the more specific CSS solution, though the original poster hasn’t confirmed implementation.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

I’m using dawn theme’s latest version in that I need to hide the third party Wishlist button in quick view feature.

website: https://2512in.myshopify.com/

Password: 2512

Sivadarshan_0-1737526266937.png
Sivadarshan_0-1737526266937.png1192×656 365 KB

Thanks in advance

2

Hi @Sivadarshan

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Use our Big Bulk Discount app to boost your sales!(https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!
Thanks!

3

Hello @Sivadarshan
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.quantum-lbw-wishlist-btn {
display: none !important;
}

result

174.png
174.png1083×622 422 KB

If this was helpful, hit the like button and accept the solution.
Thanks

4

@GTLOfficial This code hides the Wishlist button in product page too

5

@topnewyork This code hides the Wishlist button in product page too

6

Hi @Sivadarshan

Please use this code to hide that button on quick view.

quick-add-modal .shopify-block:has(.quantum-lbw-wishlist-btn) { 
display: none !important; 
}