• 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.


What's Next? 🤔
Explore the next article Single Banner


Did this answer your question?