Sticky Add to Cart issue on product page ( Shopify Dawn Theme )

Solved

Sticky Add to Cart issue on product page ( Shopify Dawn Theme )

dreamtechzone_5
Shopify Partner
367 1 51

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-c...
Password: Admin

 

Winter-Warm-Fur-Pet-Dog-Harnesses-Vest-Reflective-Chihuahua-Puppy-Cat-Harness-Leash-Set-For-Small-Dogs-Coat-–-PUPPIES-PAWS-10-26-2024_12_49_AM.png

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
8870 2121 2605

This is an accepted solution.

Hi @dreamtechzone_5 

 

Try the code below

1. From the Admin page, go to Online Store > Themes
2. Select the theme you want to edit, click the three dots to edit code
3. Under the Asset folder, open the base.css
4. Then place the code below at the very bottom of the file and SAVE

 

 

div#md-sticky-atc .select {
    display: none;
}

 

 

Result:

Made4uoRibe_0-1729883311034.png

 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

 

 

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
8870 2121 2605

This is an accepted solution.

Hi @dreamtechzone_5 

 

Try the code below

1. From the Admin page, go to Online Store > Themes
2. Select the theme you want to edit, click the three dots to edit code
3. Under the Asset folder, open the base.css
4. Then place the code below at the very bottom of the file and SAVE

 

 

div#md-sticky-atc .select {
    display: none;
}

 

 

Result:

Made4uoRibe_0-1729883311034.png

 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

 

 

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
dreamtechzone_5
Shopify Partner
367 1 51

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?

 

Winter-Warm-Fur-Pet-Dog-Harnesses-Vest-Reflective-Chihuahua-Puppy-Cat-Harness-Leash-Set-For-Small-Dogs-Coat-–-PUPPIES-PAWS-10-26-2024_01_20_AM.png

Made4uo-Ribe
Shopify Partner
8870 2121 2605

It is possible with code changes but it is not user friendly, if the user wants to add more items in their cart

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
dreamtechzone_5
Shopify Partner
367 1 51

Thank you. No problem. Can you do that? Then send me that code & where should I paste the code?