Icon - Flipbox
Flipbox element in the shopping experiences
Last updated
Flipbox element in the shopping experiences
Last updated
With this element, you can design content to flip when hovered over. This type of interaction draws users' attention and allows you to present information in a creative way.
Essentially, after mouse hover, the back of the box is displayed / the entire box is flipped with an animation.
| Function | Description |
|---|---|
| Function | Description |
|---|---|
| Function | Description |
|---|---|
| Function | Description |
|---|---|
Animation Effect (1)
Here you can set the animation effect.
Direction of Animation (2)
Horizontal or vertical.
Linking (3)
Height of Flipbox (1)
A fixed height is set here. Make sure your content is adjusted accordingly.
Vertical Alignment (2)
The vertical alignment of all content within the flipbox
Horizontal Alignment (3)
The horizontal alignment of all content within the flipbox
Background Type (1)
Choose color, image, or gradient
Icon (2)
Content of the Box (1)
The content displayed on the back side. TWIG variables are also possible.
Button (2)
Entire Box Clickable (3)
Not only the button, but also the box itself is linked
