Search Results
The Search results page displays products, collections, and other store content that match a customer’s search query.
This page helps customers quickly find what they’re looking for by presenting relevant search results in an organized layout that follows your theme’s styling and settings.
Layout
Top Spacing Options:
None: No extra space.
Small: Customizable pixels for desktop/mobile.
Medium: Customizable pixels for desktop/mobile.
Normal: Customizable pixels for desktop/mobile.
Adjust these settings under Theme settings -> Layout to set specific pixel values.
The Width options include Default, Boxed, or Wide.
The Wide option works for screens with 1440px width and more.
Number of columns
Specify the number of products per row on the desktop: 2, 3, 4, or 5.
Number of columns on tablet
Specify the number of products per row on the tablet: 2, 3, or 4.
Mobile grid
Can be set as one or two items per row.
Products per page
Can be changed from 8 to 50
Filtering
Can be set as Hide, Vertical, Vertical tabs closed, Horizontal.
Enable checkbox products count
If you enable the option, the product number will be displayed for each filter item in the filter blocks:

Enable main products count: decide enable or disable the option.
Enable sticky filter button for mobile: decide enable or disable the option.
Pagination
Pagination available in modes: "Show More" button, Pagination buttons, Auto scroll:
Pagination alignment
Change the pagination position to show it on the Left, Center, or Right.

Show text "No more products": decide enable or disable the option.
Products
Image hover effect.
Available options for these button types include:
Basic theme settings
Disable
Zoom in #1
Zoom in and rotate
Zoom in #2
Zoom out #1
Zoom out #2
Slide
Shine
Image ratio
To control the size of product images, choose one of the listed options from the drop-down: Auto, Portrait (3:4), Landscape (4:3), Square (1:1), or Round (1:1). Read about the product image ratio in the initial documentation.
Image action
Available options for these button types include:
Only image
Show second image on hover
Gallery
Customize
Example: Display of a Products list on a Webpage:

Enabling this option reveals the following settings:
Text align
Underline on hover
Show badge "Sale"
Show badge "Sold Out"
Show badge "Feature"
Show "Countdown"
Show vendor
Show type
Show price
Show small description: Description you can create using metafields
Truncate product name
Enable quantity: Button type always "Show only icon"
Button "Add to cart"
Button "Add to cart" on mobile
Enable review stars
Media buttons desktop/Media buttons mobile:
Enable/disable the following options: wishlist, compare, quick view
Posts
Image Ratio
The option allows you to adjust the width-to-height proportion of an image. The Wokiee theme provides seven options to fit your image to the desired size: Auto, Portrait (3:4), Landscape (4:3), Square (1:1), Round (1:1), Social Story (9:16), and Widescreen (16:9).
Alignment
You can set the blog titles to align either Left or Center.
Heading size
You can set the sizes either Large, Medium or Small.
Configure the Blog posts section by toggling each option on or off:
Show featured image
Enable the option in order to display an image for each article. Assign pictures to the blog articles in your Shopify admin.
Truncate post heading
This option enables you to shorten the titles of blog posts.
Underline on hover
Tick the option to underline the titles of articles on mouse hover.
Show tags
This option enables showing the tags of blog posts.
Show date
This option enables showing the publication date of blog posts.
Show author
Enable the option to display an author.
Show button
Enable the option to display a button.
Show comment count
Enable the option to display a comment count.
Excerpt
Available in variants: Hide, Show, Show truncated content.
Last updated