Product Swap With WooCommerce

For swapping products on hovering you need to have Emage Hover Effects pro, WooCommerce and Elementor pro installed and activated in your Wordpress Dashboard

• Once you have installed the WooCommerce select Products in the WordPress dashboard

• Select Add New option to add the new product to the page

• Now enter the product name in the product name text box

• Add product image and add product gallery images

• Once you have updated you can make a product swap with our Emage hover effects.

Let's see how we can do the product swap

• In the Edit with Elementor page drag and drop the Emage hover effects

• After that, under image section in choose image select Dynamic Tags as in picture below

• Select Product Image under WooCommerce in the drop down
• Which will display the image you have selected as a product image

• Then select Style tab and Select overlay>Image>Dynamic tabs as shown in below image

• Select the Product Gallery Image under WooCommerce as shown in below image

• Once the hover effect is applied to both the image and overlay you will be getting a product output as below,

Still can't find what you're looking for?

Write to us: [email protected]