In-depth analysis of Avada theme special modules: product rotation, product grid and image hotspots (05)

In the last installment, we exploredBasic module settings in Avada theme, which I'm sure you already have a good understanding of. Today, we will continue to explain some more special modules, such as WooCommerce Product Rotator, Product Grid and Image Hotspot modules. These modules provide more flexible options for displaying products and functional features, so that your website can display content in a richer and more diverse way. Next, let's dive into the settings and application scenarios of these special modules together!

If we need to showcase products, we can choose WooCommerce and the theme together with the syndicated module

Let's add a Woo ProductCarousel

Rotation is a line of products in the meaning of the slide, if you need this effect you can consider this module

The left side can set his layout, as well as how many products to display how many columns, as well as in this module to display a number of elements, such as categories, labels, prices, buttons, etc., which does not speak one by one, the direct translation can be understood!

If you don't think this effect is to your liking

You also have the option ofWoo ProductGrid(Product grid)

Settings are poorly read, here will not explain one by one, but the setup function of each module also has a certain difference, such as the above rotating module he only has a setup area, no setup color and dynamic effects, but the following product grid he is this design (Design) and dynamic effects of the setup, so you look at the actual situation, you need to take a feature-rich certainly the following one

Next we talk about an image hotspots module (Image Hotspots)

Where this module is generally used, if you need to set distribution points on the picture, that is, anchors, such as maps, your point of sale, as well as you introduce the characteristics of this product can be used with this module

Here we use the Apple logo as a demo, and the background image is also randomized

So how do we go about setting it up?

Item: it is the anchor point in the picture, you can understand this way, I set three, you can set more according to your needs

After clicking Edit, you can set his position, drag to view the effect of the right side, horizontal and vertical, but it is recommended to adjust the item's icon and color before dragging, because if it is not obvious or covered by the background will miss the real-time effect, as follows

Then we can also set the item's icon, as well as the touch text

Triggering Text: is the directly displayed text

Popover Heading: it will be displayed only when the item is touched, and this is the heading.
Popover Content: This is the description

Second General: Set the background image and width and position here, as shown above.

As well as the design (Design) here to design the color of a part of the item, as well as his animation effects

Every step needs to be in place for great results, so keep this in mind

summarize

With this installment, you should have a clearer understanding of these special modules in Avada theme. Whether it's the WooCommerce module for displaying products or the image hotspot module with interactive effect, Avada provides diversified tools to help you better improve the user experience of your website. We hope this issue is helpful to you, welcome to leave a comment or contact us, we will continue to share more Avada theme tips and practical methods in the next issue.