• Resolved wippetywu

    (@wippetywu)


    Hi,

    I’m very impressed with this theme and hope you can help with this problem I’m having. Building an e-commerce website using WooCommerce (2.2.11) and have products with different color variations. Using a plugin called WooCommerce Color or Image Variation Swatches so that I can get color swatches on the category/shop page. But when I set this up, it causes the “Add to Cart” button to disappear on single product pages, and furthermore the product image doesn’t change when I select different colors. Unfortunately this seems to happen only with the Virtue theme (I have tried different themes and it works fine). I would love to use this theme so I hope someone can help me figure out what’s going on!

    The site is currently password protected, but here are some screenshots to show the problem (site is in Norwegian):

    Happy to send login details if that would help. Thanks in advance!

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hey,
    By default woocommerce hides the add to cart button unless a product variation is chosen. From the feedback we got arriving at the product page and not seeing the add to cart button was confusing. So we changed a couple things to show the add to cart even if a default variation wasn’t selected. This change can cause conflicts with some plugins that edit how the variations work in woocommerce. For that we have a child theme you can activate and it will remove what we added to make the add to cart always visible.

    If you would like to use that child theme just send use and email and we will email it to you: info@kadencethemes.com

    Hope that makes sense.

    Kadence Themes

    Thread Starter wippetywu

    (@wippetywu)

    Hey, just to close this thread–I did indeed get the child theme, but at first it still didn’t work. However, Ben from Kadence Themes kindly spent the time to look into the incompatibility (with a third-party plugin, mind you) and got it to work for me!

    Outstanding service, guys!

    how to make the product variation open in new window??

    praburaj06, can you please post in your own topic. Thanks!

    I also do not understand what you mean by opening a variation?

    Kadence Themes

    Hey guys,

    sorry to post in old thread. I am author of swatches plugin mentioned by op.

    issue is because virtue theme has its own version of add-to-cart-variation-min.js , for that they need to deregister the existing add-to-cart-variation-min.js which unfortunately breaks swatches plugins functionality as add-to-cart-variation-min.js file is a main variation handling file for most of swatches plugin out there.

    This can be easily fixed by removing below piece of code from virtue/lib/scripts.php file between line 30 to 36 (virtue version 2.6.0)

    http://pastebin.com/22h2KZbG

    same applies to virtue premium and pinnacle theme.
    cheers

    Excellent phppoet,

    Now I need to work out how to incorporate that into a child theme so it will remain when updates are done…

    If anyone can help, post here as I’m keen to use the Pinnacle theme and the color variations swatch plugin.

    phppoet, Does your plugin call in it’s own variation script?

    What does it look for in terms of classes on the archive pages?

    Kadence Themes

    Kadence Themes ,

    1. Does your plugin call in it’s own variation script?
    yes it does call its own add-to-cart-variation.js on single product pages which is required to handle variations via swatch selection.

    2.What does it look for in terms of classes on the archive pages?

    on archive pages , plugin only loads one js file shop-frontend.js .

    http://phppoet.com/swatch/wp-content/plugins/woocommerce-colororimage-variation-select/js/shop-frontend.js?ver=4.3.1

    on mousehover of ‘.wcvaswatchinput’ , it replaces catalog image with data-o-src image.

    best regards

    Kadence Themes ,

    1. Does your plugin call in it’s own variation script?

    yes it does call its own add-to-cart-variation.js on single product pages which is required to handle variation selection.

    2.What does it look for in terms of classes on the archive pages?

    on archive pages , plugin only loads one js file shop-frontend.js .

    http://phppoet.com/swatch/wp-content/plugins/woocommerce-colororimage-variation-select/js/shop-frontend.js?ver=4.3.1

    on mousehover of ‘.wcvaswatchinput’ , it replaces catalog image with data-o-src image.

    best regards

    I hope an update is done soon to incorporate this as I’m just about to build a site where colour swatches is a requirement by client and I’d like to use Pinnacle theme.

    Updates for virtue and pinnacle are likely to be out tomorrow 🙂

    Kadence Themes

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Plugin incompatibility: WooCommerce color variations’ is closed to new replies.