Let customers quickly browse matches without having to leave their current page to see a separate list of search results. To this section work, you need to enable the Search suggestion feature in Theme settings.
Search results tabs
This section uses blocks to organize the results tabs. A tab item is a search result type such as product, article, collection and page.
Product suggestions block
| Setting |
Description |
| Heading |
The tab title. |
| Number of columns on desktop |
Number of columns to display on desktop computers. Minimum: 1. Maximum: 5. |
| Image ratio |
The image ratio for the product images:
- Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped.
- Portrait - Crops the images to use a 4:5 ratio.
- Square - Crops the images to use a 1:1 ratio.
- Landscape - Crops the image to use a 3:2 ratio.
|
| Show second image on hover |
When the customer hovers their cursor over the product image, displays the second product image if the product has one. |
| Show vendor |
Displays the vendors of the products. |
| Show product rating |
Displays the average product rating in stars with the number of reviews in parenthesis, for example: ★★★★★ (8). Also requires a product review app such as Shopify Product Reviews, and metafield definitions for reviews.rating_count and reviews.rating. |
| Enable quick add button |
The quick add button allows customers to add an item to their cart from the product card. If the product has variants, then the button will display a drawer where the customer can select the desired variants, add the item to cart, checkout immediately with "Buy it now", or click to view the item's full details. Note that this setting is dependent on the "Buy it now" button being enabled in the Quick add drawer section. If "Buy it now" button isn't enabled in the Quick add drawer section, then customers have the option to add the product to their cart, but won't see the quick "Buy it now" checkout workflow. |
| Enable quick view |
The quick view button allows customers to view product details in a popup. At there, customers can select a variant and add it to cart. Or browse all product images, and view descriptions,... without going to the product page. Merchants can customize the Quick view popup section to enable the "Buy it now" button to help customers checkout immediately. |
| Show color swatches |
Color swatches help customers to select a product color and preview the corresponding image. Merchants can customize color swatches in Theme settings > Variant pills. |
| Color swatches style |
Specify what color swatches will display:
|
| Number of columns on tablet |
Set a specific column layout for tablet devices. Choose between 2 and 3 columns. |
| Number of columns on mobile |
Set a specific column layout for mobile devices. Choose between 1 and 2 columns. |
Article suggestions block
| Setting |
Description |
| Heading |
The tab title. |
| Featured image height |
Use the drop-down menu to choose between the default Adapt to image, Small, Medium, or Large. |
| Show date |
For each blog post, displays the date that the blog post was published. |
| Show author |
For each blog post, displays the author of the blog post. |
Collection suggestions block
| Setting |
Description |
| Heading |
The tab title. |
| Image ratio |
The image ratio for the featured images of the collections:
- Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped.
- Portrait - Crops the images to use a 2:3 ratio.
- Square (default) - Crops the images to use a 1:1 ratio.
|
| Number of columns on desktop |
The number of columns to display on desktop and tablet computers. Minimum: 1. Maximum: 5. |
| Number of columns on mobile |
Set a specific column layout for mobile devices. Choose between 1 and 2 columns. |
Page suggestions block
| Setting |
Description |
| Heading |
The tab title. |
Comments
0 comments
Article is closed for comments.