Goal: remove the variant selector from the Sticky Add to Cart (ATC) bar on a Shopify Dawn product page, and explore sending users directly to checkout when clicking ATC.
Solution provided: add a CSS rule in Assets > base.css to hide the variant dropdown within the sticky ATC (e.g., targeting the .select element inside the #md-sticky-atc container). Steps to locate and edit the file were included. A screenshot was shared confirming the selector is hidden.
Follow-up request: make the ATC button take customers directly to checkout instead of the cart.
Feedback: this is technically possible with code changes but may hurt usability if shoppers want to add multiple items. Despite the caution, the original poster asked for the exact code and where to place it.
Status: initial issue (hiding variant selector) addressed with CSS; the redirect-to-checkout request remains open pending specific implementation code and instructions.
Hello Everyone!
I am using the Shopify Dawn theme. I have added Sticky Add to Cart section on the product page. I want to remove Variant option from Sticky Add to Cart section. Please help me. Thank you.
Store: https://puppies-paws-shop.myshopify.com/products/winter-warm-fur-pet-dog-harnesses-vest-reflective-chihuahua-puppy-cat-harness-leash-set-for-small-dogs-coat
Password: Admin
Try the code below
div#md-sticky-atc .select {
display: none;
}
Result:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Thank you so much. One more thing, By clicking on Add To Cart, the customer will go directly to the checkout page. Is it possible to do this?
It is possible with code changes but it is not user friendly, if the user wants to add more items in their cart
Thank you. No problem. Can you do that? Then send me that code & where should I paste the code?
