ProductX

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

Image Flipper Addon

***ProductX is becoming WowStore. If you see the new working interface of WowStore, then you can follow along – the working process for product blocks, starter templates, and features all work the same way as it did for ProductX. So, if you’re working with WowStore, you can follow the doc and use the instructions. Essentially, there’s no difference between WowStore and ProductX when it comes to using the product in general.

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 the Image Flipper Addon

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

enable product 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.

the first image from gallery as 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 as flip image source

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

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

set flip image for products

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.

image flipper animation type

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 enable the options shown in the following image:

disable options for image flipper
Was this article helpful to you? Yes No 1