Search Results

The Search results page displays products, collections, and other store content that match a customer’s search query.

Template -> Search results

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