Starting requirements
Before we start adjusting the visualization of the configurator, we must first check if we have the setting enabled.
If you do not see the Visualization tab upon opening the configurator, simply click on the Settings tab, then navigate to Additional options on the right and Enable visualization builder.
Media Panel Settings
Navigate to Design and click on the Media Panel (the largest panel in the canvas). In the toolbox, go under Appearance.
Appearance
Here you can control the look and feel of your Media panel.
Content fit
Controls whether the media should take up the entire space of the panel (Cover), or scale it down to fit within the panels boundaries (Contain).
Cover
Makes an image or video stretch to fit its container exactly, covering both the width and height ( can end up hiding parts of an image )
Contain
Makes an image or video fit its container by enlarging it enough to fill the entire space (The entire image is shown, but will have visible empty spaces)
Gallery
Show gallery
Enables a gallery which displays all media uploaded in the Visualization section.
Position
Dictates if the gallery should be displayed inside the Media or below it.
Gallery inside the media
Gallery outside the media
Placement
Dictates where within the Media Panel should the Gallery be displayed. They can be displayed on the Top or Bottom as well as aligned Left, Center or Right.
Gallery placement set to Bottom Left
Gallery placement set to Top Center
Size
Controls how big or small the Gallery should be displayed (Default is MD).
Gallery size set to XS
Gallery size set to 3XL
Controls
Adds arrow controls to the left and right of the media.
Show controls are disabled
Show controls are enabled