Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hey! I'm using Dawn 14.0.0, and want to switch the add to cart quick add button on the collection page and product page to have the "add to cart" on left side and price + compare at price on right side. Also, after doing that, how do I remove the original price tag from sight?
I want to get it from this:
To this:
Thanks!
Solved! Go to the solution
This is an accepted solution.
Go to Sections and find the file handling the product or collection page buttons, usually product-grid-item.liquid or product-card.liquid.
exxmaple
.custom-button-layout {
display: flex;
justify-content: space-between;
align-items: center;
}
Hide the Original Price:
.original-price {
display: none;
}
This is an accepted solution.
Go to Sections and find the file handling the product or collection page buttons, usually product-grid-item.liquid or product-card.liquid.
exxmaple
.custom-button-layout {
display: flex;
justify-content: space-between;
align-items: center;
}
Hide the Original Price:
.original-price {
display: none;
}
Hey! So how would I do it for this case, putting that code at the end of card-product.liquid didn't do anything. Would you be able to supply the proper code that will make those changes to the add to cart button and instructions on where to put it?
Thanks so much!
Is there any way you can help? I don't understand the instructions.