To configure the product preview panel, navigate to Elevated › Product Search › Settings › Results Area › Product Preview. Toggle Show Product Preview to ON to display a detailed product preview alongside the search results.
Navigate to Elevated › Product Search › Settings.
Look for the Product Preview section on the left side of the page. Click the Product Preview to expand it.
Scroll to the Product Preview section. Toggle Show Product Preview to ON.
When enabled, a detailed product preview appears on the right side of the search dropdown when a customer hovers over or selects a result.
In the Image Border section directly below, toggle Show Image Border to ON.
Adjust the border color, weight, and radius for the product image in the preview panel.
In the Button Styles section below Image Borders, adjust the appearance of the Add to Cart button that appears in the preview panel.
Set the following:
In the Description section, configure how the product description appears in the preview panel.
Set the following:
Click Save Settings.
The product preview panel displays an expanded view of the selected product alongside the results list. It typically shows a larger product image, full title, price, SKU, and description.
This panel gives customers more context without leaving the search dropdown. It is especially useful for stores with visually distinct products where the thumbnail alone is not enough to identify the item.
The panel appears inside the results dropdown container. On narrow screens or in sidebar placements, there may not be enough horizontal space for both the results list and the preview panel. In those cases, consider turning the Show Product Preview toggle to an OFF position.
The preview panel does not appear
Confirm Show Product Preview is toggled to ON and that you clicked Save Settings. The panel only appears when a customer hovers over or selects a product in the results list.
The preview panel is cut off on small screens
The preview panel may not fit on narrow screens or in sidebar placements. Reduce Max Form Width in Basic Settings, or use the Icon on mobile layout option to open search in a full off-canvas panel. See How to Optimize Search for Mobile.
