Product Grid Customization

Product Grid Customization

What it is 
The product grid editor allowing merchants to edit the appearance and behavior of each product card in results (image sizing behavior, badges, quick view, hover image flip, and microcopy). 

Why it matters 
Product card layout is the micro-interaction where shoppers decide to click through; badge visibility, or image behavior can materially affect engagement. 

How to configure 

  • Open the Instant Search -> Edit Product Grid. 

  • Choose visible elements per card: primary image, secondary image (for hover), title, price, vendor, rating, badges (sale/new). 

  • Adjust spacing, thumbnail aspect ratio, and max title lines to fit your design system. 

  • Save and test behavior on desktop and touch devices (note: hover effects are not available on many touch devices).

    • Related Articles

    • Result Customization

      What it is Controls which product attributes are surfaced within each Autocomplete result (vendor, SKU), and how they are formatted or truncated for display. Why it matters The right combination of attributes adds context for shoppers and helps ...

    • Instant Search

      Understand how to replace the default search page with ConversionBox’s Instant Search widget. Configure results display, sorting logic, and on-screen filtering for real-time product updates. Instant Search Setup Enable and customize Instant Search to ...

    • Selector Configuration

      What it is The CSS Selector tells ConversionBox which part of your Shopify theme to replace with its enhanced results grid. Why it matters Correct selector configuration ensures that ConversionBox properly injects its dynamic content into your theme ...

    • Auto Complete

      Learn how to configure autocomplete functionality to display predictive search results as users' type. Manage display settings, product visibility, and layout for faster product discovery. Autocomplete Configuration Set up how product names, ...

    • Results Display

      What it is Controls the visible arrangement and content of search results — number of products shown, grid layout, and which product attributes (price, SKU, Vendor) are visible. Why it matters Results presentation affects discoverability, perceived ...