Unleash the power of visual storytelling with the Gallery Module, your ultimate tool for creating immersive, interactive experiences within your ads. This versatile module lets you curate captivating galleries filled with a variety of content modules, from images to text and beyond. With a plethora of customization options, you have the freedom to tailor every aspect of your gallery to perfection. From slide change effects to autoplay features and styling options, the Gallery Module empowers you to create experiences that captivate and engage your audience. Whether it's showcasing products, sharing testimonials, or highlighting key features, the Gallery Module enables you to bring your brand's narrative to life in stunning detail. Explore the endless possibilities and transform your ads into captivating visual journeys that leave a lasting impression.
Use cases
Display products, scenes, features in a dynamic way
Allow for more interactive content as the user decides on his flow and speed
Example
In this example, we use a gallery with one of the many effects called "Carousel", which gives a slight 3d effect and highlights products in the front well.
As with all examples, you can request us to copy them over to your company so you can look at how they are built in detail.
Slide Effect
This dropdown lets you select one of the many slide effects the gallery module offers.
They are:
Slide
Flip
Coverflow
Fade
Cube
Stack
Panorama
Carousel
Some of them (like the Carousel) have further setting sliders to customize the effect even more!
Slide direction
You can change the slide direction between horizontal or vertical mode with this setting.
Horizontal/Vertical lock
With the directional lock, you can deactivate a direction for sliding, meaning the user can only slide in the directions that are active.
Slide transition duration
The slide transition duration lets you change the duration which a slide change animation will take.
Initial slide
This dropdown lets you choose the slide you want to show initially when the gallery is loaded.
Initial animation
You can toggle the initial animation, which shows that the gallery slides can be moved.
Autoplay
Activating the autoplay feature allows a gallery to automatically change slides for as long as the user doesn't interact with it.
The first input after the toggle lets you change the speed with which the slides will change automatically.
The one after that lets you set up a delay before the autoplay is supposed to start.
Lastly, the Progress circles setting will render circles around the arrows, which fill up to show when the gallery will automatically show the next slide.
Loop slides
This toggle will make it so the slides loop. The last slide will automatically end in the first slide if you continue to slide to the right after it.
Shuffle slides
This feature shuffles the slides randomly, every time the ad is displayed.
With the slides limit dropdown below, you can specify a number of slide which gets randomly shown, meaning that you could - for example - show 3 random slides out of a set of 10 every time the ad is displayed, bringing more diversity to your single ad.
Replay animations
This feature allows all animations that are set up on assets inside the gallery from the timeline to play every time the slide is shown.
Enable slide overflow
This allows for elements inside the gallery that go outside of the gallery's boundaries to render in full. This is especially interesting, when your gallery is smaller than the Ad/Scene - For example on a cube gallery (which enables this feature by default).
This will also help if you have lines rendering between slide backgrounds!
Controls visibility
These two toggles let you activate/deactivate the visibility of the gallery arrows with which you can change slides without a motion or the slide indicator, which shows which slide the user is currently on and how many there are.
Arrow settings
There are many ways to change the way the gallery arrows look. Here's the settings and what they do in order:
Arrow color = Change the RGBA color values of the default arrow icons
Left/Right arrow = Drop your custom assets for these arrows here
Arrows position = Change the arrow location on the counter-axis to the one that the gallery moves on (e.x. Vertical when gallery is in default horizontal mode or vice versa)
Arrows side margin = Change the arrow offset from the sides
Arrow size = Scale the arrow size to your liking
Indicator settings
Same as for the arrows, you can change the appearance of the indicators in multiple ways:
Indicator color = Change the color of the non-active default indicator dots to your liking
Indicator active color = Change the color of the active default indicator dot
Custom indicator/indicator active images = Use a custom asset to replace the inactive/active indicators
Indicator position: Change the indicator position on the axis opposed to the one the gallery moves on with the slider. Also change the general location on the other axis between Start/Center/End
Indicator size: Change the size of your indicator assets or the default indicators
Properties & Clickout
As for the Background module, the gallery module allows you to change different properties like the opacity seperately in the "Properties" tab.
Also, you can set up a clickout link for the gallery module as usual.
Interactions
The video offers all standard triggers & actions that the Background module offers as well. Furthermore, the video module offers:
Triggers
Gallery slide = Triggers when a slide changes (automatically or user based)
Gallery user interaction (slide change) = Triggers when a user changes a slide for the first time (once)
Gallery slide (once) = Triggers when a slide changes (once) (automatically OR user based)
Gallery user slide = Triggers whenever a user changes a slide
Gallery user slide(once) = Triggers once whenever a user changes a slide
Gallery button prev = Triggers when a user clicks the "previous" (left on default) arrow
Gallery button next = Triggers when a user clicks the "next" (right on default) arrow
On slide x = Triggers whenever the gallery is changed to slide x (Event exists for all slides)
Actions for other modules
The video module offers several actions that other modules can trigger via an interaction:
Change group view = Change a gallery of your choice to a specific slide OR the prev/next slide