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
Boxed: Enable this option if you want the banner to appear within a boxed area, providing a bordered look.
Disable Heading: Toggle this to hide the heading text if you don't want a title displayed above the banner.
Boxed Heading: If your banner has a heading, this option lets you display it in a boxed style, drawing more attention to the title.
Text Heading: Enter a heading for your banner. This is useful for highlighting promotional messages or key information about the banner content.
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.
Image: Upload an image for your banner or select an existing one. This will serve as the main visual content for the banner.
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.