Return to previous page

Why after click on add to cart the add to cart notification no show up and the mini-cart not open

This topic has 26 replies, 2 voices, and was last updated 1 years ago ago by Rose Tyler

LambdaSP

Participant

April 18, 2023 at 16:55

Why i cant do for this :active
Only :hover I successfully
https://we.tl/t-Juqf0ZHI4S

And how i can to disable this button or disappear this: https://ibb.co/rpxGTTp

#353657 Copied
Rose Tyler

Support staff

April 19, 2023 at 11:53
Hello, LambdaSP,

1/ If you want to keep the position of buttons 70% bottom (as you did with your custom CSS -> https://prnt.sc/ErPIX7siktVP ) you may add the nex line to keep it there on hover as well:
transform: none !important; – https://prnt.sc/V6lTVCWaEADS

2/ To remove the add to cart button you may add next custom CSS:
```
.content-product .footer-product .add_to_cart_button {
    display: none !important;
} 
```
– https://prnt.sc/NNThBZWAqZLK

3/ In case you are interested in such pseudo-classes we may recommend you to read the documentation of them:
1/ https://developer.mozilla.org/en-US/docs/Web/CSS/:active
2/ https://developer.mozilla.org/ru/docs/Web/CSS/:hover

Kind Regards,
8theme team
#353764 Copied
LambdaSP

Participant

April 19, 2023 at 12:23

I was do the pseudo active and thats not work

#353777 Copied

Rose Tyler

Support staff

April 19, 2023 at 13:35

Hello, LambdaSP,

Active and Hover states are fully different – you may read documentation where it is described

Did you manage to solve your question by our code provided in the previous answer ?

If you have any other questions, please, describe in more detail the result you want to achieve or create separate topics for different questions.

Kind Regards,
8theme team

#353809 Copied

LambdaSP

Participant

April 21, 2023 at 08:24

You understand what i was mean, i want when i click on the size button on the product slider the background will be black with font color white, I successfully to do it just for hover properties,
When i release the click the button not still stay with the “active” colors background black with font color white

And why the buttons not down in the homepage but in the shop yes? I write some css code to move the buttons below the image in the mobile version, but in the homepage sliders its not work and in the shop yes
https://ibb.co/vJjCtzZ
https://ibb.co/MD3HP6X

Thats the code:

ul.st-swatch-size-normal {
margin-top: 30px !important;
}

.product-image-wrapper {
overflow: visible !important;
}

And this in the theme custom css -> mobile section

.product-view-mask3 .content-product .footer-product {
top: 90% !important;
}

#354025 Copied

Rose Tyler

Support staff

April 21, 2023 at 16:16

Hello, LambdaSP,

Private Content

Kind Regards,
8theme team

Please contact administrator
for this information.

#354118 Copied
Tagged: add to cart notification, best selling woocommerce themes, e-commerce, mini-cart, shopping cart, woocommerce
1 2

Viewing 26 results - 21 through 26 (of 26 total)