Skip Navigation

[Resolved] Woocommerce Gallery was't display correctly or usage of third party filter crash

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 6 replies, has 2 voices.

Last updated by thomasB-2 1 year, 4 months ago.

Assigned support staff: Christian Cox.

Author
Posts
#1191483

I am trying to: create a content template for products with toolset views an woocommerce views

Link to a page where the issue can be seen: hidden link

I expected to see: the Woocommerce Image gallery working after placing {!{wpv-woo-product-image size="shop_catalog"}!} but the gallery not works.
Then i placed the {!{wpv-woo-product-image size="shop_catalog" enable_third_party_filters="yes"}!} thirdparty filter too - but that crashes the complete Websitestructure? These was the only change.

Content Template:
hidden link

#1191674

Christian Cox
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-04:00)

Okay I'm able to reproduce a similar problem under specific circumstances, and it seems to be related to having content displayed below the wpv-woo-product-image shortcode. If I create a different Content Template with only the wpv-woo-product-image shortcode by itself, it works as expected. I'm escalating this problem to my 2nd tier support team for additional investigation. I'll let you know what I find out.

#1192178

Christian Cox
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-04:00)

My second tier team is still investigating, but in the meantime they have offered a temporary solution. I added a CSS ID "ts-gallery-initial-override" to the TS Vorraussetzung block, and in the Code block I added this style:

#ts-gallery-initial-override > div {
  position: initial !important;
}

It seems to solve the problem where hover effects are not working. Can you take a look and let me know if you see additional problems with that workaround? We will continue to investigate the source of the problem.

#1192198

Yes, these solution "helps" - should i close the ticket? Because the main reason was'nt fixed.

#1192252

Christian Cox
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-04:00)

We should keep it open for now, and I will continue to give you updates. Thank you.

#1192663

Christian Cox
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-04:00)

Okay we've done some more investigation and my third-tier team believes this is a conflict between Divi and WooCommerce.
Woocommerce adds this style:

element {
float: left;
clear: both;
position: relative;
}

in /woocommerce/assets/css/woocommerce.css?ver=3.5.4

And this one:

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {

    float: left;
    width: 48%;

}

in /woocommerce/assets/css/woocommerce-layout.css?ver=3.5.4

The combination of floats and relative positioning with these text modules seems to be the main problem here. It seems like the workaround we provided earlier is probably the best solution until this issue can be addressed by Divi / WC.

#1242040

My issue is resolved now. Thank you!