ProductX

  1. Home
  2. Docs
  3. ProductX
  4. Addons
  5. Image Flipper Addon

Image Flipper Addon

While the user hovers over the image flipper, it flips to reveal the second image, giving more information about the product.

In this documentation, we will talk about how easily we can use this feature in our e-commerce store.

Here are the easy steps to using the product image flipper:

Step 1: Turning on Image Flipper Addon

From your WordPress dashboard, go to the ProductX section. Then, you’ll find the Product Image Flipper Addon in the “Getting Started” section. 

Turn on Image Flipper Addon

You can turn on the addon by clicking on it. Now, enabling the addon is showing flip images in the store. Let’s see how it looks at the front end.

Flip Image Preview

Step 2: Customization of Product Image Flipper Behaviour 

By clicking on the Image Flipper Addons setting, you can see that the basic settings of the addons appear.

Flip Image Source

In the basic setting section, the first thing appearing is the source from which flip images will be collected. There are two ways:


First Image from Gallery:  It will automatically flip the first image of your product gallery of the products in your store. So, if you want to apply this feature to all the products in your store, just select the “First Image from Gallery” option.

Flip Image Source

Specific Flip Image Selection Option: Selecting this will help you to show your audience a specific product flip image that you have selected.

Specific Image Selection Option

To use this option, click on products from the backend dashboard. Then, press click on all products.

Edit Product

Now, select the specific product for which you want to choose a specific image to be flipped.

Specific Flip Image

After that, go to the bottom of the product page, and on the right-bottom side, there is the Flip Image option. Click on it and upload your desired flip image.

Product Flip Animation Type

Based on your preferences, you can select from a variety of animation styles, such as fade-in, zoom-in, and others. Different Animation types will give different vibes to your flip image products.

Flip Animations

Disable for Group and Variable Product

If you do not want your group and variable product images to be shown as flip images. You can disable the button. Likewise, if you also want to use this type of product as a flip-image product, just turn the button on.

Disable for Group and Variable Products
Was this article helpful to you? Yes No 1