Setting Up Predictive Search
On this page
Predictive search is found in the Theme Settings in the section called "Predictive search."
Product Display Settings
- Product grid style: This setting changes where the product information is displayed relative to the product image. Use the dropdown to select between Card layout and Tile layout.
- Card layout: Product information is displayed beneath the product image.
- Tile layout: Product information is overlaid on the product image.
- Tile layout on mobile: When viewing the tile layout on mobile, the product information is moved below the product image.
- Card layout: Product information is displayed beneath the product image.
- Product border: Use the color picket to change the border around the products.
Card Layout
- Maximum image height: Use the slider to control the maximum image height.
Tile Layout
- Overlay opacity on hover: Use the slider to control the percentage of color overlay opacity when hovering over a product in desktop.
- Hover overlay color: Use the color picker to change the color overlay when hovering over a product in desktop.
- Stretch image to fill grid: Toggle this on or off to force the product image to fill the entire grid box.
- Stretch image to fill grid, unchecked
- Stretch image to fill grid, checked
- Stretch image to fill grid, unchecked
For additional support, please submit a request and our support team will be in touch to help!