What is it?

Dual Row creates a continuous scrolling effect with two vertically aligned columns of images, offering a dynamic and visually engaging way to showcase image content. The columns can scroll independently, with customizable speed, direction, and interaction options.

How to set it up?

This element is customized using the Bricks Builder attributes field. Dual Column utilizes the following attributes:

'data-dual-column-flow'. Activates the dual-row image flow effect. No value is needed; simply adding this attribute enables the functionality.

'data-left-column-images'. Accepts a JSON array of image URLs for the left column. Example: ["image1.jpg", "image2.jpg", "image3.jpg"].

'data-right-column-images'. Accepts a JSON array of image URLs for the right column. Example: ["image1.jpg", "image2.jpg", "image3.jpg"].

'data-left-speed' (Optional). Controls the scrolling speed for the left column. Defaults to 0.5.

'data-right-speed' (Optional). Controls the scrolling speed for the right column. Defaults to 0.5

'data-pause-on-hover' (Optional). Pauses the scrolling when the column is hovered over. Set to "false" to disable. Defaults to "true".

'data-column-direction' (Optional). Sets the scrolling direction for the columns ("up" or "down"). Defaults to "down".