Introduction #
Customize the layout of the search results popup to enhance user experience and improve visual appeal.
Note: Some features are exclusive to the PRO version.
Results Popup Elements #
Columns Layout: Configure the maximum number of columns for the search results popup. You can select between 2 to 5 columns to create a grid layout. The default value is 1 column. The popup adapts to different screen sizes, ensuring a minimum column width of 200px. For example, if 5 columns are set but the screen width is 650px, the popup displays 3 columns.
Popup Max Height: Set the maximum height of the popup in pixels, with a default value of 500px. This setting ensures that the popup doesn’t exceed a specified height, maintaining a consistent design.
Popup Max Height (on mobile screen): Specify the maximum height of the popup for mobile devices. This setting applies to screens less than 768px wide, with a default value of 400px. It ensures the popup remains user-friendly and visually appealing on smaller screens.
Display Image: Choose whether to show product thumbnails.
Display Rating: Display product rating below the price.
Variation’s Image Fallback: Use the parent product image if a variation has no image.
Image Size: Select from the registered image sizes (e.g., ‘thumbnail’, ‘medium’, ‘large’, ‘600×600’). This allows you to control the dimensions of the images displayed in the search results popup.
Image Max Width: Set the maximum width for displayed images in pixels.
Display Description: Enable or disable product description in the popup.
Description’s Location: Choose where to display the excerpt:
-
- Under the image
- Under the title
- Under the price and SKU
Display Category: Show product or post category.
Display Product Price: Enable or disable price display.
Display Product SKU: Show the SKU of the product.
Display “Out of Stock” Label: Indicate if a product is out of stock.
Display “Sale” Label: Highlight products on sale.
Display “Featured” Label: Mark featured products.
Display “Add to Cart” Button: Allow users to add products to their cart directly from the popup.
