fbpx
🤝  NEW YEAR SALE RETURNS - 50% OFF all plans! 🤝 Grab it Now

Variation Swatches button not working correctly

Ingrid Melgar

Hi I need your support with my plugin.

Recently I uploaded the update of the plugin and before we used to have it working fast and in the right position this is how it was shown:
The color after the image and before the add to cart button

Captura de Pantalla 2021-12-03 a la(s) 12.34.05.png

 

And now is out of the line, after the add to cart button, and when we check the display position to change before the add to cart button it goes all the way up to after de image.

Can you help me to put it in the right position under de image of the product and before the add to cart button?

Also help me to select the default color. If I only have one color of my product, that the color is selected to only add to the cart and click on the buy button, or that when the color is selected on the store page and someone clicks on it, the color remains selected.

Hakik Zaman

Hi Ingrid,

Thanks for reaching out to us.

And now is out of the line, after the add to cart button, and when we check the display position to change before the add to cart button it goes all the way up to after de image.

I have added the below snippet using the Code Snippets Plugin:

Please check your shop/archive page now.

add_action('woo_variation_swatches_pro_archive_page_loaded', function($wvs_pro){
remove_action('woocommerce_init', array( $wvs_pro, 'enable_swatches' ), 1);
add_action('ocean_after_archive_product_image', array( $wvs_pro, 'after_shop_loop_item' ), 9);
}, 10, 1);

Also help me to select the default color. If I only have one color of my product, that the color is selected to only add to the cart and click on the buy button,

Unfortunately, the feature is not currently available.

​But it’s a great idea. I’ll discuss this feature with my team.

In the meantime, please send the feature request here: https://storepress.fider.io/
and ask your other to upvote it.

Thank You

Ingrid Melgar

Thank you so much, I was checking the update and now it shows correctly but it has a conflict with the QUICK VIEW BUTTON when you try to clic a color. Can you help me with that?

Also since the first update it appears that takes longer to load the color attributes, I upload the image so you can check

Hakik Zaman

Hi Ingrid,

Could you record me reproducing your issue using a tool like this? https://www.useloom.com
It helps me to quickly figure out the issue.

Thank you

Hakik Zaman

Hi Ingrid,

The issue is coming from your theme.

Place the below CSS at Appearance > Customize > Additional CSS

.woo-entry-image.clr {
   position: relative;
   overflow: hidden;
}

Then let me know if it works or not.

Thank You