The Banners Block in the Mobile App Builder allows you to showcase banner images or promotional content within your app. This block is highly customizable, allowing you to set the layout, spacing, dimensions, and display style to enhance user experience and drive engagement.
Settings
Space Between: Adjust the spacing between multiple banner elements. This is helpful when you have multiple banners in a column and want to ensure there’s adequate separation between each one.
Width and Height: Set the dimensions of the banner in pixels. This helps in controlling the exact display size of the banners on different devices.
Border Radius: Define the border radius to create rounded corners for your banner. A higher radius will make the corners more circular.
Layout
The layout options allow you to display banners in various formats to suit your design needs:
One Column: Displays a single banner across the screen width.
Two Columns: Splits the screen into two columns, displaying two banners side by side.
Three Columns: Creates a three-column layout, displaying smaller banners across the width of the screen.
Multiple Columns: Allows for more flexibility by displaying several banners in multiple columns, ideal for a compact, grid-style layout.
Carousel: Displays banners in a swipeable carousel, where users can navigate through different banners. This is useful for showcasing multiple promotions or visuals in limited space.
Adding Elements
To add banners within this block:
Click Add element to create a new banner element.
Configure the settings for each banner element, including uploading a different image, setting unique dimensions, and adjusting the layout as needed.
Contact Us
For queries and feedback, feel free to reach out to us at help@beyondcart.com. We’re here to help and eager to assist you with your concerns.