Quick View Search enhances the user experience by dynamically displaying products, collections, and related search terms as shoppers type into the search bar, adapting in real time to their input. This feature promotes product discovery, offers personalized recommendations, and boosts conversions and revenue.
Editor Preview
The Quick View editor includes a live preview of your actual storefront, rendered directly within the Rebuy admin as you configure settings. The preview reflects your real store theme, product catalog, and branding. Changes made in the editor do not go live until saved.
How the preview loads when you open the editor:
Existing Smart Search users: The preview automatically loads using your store's top search data, so a relevant result set appears right away without any input required.
Net-new Smart Search users (no prior search history): You'll be prompted to enter a search term to activate the preview. Once entered, the preview renders results from your storefront for that query.
Context-aware preview: The preview is reactive to the setting panel you have open. As you navigate through configuration options, the preview updates to reflect the scenario tied to that setting, so you can see the direct impact of each change as you make it.
Configuration Options:
Within these settings, you can easily configure the following:
Adjust the Quick View layout.
Set search results to default or custom URLs.
Define keyword suggestions that shoppers will see before typing.
Configure product suggestions to appear before typing.
Quick View Customization:
The main editor offers a variety of customization options to align Quick View with your brand and preferences. As you make changes, the editor displays a live preview of your actual storefront rendered directly within the Rebuy admin. The preview reflects your real store theme, products, and branding.
Product Card Layout: Choose between vertical or horizontal alignment for product images and text.
Column Spacing: Use the slider to select from six preset spacing options to adjust the space between product columns.
Column Breakpoints: Customize the layout for desktop, tablet, and mobile devices to ensure an optimal view across all platforms.
Number of Products Displayed: Choose how many products to display in Quick View, ranging from 1 to 15.
Limitations:
Column Breakpoint Restrictions with Side Search Layout
When the Side Search layout (left or right) is selected under Layout options, certain column breakpoints within Product Display become restricted. The available options depend on which Product Card layout is in use:
| Mobile | Tablet | Desktop |
Vertical Product Card (default) | 1, 2 | 1, 2 (3, 4 disabled) | 1, 2 (3, 4, 5 disabled) |
Horizontal Product Card | 1 (2 disabled) | 1 (2, 3, 4 disabled) | 1 (2, 3, 4, 5 disabled) |
Disabled breakpoints are grayed out and cannot be selected while Side Search is active. Switching to a different layout restores the full breakpoint range.
Enabling and Disabling Quick View
Enabling and disabling the Quick View search feature is as simple as toggling it on or off on the Quick View settings page. It's important to note that Smart Search must be installed and enabled for the Quick View function to work properly.
Interaction Settings
Customize the appearance and presentation of product recommendations before and as users type in the search bar.
Before User Starts Typing:
In this section, you can:
Customize the Quick View appearance when visitors haven’t started typing.
Choose to display suggested collections, search terms, and/or products.
Configure custom titles for each element to fit your needs.
Suggested Search Terms:
You can configure the search terms shoppers will see before they begin typing. Three default rules are provided by Rebuy, but you also have the option to create custom search terms.
Previous Search History: Displays recent search terms from the user’s current session, based on all-time search data.
Trending Search Terms: Shows search terms that have been trending across the merchant site in the past 24 hours.
Custom (Add New): Create custom search terms tailored to your preferences for display in the search bar.
You can adjust the priority of these search terms by clicking and dragging them in the settings, with higher-priority terms appearing at the top.
Suggested Collections
Customize the collection suggestions that shoppers see before they start typing. By default, Trending Collections are displayed, showcasing collections that are currently popular. You can also choose to display Custom Collections or combine both options for a more personalized browsing experience.
Trending Collections: Displays collections that have been popular within the past 24 hours, reflecting current shopper interests.
Custom (Add New): Allows you to create and display custom collections every time someone uses the search bar.
You can adjust the priority of collection suggestions by clicking and dragging them in the settings. The suggestions are prioritized top-down.
Suggested Products
Customize the product suggestions that shoppers see before they start typing. You can choose from two default settings or create a tailored experience by combining options.
User History (Search and View): Displays products recently viewed by the user, based on their session and all-time activity. This is generated through cookie tracking, and unless users are signed in, the data remains anonymous. We do not track or sell cookie data; events are anonymized across the same browser unless users sign in and provide customer information.
Trending Products: Shows products that have been trending in the past 30 days, reflecting the most purchased items on the merchant site during that period.
Custom (Add New): Allows you to create and display custom products each time someone uses the search bar.
You can adjust the priority of product suggestions by clicking and dragging them within the settings, with the higher-priority suggestions appearing at the top.
As User Starts Typing
You have several options to enhance the search experience as users begin typing:
Auto-Complete Terms: Display suggested searches based on the product's title. When enabled, part of a word from the product title will trigger an auto-complete suggestion.
Help shoppers find products faster with auto-complete suggestions. Auto-complete terms are based on the keywords you create within Smart Search.
Matching Products: Show products that match the user's search query in real time.
Matching Collections: Display relevant collections containing products related to the search term. If any collections contain matching products, they will be shown. Note: Excluded collections from the Global Settings will not appear in this section of Quick View.
Matching Content: Display relevant blog posts and pages as the shopper types. Matching results appear in a dedicated Matching Content section between Matching Collections and Matching Products. Each result is shown as a clickable title link that takes the shopper directly to the blog post or page. The section is hidden entirely if no matching content is returned for a query.
Title Input: A new field allows you to customize the name of Auto-Complete terms, similar to the customization available for matching products and collections.
Max Suggestions Displayed: A new setting has been added to both Auto-Complete Terms and Matching Collections, allowing you to limit the number of suggestions shown.
Configure in Product Display: A hyperlink has been added to Matching Products, directing you to the Product Display settings to configure the maximum number of products shown.
No Search Results Page
This setting helps keep shoppers engaged when their search returns no results. Instead of landing on a dead-end page, they’ll see curated suggestions—products, collections, or related search terms—helping them continue their product discovery journey.
When a search query returns zero results, you can choose to display:
Suggested Search Terms
Suggested Collections
Suggested Products
You can customize these settings:
Page Title Customization
Change the default messaging shown on the no results page. Use
{term}to dynamically insert the search query (e.g., "No results for {Tee}").
Editable Suggestion Cards
Each of the three suggestion types includes an 'Edit' button. Clicking opens a slide-out panel to customize suggestions.
Limits and Validation
You can add up to 10 items per suggestion type. If you try to exceed the limit or leave with unsaved changes, you’ll see clear error messaging and prompts.
Consistent Styling
This interface matches the styling used in the “Before User Starts Typing” settings for a cohesive setup experience.
All suggestion settings are off by default. You’ll need to enable and configure them manually.
Text Settings
Search Bar Text
Customize the placeholder text in the search bars on both the Quick View and Results pages. By adding tailored text, merchants can create a more personalized and branded search experience, helping guide shoppers effectively before they begin typing.
Product Display Settings for Smart Search Quick View
Customize how search suggestions are displayed across different device types, including mobile, tablet, and desktop. Each device type can be adjusted individually to suit your preferences.
Product Card Layout options:
Vertical stacked or Horizontal product card layout options
Image Ratio Options:
1:1: Default square ratio.
3:4: Slightly rectangular, with more height.
9:16: Wider, landscape-style ratio.
Smart Search Quick View: Show Second Image on Hover
Show Second Image on Hover is a setting in Smart Search Quick View that displays a product's second image when a shopper hovers over the product image in search results. You'll find it under Quick View > Product Display > Product Card: Image Behavior in the Quick View Editor. It is disabled by default and must be enabled separately in each editor.
When Show Second Image on Hover is enabled, hovering over a product image in Quick View results dissolves the original image into the product's second image. The behavior is variant-aware: if a product has variants, the second image shown matches the currently selected variant. For example, if a shopper has selected the grey shirt variant, the second image displayed is the grey shirt's second image. If a product has no variants, the master product's second image is used. If a product has no second image at all, nothing changes on hover and the original image stays in place.
Note: The dissolve transition is fixed and cannot be customized at this time. Additional transition options may be added in a future release.
Column Spacing:
None
Extra Tight
Tight
Default
Loose
Extra Loose
Variant Display
The variant options within the Variant Display settings in Smart Search Quick View control whether variant selectors appear on product cards and whether out-of-stock variant options are hidden from those selectors. These settings live inside the Product Display panel in the Quick View Editor.
(Image example above: The Variant Display card in the Quick View Editor's Product Display settings panel, showing the Show Variants and Hide Out of Stock Variants checkboxes)
Variant Options:
Setting | Description |
Show Variants | Displays variant selectors (e.g., color, size) on each product card. Enabled by default. |
Hide Out of Stock Variants | Hides variant options that are unavailable or out of stock from the variant selector. Disabled by default. Requires Show Variants to be enabled. |
If Show Variants is disabled and you enable Hide Out of Stock Variants, Show Variants will automatically turn on. The two settings are dependent on each other.
Note: Variant availability is determined at the time of the search query. If inventory changes in real time, there may be a brief window where the variant selector and actual stock levels do not align.
Column Breakpoints
Customize the display of Quick View across different devices, including mobile, tablet, and desktop. Adjust the settings for each device type individually to ensure an optimized viewing experience.
Note: When the Side Search layout is active, the available column options are reduced for all device sizes. See the Limitations section above for the full breakpoint restriction table by Product Card layout type.
Device-Specific Limitations for normal product card layout:
Mobile: Only 2 product can be displayed per row.
Tablet: A maximum of 4 products can be displayed per row.
Desktop: A maximum of 5 products can be displayed per row.
Device-Specific Limitations for compact product card layout:
Mobile: Only 1 product can be displayed per row.
Tablet: A maximum of 3 products can be displayed per row.
Desktop: A maximum of 3 products can be displayed per row.
Alignment Settings
Control the alignment of the product card text displayed in Quick View. You can choose from the following options:
Left: Aligns text to the left side of the product card.
Center (default): Aligns text to the center of the product card.
Right: Aligns text to the right side of the product card.
By default, product card text is center-aligned.
Text Styling
Customize the text colors for various product details displayed on the product card:
Title: Set the color for the product title.
Price: Set the color for the regular product price.
Sale Price: Set the color for discounted product prices.
Compare at Price: Set the color for the original price shown when a product is on sale.
Number Of Products Displayed
Set the amount of products to display for Smart Search Quick View. Up to 15 products can be displayed at once.
Call to Action
Enable and customize the Add to Cart (ATC) buttons, including button text and styling, to enhance the shopping experience.
A dedicated Call to Action section in the Quick View's Product Display Settings gives you full control over the ATC button, with new text customization and styling options to make sure it matches your brand and storefront design. Click EDIT to open the side panel and access the Call to Action customization options.
Styling Options:
Button Text – Customize the text color.
Button Background – Set a custom background color.
Button Border Color – Choose a border color for the button.
Button Border Width – Adjust the thickness of the button border.
Button Radius – Change the roundness of the button corners.
⚠️ Note: The slider range is limited to 0–24 pixels for border width and radius. Rebuy’s default theme may allow larger values, but these settings in Search are capped at 24.
Displaying Product Review Stars in Smart Search Quick View
The Product Reviews settings in the Smart Search Quick View editor control which review providers display star ratings and review counts in your Quick View search results. Click the button below to visit the article on how to connect a review provider, turn its star ratings on, and style them.
Layout, Triggers & Advanced Settings
Configure your Smart Search Quick View display as a dropdown or side search layout, point Quick View at the right trigger element with CSS selectors, embed Quick View within another area of your store, add event callbacks, and apply custom CSS.
FAQs
More Questions? Checkout our Smart Search FAQ document for some frequently asked questions. If you don't see your answers there, please feel free to send them to us via the messenger on this page along with your details.
What is the limit of suggested terms, products, and collections within the quick view editor settings?
The limit of products that can be shown in the Rebuy search suggestions for terms, products, and collections is 6 for each category by default.
Why aren't my Product and/or Collections showing properly?
Whenever you make changes to Products or Collections in Shopify, the process involves Shopify automatically sending us an update request via webhooks. Once we receive it, we sync the updated products or collections with Rebuy. However, occasional delays can occur due to factors like network disruptions, high server traffic, temporary API rate limits, or even minor hiccups in communication between Shopify and Rebuy. To solve for this issue, we recommend manually re-syncing your Product and Collections data by following the steps in our guide here: Sync Product Data, Store Data, and Clear Cache
Why isn't the auto-complete feature working?
For the auto-complete behavior, this is triggered by Keywords. So you will need to first have Keywords configured in your Smart Search settings for the auto-complete feature to work. Please note that the auto-complete feature will not auto-complete in the search input field itself, but rather show a section in the dropdown called "Suggested Searches" as shown below.
How do I preview smart search on my site?
To preview Smart Search, simply click the "preview" button on the Smart Search dashboard, Quick View editor page, or Results editor page.