Product Accordion Tabs Not Opening as it should be!

guguk

Well-known member

Jul 19, 2019

1,150

828

113

Ottoman Empire

• Feb 21, 2021

• #1

Hello all!
I've stuck a situation which i found problem but i havent found yet the solution.

I'm using Xstore theme latest version

Let me explain with examples.
I'm using accordion tabs as product tabs and default is closed state. There have no issue with simple products but when i check variable products there have a problem with tab's open-close states.

There have 3 tabs for all products and first tabs is "Product Description", second one is custom tab with simple text and last tab is Review tab.

Before this problem occured i have just 2 tabs and i did not use "Product Description" as a tab but customer requested that should be as a tab i converted to tab and placed first one. And there have no problem with tabs before that change.

When i click for opening the any tabs it open up and closing up instantly. And i realized that opening and closing number depends for variant's number If color variant number is 5 then when i click any tabs it opening and closing for 5 times

I guess this is problem, I mean when i change to "Product Description" to into tab it occured but what's the problem or conflict i havent find yet.

Maybe ajax or woocommerce swatch plugin conflict i donno.

Is there anyone help me for solving this problem? I need to be deliver this project tomorrow.

Spoiler: You can check problem via this link

https://v3.bbcouture.com.tr/kolekisyon/tek-omuz-kabarik-elbise/

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Feb 21, 2021

• #2

Hm, interesting problem...

Just a wild guess and it may not make a difference, but I see that the swatch javascript is loaded rather early, in the head. What if you would change that to load in the footer?

 

guguk

Well-known member

Jul 19, 2019

1,150

828

113

Ottoman Empire

• Feb 21, 2021

• #3

Thank you for suggestion i was thinking the problem swatch plugin.

I tried to move to footer via that code

Spoiler: Move footer swatch js

if (!function_exists('wp_plugin_swatch')) {

wp_enqueue_script('et-woo-swatches-js', plugins_url() . '/et-core-plugin/packages/st-woo-swatches/public/js/frontend.js', '', '1.0', true);
}
add_action('wp_enqueue_scripts', 'wp_plugin_swatch');

but it did not move to footer

 

guguk

Well-known member

Jul 19, 2019

1,150

828

113

Ottoman Empire

• Feb 21, 2021

• #4

Also i disabled swatch feature on theme's option but problem still persist

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Feb 22, 2021

• #5

Hm, even their own demo has that problem, see here: https://xstore.8theme.com/elementor/demos/marseille03/product/bae-top-2/

So, it may be something they added in their latest version, or possibly a conflict with WooCommerce which was recently updated to version 5.0

 

Last edited: Feb 22, 2021

• 

Reactions: guguk

guguk

Well-known member

Jul 19, 2019

1,150

828

113

Ottoman Empire

• Feb 22, 2021

• #6

frizzel said:

Hm, even their own demo has that problem, see here: https://xstore.8theme.com/elementor/demos/marseille03/product/bae-top-2/

So, it may be something they added in their latest version, or possibly a conflict with WooCommerce which was recently updated to version 5.0

Click to expand...

Ahh you got it. At least there have not a problem on my side or my changes Thank you, at least i can report to them and they release a patch

 

guguk

Well-known member

Jul 19, 2019

1,150

828

113

Ottoman Empire

• Feb 24, 2021

• #7

frizzel said:

Hm, even their own demo has that problem, see here: https://xstore.8theme.com/elementor/demos/marseille03/product/bae-top-2/

So, it may be something they added in their latest version, or possibly a conflict with WooCommerce which was recently updated to version 5.0

Click to expand...

They have fixed but there have no update

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Feb 24, 2021

• #8

Yes, they have fixed it on the demo built with Elementor, but not on WP Bakery, see here: https://xstore.8theme.com/demos/2/marseille03/product/bae-top-2/
Also see what happens when you only change the color option, haha!
So, it's definitely some conflict within their scripts. I suppose they first want to fix the problem in both page builders before releasing an update.

 

guguk

Well-known member

Jul 19, 2019

1,150

828

113

Ottoman Empire

• Feb 24, 2021

• #9

frizzel said:

Yes, they have fixed it on the demo built with Elementor, but not on WP Bakery, see here: https://xstore.8theme.com/demos/2/marseille03/product/bae-top-2/
Also see what happens when you only change the color option, haha!
So, it's definitely some conflict within their scripts. I suppose they first want to fix the problem in both page builders before releasing an update.

Click to expand...

Actually they fixed just "appearing side" Because when i click any color description tab opening as usual but when i click "description tab" it getting open and closing up like crazy

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Feb 24, 2021

• #10

guguk said:

Actually they fixed just "appearing side" Because when i click any color description tab opening as usual but when i click "description tab" it getting open and closing up like crazy

Click to expand...

Not on the Elementor built, at least I see it behaving completely normal, as intended. The last link above is for the WP Bakery built, and that's indeed not fixed at all.

 

guguk

Well-known member

Jul 19, 2019

1,150

828

113

Ottoman Empire

• Feb 24, 2021

• #11

frizzel said:

Not on the Elementor built, at least I see it behaving completely normal, as intended. The last link above is for the WP Bakery built, and that's indeed not fixed at all.

Click to expand...

Yeah at the elementor version, first tab always open and doesnt change for variable.
But wpbakery version tabs always closed and description changes for variable, may be they just fixed with temporarily trick for just "appearing without any problem" for visitors.

 

guguk

Well-known member

Jul 19, 2019

1,150

828

113

Ottoman Empire

• Mar 1, 2021

• #12

They was fixed completely and i was found on their forum the solution

Spoiler: Solution

bug in product tabs topic of forum 8theme - 2 replies

Answers to questions on the topic 'bug in product tabs' on XStore WordPress Support Forum contains 2 replies. We will always help you!

www.8theme.com