Image gallery
Overview
The Image Gallery section creates a horizontally scrolling marquee of images, ideal for showcasing brand logos, featured products, or visual highlights. With configurable image sizes, autoplay speed, direction, and padding, it delivers a dynamic and visually engaging experience. This section can optionally be limited to the homepage.
Section Configuration:
Content Display
| Setting | Description |
|---|---|
| Show Only on Homepage | Restricts the section to appear only on the homepage when enabled. |
Image Settings
| Setting | Description |
|---|---|
| Media Size | Defines the aspect ratio of images: adapt, square, portrait, or landscape. |
| Image Width | Sets the fixed width (in pixels) for each image when media size is not set to adapt. |
| Enable Image Scaling | Reduces image dimensions on smaller viewports to optimize visual balance. |
Layout
| Setting | Description |
|---|---|
| Container Layout | Sets the section width to contained or full-width (edge-to-edge). |
| Container Padding | Toggles horizontal padding inside the container. Disabling removes default spacing. |
| Color Scheme | Applies a predefined color palette to the section background and text. |
Marquee Settings
| Setting | Description |
|---|---|
| Scroll Direction | Defines the marquee direction: forward (right-to-left) or backward (left-to-right). |
| Pause on Hover | Halts the marquee animation when the mouse hovers over the section. |
| Gap Between Images | Controls spacing between images in the marquee layout (in pixels). |
| Scroll Speed | Sets the speed of the marquee animation. Higher values result in slower movement. |
Spacing
| Setting | Description |
|---|---|
| Top Padding | Adds vertical spacing above the section. |
| Bottom Padding | Adds vertical spacing below the section. |
Block Configuration:
Blocks: Image
Each block represents a single image in the marquee.
| Block Setting | Description |
|---|---|
| Image | Uploads an image to be displayed in the scrolling gallery. |