Search Settings Configuration
Configure everything from visual styling to advanced search capabilities through the Studio dashboard.
Overview
The Search Settings panel in your Studio dashboard provides comprehensive control over your search widget's appearance and functionality. Settings are organized into six main categories, each focusing on different aspects of the search experience.
Theme Configuration
Customize the visual appearance of your search widget to match your brand identity and website design.
Color Settings
- • Primary Color: Main brand color used for buttons, links, and highlights
- • Background Color: Widget container background
- • Placeholder Text Color: Color for search input placeholder text
- • Border Radius: Corner roundness (0-20px)
Typography
- • Font Family: Choose from System UI, Inter, Roboto, Open Sans, Lato, or Montserrat
- • Max Width: Maximum widget container width (300-1200px)
Tip: Use your brand's primary color for consistency across your website.
Layout Configuration
Control what content appears in your search results and how they're displayed.
Content Display Options
Show Suggestions
Display search suggestions as users type
Show Manufacturers
Display manufacturer suggestions
Show Categories
Display category suggestions
Results Layout
- • Two Column Layout: Product image and details side by side
- • Single Column Layout: Stacked layout for mobile-friendly display
Display Settings
- • Maximum Results: Number of results to display (1-20)
- • View All URL: Custom URL for "view all results" link
Translations
Customize all text labels and messages displayed in your search widget to match your language and brand voice.
Available Text Labels
- • Search Placeholder: Input field placeholder text
- • Results Header: Title for search results section
- • Manufacturers Header: Title for manufacturers section
- • Categories Header: Title for categories section
- • Loading Text: Message shown during search
- • No Results Text: Message when no results found
- • Error Text: Message when search fails
- • View All Text: "View all results" link text
Note: All text fields support Unicode characters, making them suitable for any language including Greek, Arabic, Chinese, and more.
Features
Enable or disable advanced features to optimize performance and user experience.
Performance Features
-
Enable Animations
Smooth transitions and micro-interactions
-
Image Lazy Loading
Load product images only when visible
Advanced Features
-
Use Cache
Cache search results for better performance
-
Vector Search
Enable AI-powered semantic search capabilities
Search Input Configuration
Customize the search input field behavior and appearance to optimize user interaction.
Input Field Options
Search Icon
Show/hide search icon in input
Clear Button
Clear input when text is entered
Loading Indicator
Show spinner during search
Voice Search
Allow voice input for search
Icon Settings
- • Icon Style: Outline or filled icons
- • Icon Position: Left or right of input
Animation
- • Animation Duration: Transition timing (0-1000ms)
Search History
- • Save History: Store previous searches
- • Max Items: History storage limit (1-50)
Search Configuration
Configure the core search functionality, including which fields to search, sorting options, and result limits.
Search Fields
Select which product fields should be searchable. Fields can be enabled/disabled and reordered by priority.
Available Field Types: String, Int32, Float, Bool, String Array, Int64
Sort Order
Configure how search results are sorted and ranked.
- • Ascending/Descending: Sort direction for each field
- • Priority Order: Drag to reorder sort importance
Display Settings
- • Results Per Page: Items per page (1-20)
- • Highlight Fields: Fields to highlight in results
- • Max Facet Values: Filter options limit (1-20)
Advanced Search Options
Exhaustive Search
Considers all variations of prefixes and typo corrections exhaustively for comprehensive results.
Note: Increases search time by 10-30% but finds more comprehensive results.
Performance Impact
- • Standard Search: Fast, good accuracy
- • Exhaustive Search: Slower, best accuracy
Best Practices
Optimize your search configuration for better user experience and performance.
Performance Optimization
- ✓ Enable caching for frequently searched terms
- ✓ Use lazy loading for product images
- ✓ Limit results per page to 10-12 for optimal loading
- ✓ Enable animations sparingly to avoid performance impact
User Experience
- ✓ Match brand colors for visual consistency
- ✓ Use clear, descriptive labels in your language
- ✓ Enable search history for returning users
- ✓ Show loading indicators to set user expectations
💡 Pro Tips
- • Test your configuration on different devices and screen sizes
- • Monitor search analytics to understand user behavior
- • A/B test different layouts and color schemes
- • Regularly update translations for seasonal campaigns
- • Balance feature richness with page load performance