This functionality works almost exactly the same as “WooCommerce Additional Variation Images” plugin, even better because it’s optimised to support a wide range of gallery styles and options.
If you access a product’s variation, you’ll notice a button called “Add extra images”:
As you can see, by default the module is disabled, so you’ll first need to access Customizer > WooCommerce > Product Page > Image gallery and enable the “Extra Variation images” module eg: https://d.pr/i/P0e5hW .
You might also need to access Rey theme > Modules Manager and enable the “Extra variation images” module.
Migrate from other plugins to Rey
Use “WC. Additional Variation images” storing key
In case you used WooCommerce Additional Variation images plugin on the site prior installing Rey and already have products that have loaded images through it, you can keep using that same storage, with Rey, by adding this code snippet:
add_filter('reycore/module/extra_variation_images', function($settings){
$settings['key'] = '_wc_additional_variation_images';
return $settings;
});
Using this, you can safely disable WooCommerce Additional Variation images plugin. Even if you disable Rey in the future, you can switch back to this plugin.
Use “Variation Images Gallery for WooCommerce” storing key
In case you used “Variation Images Gallery for WooCommerce” plugin (by RadiusTheme) on the site, prior installing Rey and you already have products that have loaded images through it, you can keep using that same storage key with Rey, by adding this code snippet:
add_filter('reycore/module/extra_variation_images', function($settings){
$settings['key'] = 'rtwpvg_images';
return $settings;
});
Using this, you can safely disable “Variation Images Gallery for WooCommerce” images plugin. Even if you disable Rey in the future, you can switch back to this plugin.
Importing or exporting
Rey includes a compatibility with WooCommerce’s native Import/Export products functionality (eg: https://d.pr/i/9dNkzv ) .
For plugins such as WP All Import, the products meta key which stores the image IDs string, is called rey_extra_variation_images
. A basic example of this meta field, would be a string containing the image IDs separated by commas eg: “101,102, 103” . I advise trying to reach out to WP All Import’s support department and ask them what would be the best way of resulting in this data format. Please keep in mind that Rey’s Extra Variation Images module is pretty much the same in functionality like WooCommerce’s official plugin is, so most likely there has to be some compatibility script in WP All Import plugin.
5 Replies to “Extra Variation Images (internal module)”
Daniel
Hello Mark
I have a problem with photos for variant products. Photos of all available varieties are displayed only with the first varian indicated as the first one in the catalog. After selecting each other variant, e.g. color, only one photo is shown. In your demo, all variants of a given product have all photos available after clicking on them. I have already exported the file and I can see that there are photos assigned to each variant, but it is not visible in the store. How to do it ?
Marius H[ Post Author ]
Hey there!
I’m not sure if i understood correctly. Do you mean the fact that when changing a product variation in the catalog, it only changes the first image eg: https://d.pr/v/pQ2630 ? If so, indeed, only the first image of the variation is supported in the catalog pages.
If you meant the product pages gallery changing all images, in this case you’ll need to make use of the Extra variation images option in Customizer > WooCommerce > Product catalog – layout eg: https://d.pr/i/iL1O1Y , and in the product variations, you’ll have the ability to upload multiple images.
Daniel
Thank you very much 🙂 Problem solved.
I had this indicator checked constantly. I marked it off as in the tip and the photos are only next to their variants.
Thank you
Erica
Hi again,
I am having a similar problem.. I have the additional variations uploaded in my products. However, when I choose a variation, I can see the three images (main variation image, plus two additional variation images). Although, when I click on either of the variation images, they don’t load. I’ve tested on three different browsers, tested taking off the lazy load, and cleared the cache.
I went into the customizer, as detailed above, hoping this would be the quick solution, however, it seems I don’t have the option under “product page – layout” for “enable extra variation images”
The website link below is to direct to a product page with extra variation images
Marius H[ Post Author ]
Hey! I see. Seems to be an issue with how the images paths are stored inside the database. Here’s a screenshot of the console eg: https://d.pr/i/ZgTDe3 . Basically the the extra variation images have http:// (non-SSL) when instead they should’ve been loaded with https:// . Here’s an article https://www.inmotionhosting.com/support/edu/wordpress/fix-insecure-image-wordpress-plugin/ which suggests searching and replacing these occurrences. For example searching for “http://wholesale.lovelythinkings” and replace with “https://wholesale.lovelythinkings”. Hope it helps!