While ChatX Search automatically inherits the site’s CSS, this tab provides additional options to configure the dropdown.



Dropdown


Here you can change the style and layout of the dropdown



!!! All settings will be saved only after you click "Save" button !!!





Voice Search 


1. Show/Hide Voice Search button




Image Search


1. Show/Hide Image Search button




Top searched products

1. Show/Hide Top searched products section


2. Show/Hide out of stock products


3. Maximum number of products to be shown


4. Layout - One or two columns


a. One column


b. Two Columns




Trending search


1. Show/Hide Trending searches section


2. Maximum number of queries to be shown




Search history


1. Show/Hide Search history section


2. Maximum number of queries to be shown




Suggestion search


1. Show/Hide Suggestions section


2. Maximum number of suggestions to be shown



Top matching products


1. Maximum number of products to be shown


2. Show/Hide out of stock products


3. When out of stock products are shown, move them to end of the list - When you enable this option, all out of stock products will be shown at the end of the list


4. Layout - One or two columns


a. One column


b. Two Columns




Collections search


1. Show/Hide Collections section


2. Maximum number of collections to be shown




Pages/Quick Links search


1. Show/Hide Pages/Quick Links section


2. Maximum number of pages to be shown




Blog posts search


1. Show/Hide On our blog section


2. Maximum number of blog posts to be shown




ChatX Credits


1. Show/Hide ChatX credits from dropdown footer - You can't hide it in the free trial period




Design


1. Background color - Changes the background color of the dropdown


2. Font color - Changes the font color


3. Boxes color - Changes the boxes color (products boxes, queries boxes)


So, if you have a dark styled website you can do in few seconds something like this: