Skip to main content

Theme Setup

Overview​

Add three blocks to your storefront theme. After you add and save each one, confirm it in the app so we know it's in place.

Builder Page Template​

Ring design & customization page.

  1. Click Open theme editor to open the Shopify theme editor
  2. At the top of the screen, click the Page drop-down menu (showing the current page name, e.g. "Home page")
  3. Select Pages, then click + Create template
  4. Enter the template name: caratwise-builder. Make sure Based on is set to Default page, then click Create template
  5. In the left panel, find the template and click + Add section inside it
  6. Under Apps, find and click Caratwise Builder to add it to the template
  7. Click Save
  8. Go to Online Store → Pages in Shopify Admin
  9. Open your page "Design Your Own Engagement Ring", under Theme template select caratwise-builder, and click Save

Cart Block​

Lets customers add designs to the cart.

  1. Click Open theme editor to open the Shopify theme editor
  2. At the top of the screen, click the Page drop-down menu (showing the current page name, e.g. "Home page")
  3. Select your Cart template
  4. In the left panel, click + Add section, then under Apps find and click Caratwise Cart Block
  5. Click Save

Loads Caratwise on every storefront page.

  1. Click Open theme editor — the editor opens directly in the App embeds section
  2. Find Caratwise Global Links and toggle it ON
  3. Find CW Mini Cart Notice and toggle it ON
  4. Click Save
tip

Storefront not working after this? Reopen this checklist anytime from Settings → Theme setup.