All Categories Product Gallery Slider Conflicts with themes or Plugins

Conflicts with themes or Plugins

List all of themes and plugins which conflict with this plugin and how to fix that.

By Niloy
December 5, 2020

1. Stockholm by Select Themes

This theme using prettyphoto lightbox plugin for the image gallery which conflicts with twist plugin.

to fix this issue you need to use a child theme and override the js/woocoommerce.min.js file. Here is the child-theme link below which is works perfectly with this gallery plugin

Download the child theme stockholm-child.zip

2. Porto Theme

Please go to Porto -> Theme Options -> General -> Show Skeleton Screens.
You can find four-button sets: Shop Pages, Product Page, Product Quickview and Blog Pages.
make sure you disable the Product Page from this option and save the settings.

q2Ua5LE1DHbhcAsFwzp2gdaUPOL-1mXkig.png

2.1 Proto - Quickview

Since Porto theme has there owned gallery markup that reason the quick view feature is not working properly with the "product gallery slider" . so we need to override the ajax function only for the quick view mode. to do this just copy the code from here https://gist.github.com/Niloys7/1336c3bac9522822079be641e4b06e02 and paste it into your child-theme/functions.php or create a custom plugin to add this code.

3. MF - Multipurpose WordPress Theme by mfdsgn

This theme is not using the default WooCommerce hook and uses a custom gallery slider on the content-single-product.php page. that's why the slider code in not apply when the plugin activated.

to fix this issue you need to use a child theme and override the woocoommerce/content-single-product.php file. Here is the child-theme link below which is works perfectly with this gallery plugin

Download the child theme mf-child.zip (link will update soon)

4. Themify Themes

Please go to Themify Settings -> Shop Settings -> Product Gallery
make sure you set the Default WooCommerce from this option and save the settings.

support-2020-12-21-at-14.54.59.png

5. Fey by Select Themes

theme main gallery area will show blank since there has a theme CSS conflict issue that can be solved by this CSS code. go to menu codeixer > product gallery > advanced settings and paste this code below into the custom CSS area.

@media only screen and (min-width: 769px){
.qodef-woo-single-page.qodef-woo-single-layout-on-left-side .qodef-single-product-content .images .woocommerce-product-gallery__image:first-child {
    left: 0 !important;
  }


More themes or plugins will be listed if we found any.

Was this article helpful?