Search results page

Overview:

The Search Section provides a comprehensive solution for displaying search results on your Shopify store. It supports dynamic search functionality, filters, and sorting to enhance user experience. This section is highly customizable, allowing you to adjust the layout, display styles, and functionality to match your store's branding and needs.

Section Configuration:

General Section Settings

Setting	Description
Section Caption	Add a caption above the search heading.
Section Caption Size	Set the size of the caption text. Options: Small, Medium, Large. Default: Small.
Section Caption Weight	Set the weight of the caption text (e.g., Bold, Medium, Light). Default: Medium.
Section Heading	Define the main heading text for the section.
Section Heading Size	Choose the size of the heading (H1, H2, H3). Default: H3.
Section Heading Weight	Set the font weight for the heading. Default: Bold.
Description Text Size	Choose the size for description text. Options: Small, Medium, Large. Default: Small.
Description Text Weight	Set the font weight for description text. Default: Light.
Max Header Size	Set the maximum width for the section heading, as a percentage of the page width. Default: 55%.

Setting	Description
Show Breadcrumb	Enable or disable breadcrumbs navigation. Default: Enabled.
Top Border	Add a border above the breadcrumbs. Default: Disabled.
Bottom Border	Add a border below the breadcrumbs. Default: Enabled.
Breadcrumb Color Scheme	Choose a color scheme for the breadcrumbs. Default: Scheme 2.

Grid Layout Settings

Setting	Description
Desktop Columns	Number of columns on desktop. Options: 3, 4, or 6. Default: 4.
Desktop Rows	Number of rows to display on desktop. Range: 1–7. Default: 3.
Mobile Columns	Number of columns on mobile. Options: 1 or 2. Default: 2.

Product Card Settings

Setting	Description
Product Media Size	Choose the media size for product images (Adapt, Square, Portrait, Landscape). Default: Adapt.
Heading Size	Set the size for product titles. Options: Small, Medium, Large. Default: Small.
Heading Weight	Set the font weight for product titles. Default: Normal.
Button Position	Define button placement (Top or Bottom). Default: Top.
Enable Add to Cart	Enable or disable the "Add to Cart" button. Default: Enabled.
Enable Quick View	Enable or disable the quick view feature. Default: Enabled.
Show Swatches	Display product variant swatches. Default: Enabled.
Show Price	Display product prices. Default: Enabled.
Show Vendor	Display the vendor's name. Default: Enabled.
Show Stock Tag	Display stock availability tags. Default: Enabled.

Blog Card Settings

Setting	Description
Show Date	Display the publish date of blog articles. Default: Enabled.
Show Excerpt	Display a short excerpt of blog articles. Default: Enabled.
Show Author	Display the author's name for blog articles. Default: Disabled.
Show Comments Count	Display the number of comments on blog articles. Default: Disabled.

Search and Filter Settings

Setting	Description
Enable Filters	Enable or disable filters for search results. Default: Enabled.
Enable Sort	Enable or disable sorting options for search results. Default: Enabled.
Enable Grid Buttons	Show grid layout buttons (e.g., 3, 4, or 6 items per row). Default: Enabled.
Pagination Type	Choose the pagination style (Click Load, Infinite Load, Pagination). Default: Pagination.

Spacing and Color Settings

Setting	Description
Top Padding	Adjust the top padding of the section. Range: 0–100px. Default: 50px.
Bottom Padding	Adjust the bottom padding of the section. Range: 0–100px. Default: 50px.
Color Scheme	Choose a color scheme for the section. Default: Scheme 1.