Hi,
I need help with removing the “Add to Cart” button and put the “Add to quote” in its place.
I don’t have theme.scss on my code so anything I see on the previous posts doesn’t work.
website link (pass: taudee)
Thanks!
Hi,
Welcome to Shopify Community.
It can be Done by the custom code.
We will Sure help you to get this.
Find the product.template.liquid file and find the ‘Add to Cart’ and Rename it ‘Add to Quote’ Which you want.
Or you can try this code.
span.atc-button--text:after {
visibility: visible!important;
position: absolute!important;
top: 0;
left: 182px!important;
content: "Add to quote";
text-align: center!important;
}
span.atc-button--text {
color: black;
visibility: hidden !important;
position: relative !important;
}
Add this code on the bottom of the theme.css file
Thank you.
1 Like
Hi @Wellanie ,
It looks like there is already theme.css file
can you please double check?
1 Like
Hi @Wellanie ,
To change you follow the instruction:
- Go to Online Store->Theme->Edit code
- Asset->/theme.css->paste below code at the bottom of the file:
.product--container .product-form--atc-button {
display: none;
}
.product--container .product-form--atc-button + button.btn.button.rfq-btn {
width: calc(100% - 0.75rem - 7.1875rem) !important;
margin-left: 10px;
}
I hope it would help you.
2 Likes
Please add below css in bottom of assets/theme.css file
.product-form–atc {
display: flex;
align-items: center;
}
.product-form–atc-button.mdc-ripple-surface.mdc-ripple-upgraded {
display: none;
}
.product-form–atc-qty {
margin-right: 10px;
}
Thank you.
1 Like
Hi @Wellanie ,
.product-form--atc button.product-form--atc-button.mdc-ripple-surface.mdc-ripple-upgraded {
display: none;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->ripple.scss.liquid
1 Like
Thanks! I tried the first one and it already worked.
While I’m at it, since I would only be doing a quote, how can I remove the prices on ALL the products?
2 Likes
Hi @Wellanie ,
You can paste below code at the bottom of the file theme.css:
.product-pricing,
.productitem__price {
display: none !important;
}
1 Like
.product__price .price__current {
display: inline-block;
display: none !important;
}
Add this code.
1 Like
.product-main .product-pricing {
display: none;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->ripple.scss.liquid
1 Like
@Wellanie
if helpful kindly accept our Solution.
But i see your add to cart button is not renamed yet.
Hi Sir,
How can I add “Add to Cart” to all my products in my collections so all my products looks like something like in the picture below. Currently I only see the Add on Cart after I click on an item.
1 Like
@BBL2
Kindly check out this link:
https://ecomexperts.io/blogs/liquid-tutorial-shopify/shopify-add-to-cart-button-collection-page
1 Like
Sir my Theme is Empire. Does not have the snipnet it says on the link yiu send