Variable Products Images

Hey,

I downloaded this plugin – https://woocommerce.com/products/woocommerce-additional-variation-images/ and it will not work with this theme for whatever reason. I add images to each flavor variation and when selecting through the variations, the images will not switch.

I have tested it with other themes and it works perfectly. Is there a way that we could possibly edit the code in this theme to make this plugin work? I can provide admin information if needed.

Hello,

Do you want to upload multiple images for each variation? Or you just need to have a different main image for each variation?

Kind Regards
XTemos Studio

Do you want to upload multiple images for each variation? Or you just need to have a different main image for each variation?

I have this question as well – If I have different color variations (swatch colors) how do I have it so when I click on a swatch color it changes to that product in that color.

Thank you

I just need to have one main image for each variation. The variations are flavors so when someone selects “Chocolate” for the Lean Whey 2lb product, for instance I would like the product image for Chocolate to show up instead of the default product image.

Right now it only works slightly. If someone selects a flavor and adds it to their cart, the small cart image will be the variation image but I would like it show up when you just click on the flavor variations as it works in the plugin live demo.

Thanks!!!

Could you please disable the plugin and send us a link with variable product that have different images for each variation?

Hey,

Okay the plugin is disabled. Here is the product that I have added a variation to. There is a variation image uploaded for “Lean Charms” and “Smores” flavors.

http://musclesport.com/new_site/shop/protein/lean-whey-revolution-5lb/

Thanks

MuscleSport,

If you don’t get a solution within the support here – I just fixed the same issue by installing ‘Smart Variations Images’. Once activated, go into your Product page then Product Gallery and click the link ‘Add product gallery images’. Select your image(s), under each image you will now see a drop down next to ‘Variation’ which will allow you to link to the attributes you created.

Michakid,

Thanks so much! I’ll look into it if support can’t help with the issue. The one thing I want to avoid is adding a product gallery. We have over 12 flavor extensions and when you add a product gallery with all of those flavors, it throws 12 images under the main image and blows the whole page out and ruins the look.

I appreciate the help either way! Would love to get this working,

MuscleSport,

I didn’t realize the plugin only worked within gallery images. I also would like to be able to do what you’re describing and link attributes to featured images without having to add images to a gallery to link attributes.

So in theory – Click/dropdown to image attribute > Featured product image changes.

Hopefully they will implement this feature if it doesn’t exist.

This feature is already implemented and you can see how it works here https://demo.xtemos.com/basel/shop/other/bicycles/y-pure-fix-golf/

You just need to upload images for each variation

Artem,

I tried this with no plugin and it still will not work. In the private content, I will give admin credentials, could you please tell me if I have something set wrong?

But there are no any variation images https://gyazo.com/2b501301b67b4bc883296b1777e9409e

There is. Check the variation “Lean Charms” and “S’mores”

OK, now we see. Could you please update the theme to the latest version firstly?

What is the easiest way to update the theme. I’m not seeing it in theme options

To update the theme you need download the latest version on ThemeForest -> Downloads. Then just reupload new theme via Appearance -> Themes but install this plugin firstly https://wordpress.org/plugins/easy-theme-and-plugin-upgrades/
Also, we suggest you make a backup of all your files before any update.

Hey,

Theme is now updated. I created a backup as well.

As we can see, you have 2.9.1 version of the theme installed. And the latest version is 3.3.

Regards

Hi,

We would like to use the variation images functionality that demonstrated here: https://demo.xtemos.com/basel/shop/other/bicycles/y-pure-fix-golf/

We’re currently using WooCommerce Variation Swatches and Photos (https://woocommerce.com/products/variation-swatches-and-photos/) which is cumbersome because after adding the image to each variation, you still need to add the image again under Swatches. It looks like with the theme, we will only need to add the image in the variation.

Please advise.

Thanks,
852CMD

Hi,

Here is a video tutorial that will help you create variable products with variations swatches and AJAX filters https://www.youtube.com/watch?v=gp3SMkKvUvs

Regards

Hi,

Thank you but the video doesn’t show how to add the product images as the options on the Product page like your bicycle product demo.

Please advise.

Thanks again!

Hi,

You just need to upload images for each variation and enable this function in Theme Settings -> Shop -> Attributes Swatches.

Regards

Hi,

Thanks for getting back to us.

We have the Attribute Swatches enabled under Theme Settings > Shop > Use images from product variations > On.

We also uploaded the image for each variation. However, it’s only showing up as a drop down not the image itself as options. See example: http://shinetrim.wpengine.com/shop/appliques/embroidered/matching-tidal-wave-embroidered-patches-sold-as-a-pair/

Please advise, thanks!

Hi,

Could you please send us your admin access so we can check what is wrong there?

Regards

Absolutely! Please see admin login credential in the private content.

Thank you.

As we can see, you have outdated theme files. You need to update the theme to the latest version and be sure that you didn’t override any files in the child theme.

Hi,

We have updated the theme to the latest and it’s still not showing the variation images as options. We even deactivated the WooCommerce Variation Swatches and Photos plugin just in case.

http://shinetrim.wpengine.com/shop/appliques/embroidered/matching-tidal-wave-embroidered-patches-sold-as-a-pair/

Please help, thanks!

But there were no color values set for attributes as per video tutorial. Please, check how it works now.

Thanks, but I want to use the image, not the color. Like your bicycle demo: https://demo.xtemos.com/basel/shop/other/bicycles/y-pure-fix-golf/

And I was told that I only needed to add the image to each variation, which I did.

Please advise, thanks again.

In this case, you need to specify the desired attribute in Theme Settings -> Shop -> “Grid swatch attribute to display”. We have done it for you. Check it now.

[Author]

Posts