Selector Configuration

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 — replacing the default static collection view without conflicts. 

How to configure 

  1. Open your Shopify store and right-click → “Inspect” on the collection page. 

  1. Find the container holding the product grid (usually #MainContent, .CollectionGrid, or. product-list). 

  1. Copy the unique selector and paste it into the Selector Configuration field in ConversionBox. 

  1. Save changes and refresh the page to verify that the ConversionBox grid has replaced the theme’s default output.

    • Related Articles

    • CSS Selector

      What it is The CSS selector field that tells ConversionBox where to render Instant Search results within the theme’s DOM (for example, replacing the default results container like #MainContent). Why it matters Correct selector mapping is the single ...

    • Auto Complete Configuration

      What it is The central configuration area for the Autocomplete feature that determines which result types are shown (products, collections, pages, suggestions) and the overall behavior of the live suggestion dropdown as users' type. Why it matters ...

    • Search Field Integration

      What it is The CSS selector configuration that binds the Autocomplete widget to the theme’s search input(s), enabling the widget to listen for keystrokes and display suggestions. Why it matters A correct selector is required for Autocomplete to ...

    • Infinite Scroll Configuration

      What it is Replaces pagination with automatic, continuous loading of products as the user scrolls. Why it matters Infinite scroll keeps users engaged by allowing seamless navigation through collections without clicking through pages. It enhances ...

    • 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, ...