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