Return to previous page

There is a transition effect seen in the tab section while opening the site.

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

Catholicans

Participant

May 8, 2023 at 12:37

There is a transition effect seen in the tab section while opening the site. Can I disable that effect?
Screenshot: https://snipboard.io/Ca8JHv.jpg

#355944 Copied Theme version: 0.0.1 WooCommerce version: Version 7.5.1

5 Answers

Rose Tyler

Support staff

May 8, 2023 at 14:07

Hello, Catholicans,

Thank you for getting in touch with us.

Could you provide a video, where the mentioned effect is visible? Sorry, but your request is a bit unclear to us right now.

Kind Regards,
8theme team

#355957 Copied

Catholicans

Participant

May 9, 2023 at 04:56

Screen recoding: https://screenapp.io/#/shared/b85e3d5b-9e33-4398-b4ea-84287969d5ae

Please check the above video for further clarity. There is a transition/animation occurred, when open the tabs.

#356004 Copied

Rose Tyler

Support staff

May 9, 2023 at 08:23

Hello, Catholicans,

Thank you for your response.

It can be due to:
1/ autoplay
2/ loop
3/ custom CSS added before for sliders
We kindly ask you to try to identify what is causing your issue.

Are you experiencing this problem on any of our demos?

Kind Regards,
8theme team

#356038 Copied

Catholicans

Participant

May 9, 2023 at 08:32

Although I have disabled the autoplay and loop options for the product sliders in the tab section, there seems to be an issue persisting. I suspect that this issue may be caused by the CSS code used for the sliders. Can you help me identify the issue and provide a solution to resolve it?

In demo there is no such issue.

#356041 Copied
Rose Tyler

Support staff

May 9, 2023 at 09:14
Hello, Catholicans,

Thank you for your response.

It seems the main reason is in next custom:
```
.products-loop .product, .products-slider.second-initialized .product-slide {
    transition: all .2s ease-in-out;
}
```
We recommend you remove it fully and check it then. In case the issue will be fixed you can try to leave only next code and check again.
```
.products-loop .product {
    transition: all .2s ease-in-out;
}
```
= removed the transition property for products shown in sliders.

Kind Regards,
8theme team
#356049 Copied
Tagged: best selling, seo friendly, tab section, themes, transition effect, woocommerce
Viewing 6 results - 1 through 6 (of 6 total)