To make the plugin compatible you need to perform the following changes:
1. Remove files from our theme folder
basel/woocommerce/product-image.php
basel/woocommerce/product-thumbnails.php.
2. Disable JS minification in Theme Settings -> Performance.
3. Edit the file js/functions.js and replace the following lines
productImages: function() {
with this one
productImages: function() { return;
and this line
productImagesGallery: function() {
replace to this
productImagesGallery: function() { return;
4. Put the following code to your basel/functions.php file
add_theme_support( 'wc-product-gallery-slider' );
add_action( 'wp_enqueue_scripts', 'basel_child_enqueue_scripts', 10000 );
function basel_child_enqueue_scripts() {
wp_enqueue_script( 'flexslider' );
}
5. Add the following snippet to the custom CSS section in Theme Settings
.woocommerce div.product div.images .flex-control-thumbs li {
width: 15%;
float: left;
margin: 10px 0 0;
list-style: none;
}
Regards
.
