Search page

Overview

Displays search results in customizable product, blog, and page cards with filtering, sorting, pagination, responsive layouts, typography, and spacing controls.

Product Card Settings

Setting	Description
Media Ratio	Sets the product card image ratio: Adapt, Square, Portrait, or Fit to Box. Default: Adapt.
Desktop Height	Sets the desktop card height from 100–400px. Default: 265px. Visible when Fit to Box is selected.
Mobile Height	Sets the mobile card height from 100–400px. Default: 265px. Visible when Fit to Box is selected.
Show Second Image on Hover	Displays a second product image when hovering over the card. Default: Enabled.
Heading Size	Sets the product heading size from H4, H5, H6, Large, Medium, or Small. Default: Large.
Heading Weight	Sets the heading font weight from 100–900. Default: 600.
Heading Case	Sets the heading text case: None, Uppercase, Capitalize, or Lowercase. Default: Capitalize.
Heading Level	Sets the heading HTML level from H1–H6. Default: H3.
Heading Family	Sets the heading font family to Default or Body. Default: Body.
Heading Color Style	Sets the heading color style to Default or Body. Default: Default.
Show Price	Displays the product price. Default: Enabled.
Price Size	Sets the price text size to Large, Medium, or Small. Default: Large.
Price Weight	Sets the price font weight from 100–900. Default: 600.
Price Case	Sets the price text case. Default: Capitalize.
Price Family	Sets the price font family to Default or Heading. Default: Default.
Price Color Style	Sets the price color style to Default, Headings, or Body. Default: Headings.
Show Unit Price	Displays the product unit price. Default: Enabled.
Unit Price Size	Sets the unit price size to Large, Medium, or Small. Default: Small.
Unit Price Weight	Sets the unit price font weight from 100–900. Default: 400.
Unit Price Case	Sets the unit price text case. Default: Uppercase.
Unit Price Family	Sets the unit price font family to Default or Heading. Default: Default.
Unit Price Color Style	Sets the unit price color style to Headings or Body. Default: Body.
Show Vendor	Displays the product vendor. Default: Enabled.
Vendor Size	Sets the vendor text size to Large, Medium, or Small. Default: Small.
Vendor Weight	Sets the vendor font weight from 100–900. Default: 400.
Vendor Case	Sets the vendor text case. Default: Capitalize.
Vendor Family	Sets the vendor font family to Default or Heading. Default: Default.
Vendor Color Style	Sets the vendor color style to Headings or Body. Default: Body.
Show Tags	Displays product tags. Default: Enabled.
Show Custom Tag	Displays custom product tags. Default: Enabled.
Show Sale Tag	Displays sale tags. Default: Enabled.
Show Stock Tag	Displays stock tags. Default: Enabled.
Enable Add to Cart	Enables the Add to Cart option on product cards. Default: Enabled.
Desktop Text Alignment	Sets product card text alignment on desktop. Default: Left.
Mobile Text Alignment	Sets product card text alignment on mobile. Default: Left.

Blog Card Settings

Setting	Description
Heading Size	Sets the blog card heading size from H1–H6, Large, Medium, or Small. Default: H5.
Heading Weight	Sets the heading font weight from 100–900. Default: 400.
Heading Case	Sets the heading text case. Default: Capitalize.
Heading Level	Sets the heading HTML level from H1–H6. Default: H3.
Heading Family	Sets the heading font family to Default or Body. Default: Default.
Heading Color Style	Sets the heading color style to Default or Body. Default: Default.
Show Featured Image	Displays the blog featured image. Default: Enabled.
Show Tags	Displays blog tags. Default: Enabled.
Show Date	Displays the blog post date. Default: Enabled.
Show Author	Displays the blog author. Default: Enabled.
Show Excerpt	Displays the blog post excerpt. Default: Enabled.
Show Comments Count	Displays the number of comments. Default: Enabled.
Desktop Text Alignment	Sets blog card text alignment on desktop. Default: Left.
Mobile Text Alignment	Sets blog card text alignment on mobile. Default: Left.

Page Card Settings

Setting	Description
Heading Size	Sets the page card text size to Large, Medium, or Small. Default: Medium.
Heading Weight	Sets the heading font weight from 100–900. Default: 400.
Heading Case	Sets the heading text case. Default: None.
Heading Family	Sets the heading font family to Default or Heading. Default: Default.
Desktop Text Alignment	Sets page card text alignment on desktop. Default: Center.
Mobile Text Alignment	Sets page card text alignment on mobile. Default: Center.

Grid Settings

Setting	Description
Desktop Columns	Sets the number of product columns from 2–5. Default: 4.
Desktop Rows	Sets the number of rows from 2–6. Default: 3.
Mobile Columns	Sets mobile columns to 1 or 2. Default: 2.
Desktop Grid Spacing	Sets desktop grid spacing from 0–100px. Default: 10px.
Mobile Grid Spacing	Sets mobile grid spacing from 0–100px. Default: 10px.

Layout Settings

Setting	Description
Container Layout	Sets the layout to Container, Contained Content, or Container Fluid. Default: Container Fluid.
Container Size	Sets the container width from 50–100%. Default: 100%.
Desktop Text Alignment	Sets section text alignment on desktop. Default: Left.
Mobile Text Alignment	Sets section text alignment on mobile. Default: Left.
Color Scheme	Sets the main section color scheme. Default: Scheme 1.
Filter Color Scheme	Sets the filter area color scheme. Default: Scheme 1.
Enable Product Counts	Displays product result counts. Default: Enabled.
Enable Sort	Displays sorting controls. Default: Enabled.
Enable Filters	Displays filtering controls. Default: Enabled.
Paging Type	Sets result navigation to Pagination, Click to Load, or Load More. Default: Pagination.

Inner Spacing

Setting	Desktop	Mobile
Top	70px	35px
Bottom	70px	35px
Left	50px	15px
Right	50px	15px

Outer Spacing

Setting	Desktop	Mobile
Top	0px	0px
Bottom	0px	0px
Left	0px	0px
Right	0px	0px