Use the Coveo Atomic theme app extension

This is for:

Developer
In this article

This article explains how to integrate an Atomic search page and an Atomic search box in a Shopify store using the Coveo Atomic theme app extension.

The app extension supports the Dawn theme.

Search page

  1. Open the theme editor and navigate to the Search page.

  2. Remove or hide the existing search components.

    Hide existing search results in Shopify | Coveo for Commerce

  3. Under Apps, click Add block.

  4. In the Apps tab, click Search page.

    Add Coveo-powered search page component in Shopify | Coveo for Commerce

  5. Click Save.

  1. Open the theme editor on any given page that contains the Header section.

  2. In the Header section, under Header, click Add block.

  3. In the Apps tab, click Search box.

    Add Coveo search box component in Shopify | Coveo for Commerce

  4. Hide the existing search box.

    Hide previous Coveo search box component in Shopify | Coveo for Commerce

    1. Click Header in the left panel.

    2. In the right panel, scroll to the bottom and click Custom CSS.

    3. Add the following CSS code:

      .header__search {
  display: none;
}

  5. Click Save.