Lightbox conflict Wp-eStore and yootheme widget kit

[petersmith_61]

Hi there appears to be a conflict with lightbox in wp-estore with yoothemes widget kit [http://yootheme.com/widgetkit]

the issue is if you have pictures using the light-box function from widgetkit then install wp-estore the lightbox when clicking on the images no longer dims the page that the loading animation appears off canvas.

The css from the wp-estore if taking priority over the widgetkit’s likely to be same id’s if you disable wp-estore lighbox works perfectly again.

Are they any work arounds or solutions for this bug.

many thanks in advance.

[wpCommerce]

Hi, please provide a link to the page in question so I can take a look.

[admin]

Hi, Please check the following to make sure you don’t have any javascript errors:

https://support.tipsandtricks-hq.com/forums/topic/debugging-javascript-errors-on-your-site

[petersmith_61]

Hi, This page uses lightbox from widget kit

[https://builtritetrailerplans.com/trailer-plans]

This is the shop page [https://builtritetrailerplans.com/store]

When wp-estore is enabled the loading animations is off canvas to the far left of the page, When you disable it it works as normal.

There are no javascript error’s just seems like a id conflict somewhere in wp-estore as they must call a same id somewhere or the css called for wp-estore takes prority over widgetkits.

Same in localhost with standard wordpress theme, Install widgetkit then wp-estore.

Its not really a major problem but its a little incovienent to potential customers not having a visual indicator (Loading) when they click on the image to view it.

Many thanks in advance

[admin]

How do I see the “loading animations” that is off canvas? I poked around the pages but couldn’t see any issue because I don’t know where exactly the loading animation appears.

[petersmith_61]

Hi here is a video showing the widgetkits loading animation,

This animation is usually center screen.

[https://builtritetrailerplans.com/wp-content/uploads/temp_support/loading.mp4]

When you click on the images on the shop page, [https://builtritetrailerplans.com/store]

The loading icon that’s usually center of the items image is missing.

Its the loading icon id’s that are conflicting somewhere.

If wp-estore is disabled the widgetkits loading animation works correctly, If you disable widgetkit wp-estores loading animation works correctly.

You can reproduce this in localhost with the free version if you require testing.

Many thanks in advance.

[admin]

Thank you. I see the issue now. The lightbox effect from images embedded by estore’s shortcode should ONLY be handled by the estore plugin’s lightbox. Not sure why that other plugin is trying to do the lightbox there.

If you want to use that other plugin’s lightbox, go to the settings menu of estore and uncheck the following option the save the settings:

Enable Lightbox effect on Images

[petersmith_61]

Hi yes

I have tryed that already but wp-estores still causes the issue with widgetkit as its wp-estores still loading the lightbox script and loading image even when disabled.

So all this does is make the stores item images open in new tab and the other issue of no loading icon on widgetkit.

As for widgetkit its a plugin for all youtheme themes and supply’s allot of additional functionality to the warp framework.

Many thanks in advance.

[petersmith_61]

Just thought i would let you know.

If i disable lightbox on wp-estore and remove this from the wp_eStore_style.css

#lightbox-loading {

height: 25%;

left: 0;

line-height: 0;

position: absolute;

text-align: center;

top: 40%;

width: 100%;

}

Then the lightbox on widgetkit works correctly, how ever the wp-esote image open in a new tab, How can i make the wp-estore images not clickable like remove the anchor tag as this will solve both issues for now.

Many thanks in advance.

[admin]

You could enter a value in the “Thumbnail Target URL” field to control that. For example, you could use the URL of the product’s landing page in that field.

[Author]

Posts