Search results page
Overview:
The “Search page” is where customers can search for specific products or pages within your online store. The page contains a Search results section by default.The section allows customization through various settings for the heading size, description, grid layout, and more.
Section Configuration:
Content Configuration
| Setting | Description |
| Heading Size | A select field for heading size with options ranging from extra extra large to medium, defaulting to extra large. |
| Description | An inline rich text field for the section description with a default value of "Display product collections with images, customizable for seasonal highlights or promotions." |
| Text Size | A select field for text size with options for small, medium, and large, defaulting to medium. |
Breadcrumb Settings
| Setting | Description |
| Show Breadcrumb | A checkbox to toggle the display of breadcrumbs, defaulting to true. |
| Show Top Border | A checkbox to toggle the display of the top border, defaulting to false. |
| Show Bottom Border | A checkbox to toggle the display of the bottom border, defaulting to true. |
| Color Scheme | A color scheme selector for the breadcrumb with a default value of "scheme2". |
Grid Settings
| Setting | Description |
| Number of Columns on Desktop | Range field for the number of columns on desktop. |
| Number of Rows on Desktop | Range field for the number of rows on desktop. |
| Number of Columns on Mobile | Select field for the number of columns on mobile with options for 1 or 2 columns. |
Product Card Settings
| Setting | Description |
| Media Size | Select field for the media size with options for adapt, square, portrait, and landscape. |
| Show Rating | Checkbox to toggle the display of product ratings. |
| Button Layout | Select field for button layout with options for none, enable add to cart and quick view, enable add to cart, enable quick view, and show view details. |
| Show Discount | Checkbox to toggle the display of product discounts.. |
| Show Vendor | Checkbox to toggle the display of product vendors. |
| Show Compare | Checkbox to toggle the display of compare buttons. |
| Show Stock | Checkbox to toggle the display of stock status in quick view. |
| Thumbnails Layout | Select field for thumbnails layout with options for none, media images gallery. |
| Show Available Only | Checkbox to toggle the display of available products only. |
| Number of Thumbnails | Range field for the maximum number of thumbnails. |
| Quick View Popup Media Size | Select field for the media size in quick view with options for adapt, square, portrait, and landscape. |
| Show Navigation | Checkbox to toggle the display of navigation arrows. |
| Show Variation | Checkbox to toggle the display of product variations. |
| Enable Share | Checkbox to enable sharing options in quick view |
| Show Gift Card Recipient | Checkbox to toggle the display of gift card recipient option. |
WhatsApp Settings
| Setting | Description |
| Show WhatsApp | Checkbox to toggle the display of WhatsApp share button. |
| WhatsApp Number | Text field for the WhatsApp number. |
| Custom Message | Textarea for the custom WhatsApp message. |
Blog Card Settings
| Setting | Description |
| Show Featured Image | Checkbox to show or hide the featured image. |
| Show Tags | Checkbox to show or hide tags. |
| Show Date | Checkbox to show or hide the date. |
| Show Author | Checkbox to show or hide the author. |
| Show Excerpt | Checkbox to show or hide the excerpt. |
| Show Comments Count | Checkbox to show or hide the comments count. |
Filter and Sorting Settings
| Setting | Description |
| Enable Filtering | Checkbox to enable or disable filtering. |
| Enable Sorting | Checkbox to enable or disable sorting |
| Filter Button Position | Select field to set the position of the filter button. |
Color Scheme Settings
| Setting | Description |
| Color Scheme | Choose a predefined color scheme to ensure consistency with the store’s branding. |
Spacing Settings
| Setting | Description |
| Top Padding | Adjust the space above the section content. |
| Bottom Padding | Adjust the space below the section content. |