fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

variation swatches displays in wrong place

Nalet Jerome

Hi,

on archive product page : before I update the plugin variation swatches display after product image and now it display before product image.

the right order i need is : image, price, variation, cart button

Nalet Jerome

I just clear all the cache but no changes. I need like before:

on archive page : image, price, variations, cart button

and the same on single product page

Thanks

Nalet Jerome

also I don’t want the new white check icon on image variation, just the white border on selected variation

Hakik Zaman

Hi Nalet,

I have added the plugin- Code Snippets and added the below snippet to follow this order-

the right order i need is : image, price, variation, cart button

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_price', array( $wvs_pro, 'after_shop_loop_item' ), 9);
}, 10, 1);

To remove the check/tick icon I have added the below CSS at Appearance > Customize > Additional CSS

/* GetWooPlugins Support */
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item.selected:not(.no-stock) .variable-item-contents:before {
   background-image: none;
}

Please check your shop/archive page. Before checking don’t forget to clear your cache like- Browser cache + Caching Plugin cache + Server-side cache

Then let me know if it resolves your issue or not.

Thank You