Home Forums WoodMart support forum WooCommerce Additional Variation Images

WooCommerce Additional Variation Images

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #79240

    carlos.correia
    Participant

    hello, what do you have to do, to make the gallery of varied products work? I have read in the forum but these solutions do not work for me.

    Sorry for my english

    Thanks

    #79249

    Artem Temos
    Keymaster

    Hello,

    Thank you so much for purchasing our theme and contacting our support center.

    What solution did you try to make it work? Could you please write us step by step so we can check what is wrong there?

    Kind Regards
    XTemos Studio

    #79648

    carlos.correia
    Participant

    I activated the plugin.

    I created two galleries for the varied product (black and white).

    In the picture that is annexed, it can be seen that the gallery does not look good

    I wrote to the support center and they told me that I should contact the theme creators

    The galleries is working good when I activate the storefront theme

    Again sorry for my english..

    #79649

    Artem Temos
    Keymaster

    To make the plugin compatible you need to perform the following changes:

    1. Remove files from our theme folder

    woodmart/woocommerce/single-product/product-image.php
    woodmart/woocommerce/single-product/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 woodmart/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

Viewing 4 posts - 1 through 4 (of 4 total)