Return to previous page

Need Help Deactivating Sticky ‘Add to Cart’ Button When Scrolling

This topic has 11 replies, 3 voices, and was last updated 2 months, 2 weeks ago ago by Luca Rossi

Zito9

Participant

July 25, 2024 at 15:53

I have a problem deactivating the sticky ‘Add to Cart’ button that appears at the bottom of the browser when scrolling.

#406994 Copied Theme version: 9.3.16

10 Answers

Rose Tyler

Support staff

July 25, 2024 at 16:06

Hello,

Thank you for reaching out to us with your concern.

Please go to XStore Builders > Single product builder via Elementor > edit template > delete Sticky Cart element.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
8Theme’s Team

#406997 Copied

Zito9

Participant

July 27, 2024 at 14:44

Thank you, it’s solved. I’m so sorry about the multiple questions. I see on my product page that I can’t select text to copy it. How can I let users have the possibility to select and copy text?

#407264 Copied
Rose Tyler

Support staff

July 28, 2024 at 07:14
Hello, Zito9,

You’re welcome!
```
::-moz-selection { 
  color: red;
  background: yellow;
}
::selection {
  color: red;
  background: yellow;
}
```
https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

Best Regards,
8Theme’s Team
#407308 Copied
Zito9

Participant

August 1, 2024 at 04:02

Please add a loading icon inside the “Add to Cart” button on mobile when a user clicks on it. Currently, the button does not show any loading indicator, so users may not realize they need to wait for 2 seconds until the “Add to Cart” popup appears.

#408193 Copied
Luca Rossi

Support staff

August 1, 2024 at 10:04
Hi @Zito9,

Please also add this custom CSS codes:
```
button.single_add_to_cart_button.loading .button-text::before {
    width: 25px;
    height: 25px;
    border: 5px solid #FFF;
    border-bottom-color: transparent;
    animation: rotation 1s linear infinite;
    border-radius: 50%;
    position: absolute;
    content: '';
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
```
Hope it helps!
#408251 Copied
Zito9

Participant

August 1, 2024 at 16:28

doesn’t work

#408352 Copied

Zito9

Participant

August 2, 2024 at 03:13

also how do we delete button “view cart”

Files is visible for topic creator and
support staff only.

#408386 Copied
Luca Rossi

Support staff

August 2, 2024 at 06:43
Hi @Zito9,

Please also add this custom CSS:
```
button.single_add_to_cart_button {
    background-color: #303a24 !important;
}
```
also how do we delete button “view cart”

Please edit your shopping cart > disable Show View Cart button: https://prnt.sc/1rdxCEvIMQ1O

Hope it helps!
#408400 Copied
Zito9

Participant

August 2, 2024 at 17:26

Thank you, I have already deactivated it but it still shows up.

#408568 Copied

Luca Rossi

Support staff

August 3, 2024 at 04:36

Hi @Zito9,

Can you please check again?

– https://prnt.sc/jR84jCZpcTdM
– https://prnt.sc/U8M6efr9ofVJ

Best Regards,
8Theme’s Team

#408589 Copied
Tagged: deactivate sticky add to cart, fix sticky button woocommerce, woocommerce scrolling issues, woocommerce troubleshooting, wordpress ecommerce solutions, wordpress templates help
Viewing 11 results - 1 through 11 (of 11 total)