New Post
Recommended by Baymard institute (Guideline #791), the primary “Add to Cart” button should be made prominent and unique. Most of the time, you can achieve this on mobile by sticking the button to the bottom of the viewport after you scroll through the hero section (and the first “Add to Cart” button is no longer visible). This continues until the footer appears. See screenshot as an example.
This is quite technical to accomplish on Breakdance and such a component would be very helpful for e-commerce websites.
Best regards!
PS: another Baymard institute recommendation: "If you are using a sticky “Add to Cart” button, surround it with sufficient white space — don’t use a full-width button."I
PS²: Another article illustrating this with numbers: https://growthrock.co/sticky-add-to-cart-button-example/