Add AI Merchandising to a Shopify Collection Page

Learn how to add, configure, and customize Google Cloud’s Discovery AI “browse” functionality to Shopify theme collection pages using an App Block.

Installation Steps

  1. Visit the Theme Installation page in the Retail Cloud Connect Shopify app

  2. Ensure there is an available “Search and Browse” Serving Configuration available

  3. Click the Install App Block button on the Category or Collection Pages card

  4. Hide the original Product grid under Template or you will see double results

    My image alt text

  5. Copy a Google Cloud Catalog Project ID from the Theme Installation page and paste it in the App Block settings

  6. Copy a Serving Configuration ID from the Theme Installation page and paste it in the App Block settings, note that default_search works well for collection pages, as search and browse use the same API endpoint

    My image alt text

  7. Configure the additional settings as needed

  8. Add custom CSS using the guidance in this knowledge base article