Hi,
I’d like to hide the wishlist button on my product page: https://luxurymrkt.com/products/fendi-olock-swing-tiffany-blue-calf-leather-small-hobo-shoulder-bag
Topic summary
A user seeks to remove the wishlist button from their Shopify product page. Three solutions are provided:
CSS-based approaches:
- Add custom CSS to hide the button using
display: none !importanttargeting the wishlist button class - Insert code in theme files (base.css, theme.css, styles.css, or theme.scss.liquid)
Implementation steps:
- Navigate to Shopify Admin → Online Store → Themes → Edit code
- Locate the appropriate CSS or theme.liquid file
- Add the hiding code snippet at the bottom or before closing body tag
- Save changes
Note: The specific CSS selector varies by solution (e.g., button.wk-button or .add-to-wishlist), suggesting the exact code depends on the theme’s wishlist implementation. All responses include code snippets, though some text appears corrupted in the original thread.
1 Like
Hi @Luxurymrkt ,
You can try this code by following these steps:
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file → Save
button.wk-button.wk-button--add {
display: none !important;
}
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
Hi @Luxurymrkt
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
{% if template == 'product' %}
{% endif %}
And Save.
1 Like