conflict between woocommerce – variation Additional Images and image display

its all messed up as the link shows

Hi,

Could you please provide us some screenshots how it should look with default WordPress theme for example?

Thank you

attached

Attachments:

You must be logged in to view attached files.

sent you admin credi… you can log in and check plz

As we can see, there is no featured image there. Is it correct? Are you able to send us this plugin so we can test it?

sure . check the link in private content

Try to add the following PHP code snippet to the child theme functions.php file to do this

add_theme_support( 'wc-product-gallery-slider' );

function woodmart_flexslider() {
    wp_enqueue_script( 'flexslider', get_template_directory_uri() . '/js/jquery.flexslider.js', array('jquery') );
    wp_enqueue_script( 'flexslider-init', get_template_directory_uri() . '/js/jquery.flexslider-init.js', array('jquery', 'flexslider') );
}
add_action('wp_enqueue_scripts', 'woodmart_flexslider', 10000);

And this code to the custom CSS

.woocommerce div.product div.images .flex-control-thumbs {
    overflow: hidden;
    zoom: 1;
    margin: 0;
    padding: 0
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
    list-style: none
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    cursor: pointer;
    opacity: .5;
    margin: 0
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
    opacity: 1
}

.woocommerce div.product .woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
    clear: left
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: left
}

.woocommerce div.product .woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
    clear: left
}

did that.. didnt solve it

But you don’t have the child theme installed and activated at all.

here is the ftp

Please, install the child theme and try to use the solution we gave you.

i do i just activated it

but the thumb is showing under product . not like the other items… which showing at the side of the product

and the main image of product is not showing at all
video and full preview as well..

We just disabled our theme gallery completely. Now it should work in the same way it works with default WordPress theme as you shown on the screenshot https://xtemos.nyc3.digitaloceanspaces.com/wp-content/uploads/2018/03/Screenshot_2.png

how to make it work with the theme? please dont giveup on me.

First of all, you need to be sure that this plugin works correctly with default WordPress theme. Then, we will do our best to help you to adapt this plugin with our theme.
So could you please check how it works in general?

its conflicting with WPBakery Page Builder

im update it

still same error .. what to do next?

What do you mean by the same error? Is it still not working with the default theme? It means that there is a bug in the plugin and you need to contact its developers for help.

its conflicting with WPBakery Page Builder

Could you please describe in what way it conflicts with the plugin? Are you able to activate the default WP theme so we can test why it doesn’t work well with WPBakery?

did. check please

idk if this make any use for you

http://prntscr.com/irhhgg
waiting for you <3 thanks alot

We see that a lot of extra plugins are still turned on. Could you please temporarily disable them?

done.

left only wp bakery and woocommerce variation additional images

Yes, finally we see that this plugin is not compatible with WPBakery. The problem is that WPBakery includes its own version of the flexslider library. You need to contact additional images plugin’s developers asking for help since it is their bug.

is there other solution than this

as they are not replaying to me

Try to edit the file js_composer/includes/classes/core/class-vc-base.php
and remove this line

wp_register_script( 'flexslider', vc_asset_url( 'lib/bower/flexslider/jquery.flexslider-min.js' ), array( 'jquery' ), WPB_VC_VERSION, true );

did . does that effect any thing inside visual composer components ? or theme or any other

?

[Author]

Posts