Hi, I’m having a problem with my “Add to cart” button. On my website there’s two “Add to Cart” button creating a distraction, it’s now one blurred button. How can I get a default button?
Topic summary
A user reports an issue with a blurred or duplicated “Add to Cart” button on their website, creating visual confusion.
Three different solutions have been proposed:
Solution 1 (Moeed):
- Edit the
password.liquidfile - Add custom code above the
</body>tag - Includes a screenshot showing the expected result
Solution 2 (websensepro):
- Edit
theme.liquidfile - Add JavaScript code after
<body>to remove “Shop” text from secondary buttons - Add CSS before
</head>to hide button pseudo-elements usingdisplay:none !important
Solution 3 (BiDeal-Discount):
- Add custom CSS to theme settings
- Targets collection page buttons specifically with
.collection .button::after - Also includes a screenshot of the corrected appearance
All solutions involve CSS/JavaScript modifications to hide duplicate button elements or pseudo-elements. The issue remains unresolved as the original poster hasn’t confirmed which solution worked.
1 Like
Hey @Langa1233
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find password.liquid file
-
Add the following code in the bottom of the file above tag
RESULT
If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Hi @Langa1233 ,
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code afterb
document.querySelectorAll('.button.button--secondary').forEach(el => {
el.childNodes.forEach(node => {
if (node.nodeType === Node.TEXT_NODE && node.textContent.trim() === 'Shop') {
node.textContent = '';
}
});
});
and in theme.liquid, paste the below code before
.button::after{
display:none !important;
}
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
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!
Hi @Langa1233
let add this Custom css to your theme settings:
.collection .button::after {
content: "" !important;
}
the result
