Video Tutorial of Search
- The Search widget on Swipecart helps you to give a seamless shopping experience to app users.
- Customers can search for products or collections and navigate to where they want easily.
- Click on “Designs” in the left menu of your Swipecart dashboard.
- Hover over the design where you’d want to add the Search widget and click on the "Edit" icon.
- Click on the “Home” tab on the top bar.
- You’ll see a drop-down box widget panel on the right section of your design dashboard.
- Click on it to access the widget list. Select “Search” from the list.
- Different UI variants are displayed below the drop-down box.
- Drag and drop your preferred variant to position inside the app home design layout.
- Hover over the dropped search widget and click on “Edit Style”.
How to Edit Style Content of Search?
- Radius- You can round off all four edges of your widget container.
- Padding- Adjust the widget padding from all four sides.
- Customize Search Bar- Enter the text to be displayed in the search bar.
- Stroke- Select the border color and its weight.
- Reset- Clicking on it will delete all the edits and reset the values to default.
- Icons- You can opt to make the Search Icon or Mic Icon visible/invisible on the Search bar through the toggle switch.
- You may have only the Mic Icon or Search Icon depending on the UI variant you select.
- Background- Add color or image to the background of the Search bar.
- Click on “Save” when done before you exit the popup.
- 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.
- That’s it. We’re done adding and customizing the Search widget on Swipecart.