Extra Variation Images (internal module)

You are here:
Estimated reading time: 1 min

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 .

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.

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.

Was this article helpful?
Dislike 0
Views: 1408

5 Replies to “Extra Variation Images (internal module)”

  1. 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 ?

    1. 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.

  2. 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

  3. 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

    1. 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!

Suggest article improvements

Please use this form to suggest improvements and report missing or outdated content. Support requests will most likely not be answered and it's best to use the Support Request Form instead. Thanks!