For the complete documentation index, see llms.txt. This page is also available as Markdown.

Search

The Search page allows customers to search for products, blog articles, and pages within your store. Search results are displayed through the Search results section.

How to access

  1. Go to Shopify Admin → Online Store → Themes.

  2. Click Customize on your active theme.

  3. From the top dropdown, click Search.

  4. Select Search results from the left sidebar.

Section Settings

Setting
Description

Layout

Expand to full width

Extends the section to the full browser width.

Color scheme

Sets the background and text colors.

Products per page

Sets the number of products displayed on each page.

Number of columns on desktop

Sets the number of product columns displayed on desktop.

Aspect ratio

Sets the product image aspect ratio.

Product card

Show vendor

Displays the product vendor.

Show card swatch

Displays color swatches on product cards.

Show secondary image on hover

Displays the secondary product image on hover.

Show quick add option

Displays the Quick add button on product cards.

Column alignment

Alignment of the product card content: Left, Center, or Right.

Filtering and sorting

Color scheme

Sets the color scheme for the filtering and sorting area.

Enable filtering

Displays product filters.

Desktop filter layout

Sets the desktop filter layout. Choose from Vertical or Horizontal.

Enable toggle option for filter panel

Displays a toggle button for the filter panel.

Enable sorting

Displays sorting options.

Show filter counts

Displays the number of products for each filter.

Show product count

Displays the total number of matching products.

Show active filters

Displays the currently applied filters.

Pagination style

Sets the pagination style.

Blog card

Show featured image

Displays the featured image for blog results.

Show date

Displays the publishing date.

Show author

Displays the author name.

Show excerpts

Displays the blog excerpt.

Show comment count

Displays the number of comments.

Show read more

Displays the Read more link.

Blog column alignment

Alignment of the blog card content: Left, Center, or Right.

Section padding

Top side

Space above the section.

Bottom side

Space below the section.

Last updated