Return to previous page

Product variation image lightbox conflicting issue

This topic has 9 replies, 2 voices, and was last updated 2 years ago ago by Sadikul Islam

Sadikul Islam

Participant

November 26, 2022 at 18:30

Hi, I have an eCommerce website where I am using elementor for a single product page but in the product image lightbox, something unusual is happening, there is somehow a conflict with elementor and Xstore, all the links are in the private content area.

Please, contact administrator
for this information.

#339760 Copied Theme version: 8.1.5

8 Answers

Rose Tyler

Support staff

November 26, 2022 at 18:42

Hello,

Edit any page using Elementor page builder > go to Site settings > Lightbox > Image Lightbox > disable.
Let us know the result.

Regards

#339761 Copied

Sadikul Islam

Participant

November 27, 2022 at 20:36

Still same result

#339837 Copied

Rose Tyler

Support staff

November 28, 2022 at 06:47

Hello,

Please try to disable all the third-party plugins (including cache plugins), that do not come bundled with XStore https://www.8theme.com/documentation/xstore/plugins/included-plugins/ , clear the cache of the browser, and check then. Maybe one of the additional plugins is the reason for the problem.
Let us know the result.

Regards

#339856 Copied

Sadikul Islam

Participant

November 29, 2022 at 22:21

Hello

So after disabling all the other plugins it works fine, it turns out there is a plugin I am using for the thumbnails called woothumbs from IconicWP which was conflicting with the theme’s lightbox,

I want to use that plugin because I really like that plugin, it has a nice slider and popup and much more customization for the product image, so can you tell me how can I disable the theme’s lightbox so only that plugin works,
if it’s possible, via any settings or code maybe?

Thank you.

#340035 Copied

Rose Tyler

Support staff

November 30, 2022 at 08:33

Hello,

Please provide temporary wp-admin and FTP access, then I will pass your request to our dev team.

Regards

#340080 Copied

Sadikul Islam

Participant

November 30, 2022 at 10:21

Ok in the private content area.

This is my staging site, after you have disabled the lightbox I would like to know how to do that so I can do this on other sites since I am using Xstore for other projects as well.

Thank you.

Please contact administrator
for this information.

#340110 Copied
Rose Tyler

Support staff

November 30, 2022 at 11:04
Please try to use the next custom CSS code:
```
.pswp__button {
background-image: none !important;
}
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
background: none !important;
}
.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
background: transparent;
}
.pswp--supports-fs .pswp__button--fs {
display: none !important;
}
```
The main issue is because that plugin add own styles for lightbox and they conflict with our built in theme.

Regards
#340115 Copied
Sadikul Islam

Participant

November 30, 2022 at 11:51

Thank you for the code.

#340126 Copied
Tagged: conflicting, image, issue, lightbox, product, themes, variation, woocommerce, wordpress
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Product variation image lightbox conflicting issue’' has been successfully resolved, and the topic is now closed for further responses

Product variation image lightbox conflicting issue

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection