Woocommerce Variation Swatches and Photos WordPress Plugin


WooCommerce variation swatches and photos WordPress plug-in

Many people have the woocommerce platform and it is an awesome way to sell things in WordPress. Sometimes though there are plug ins that have a learning curve with them and the woocommerce variation swatches and photos WordPress plugin is such a plug in. I have made a video tutorial on this subject but it might be helpful to have all the steps written out for quick access to the important points.

NOTE: this is an updated video here for the variations and swatches in WooCommerce.


Keep in mind if you need further help or one and one online live tutorial we can help. Just reserve a spot in the calendar below for a live one on one Q&A. We can use either Google Hangouts so you can see the screen or Skype. Just make sure that you have either of those installed before the appointment time so we can get started quickly with the one on one tutorial. This is a non-refundable fee so make sure that you do not forget your appointment.


Woocommerce Variation Swatches and Photos WordPress Plugin was last modified: November 23rd, 2018 by Maximus Mccullough

Pages: 1 2 3 4 Next


  • JS says:

    Hi Maximus McCullough,
    It seems thats a great plugin. Any possibility to show the color swatches on the Shop or Category Product Listing pages? So the person can select the product color from the Shop/Product listing pages, instead of going from Detail page?

    Looking forward,

    • That sounds like a cool feature. I have not experimented around with that but I am sure if you edit the shop page you would be able to accomplish such a task in the loop if you familiar with programming.

      • JS says:

        Thanks for your reply. I tried it, but it seems , that module is just made for detail page. By showing it on multiple product listing, its showing same image. For example, you have two products with multiple color options, Prd A and Prd B, if you are selecting Color Red for Prd A, its working but Same Red Color image showing in Prd B :(.

        Your thoughts please?


        • That’s interesting. I wonder if maybe its because the attributes are all called by the same name. That would explain why its only available on a detail page. The only other thing that I could think of is if you had a template of each product page and called it into a shop page via iFrame. I am not sure but in theory it seems like it may work.

          • JS says:

            Thanks for your response. My attributes names are unique. It seems that is just build for detail page. Do you have that plugin installed? If possible, could you please try to use on your system, in shop or product category page?

            Looking forward,


          • No I do not have the plugin. I don’t have time to test today though even if I did have it, lol.

  • Sam Swenson says:

    Awesome plugin. Wondering if you might know how to fix the problem I am having:

    I have followed the Youtube instructions line-by-line, but when I go to the “Swatches” tab I just have a blank area. I have added a screen grab for you to reference. I am using the Kallyas theme. Everything else seems to work great, just can’t get to the last step to make swatches appear 🙂



  • Joseph Harris says:

    if u change f***ing 2014 themes but its not look nice but if u use woothemes its cool but its free kickass.to

    • I know what you are saying, Here is a file that you need to upload to your 2014 theme folder. DO NOT CHANGE ANYTHING, Just upload it and your page will look better. You can also style it if you wish. Here is the link to the file, remember to upload it to your 2014 Theme WooCommerce.php

  • zohaib bilal says:

    i installed this plugin everything look fine but facing one problem . my background is white and the text color is also white of variation attribute title : like

    Size :


    these are in white color unable to see it how to change it ?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.