For this, go to “Designs”.
Hover over the design where you’d want to add the banner slider and choose “Edit”.
Click on the “Home” tab on the top bar.
You’ll see a widget panel on the right-hand side with different widget options. Choose “Banner Slider” from the drop-down list.
Banner Slider widget has multiple UI.
You can drag and drop from widget options and Select the UI variant you want to use with your application.
Once you finalize the view you can hover over the design section and see the button to “Add/Edit Content”.
Clicking on “Add/Edit Content” will open up a pop-up.
How to Add/Edit Content of Banner Slider?
Upload image/video: Upload an image or video to the banner grid.
Internal Linking: With this, you can add an image link that will go to-
Product
Collection
Page
External Link (web URL)
Choose the product, collection, or page you’d want to link to, or add a link to an external page (Select the “Open outside the app” option for a link that’ll open with the device browser). Click on “Add” when done.
If the “Internal Linking” option is unchecked, you’d be able to upload only an image without a link
Once done, click on “Save Banner”.
Once you’ve uploaded your banner slider, there will be an “Edit Style” option below Add/Edit Image.
How to Edit Style Content of Banner Slider?
An “Edit Style” popup opens. Here, you can customize the following style parameters for the banner slider:
Radius
Padding
Container padding
Widget Title
Images
Background
Box Shadow
Adjust these variables as per your app theme. You can preview the changes as and when you work on it on your right of the “Edit Style” popup screen.
Click “Save” when done.
You can see the “Preview” using the preview app.
Click here to learn how to preview app updates through the Swipecart mobile app on your mobile device.
Hurray! 🥳
What's Next? 🤔
Explore the next article Carousel Banner