Skip to main content

Theme Setup

Overview​

Add Caratwise blocks to your storefront theme. Requires an Online Store 2.0 compatible theme (Dawn, Horizon, etc.).

Builder Page (Ring Designer)​

  1. Click Add Builder Block to open the theme editor
  2. At the top of the screen, click the Page drop-down menu → select Pages → click + Create template
  3. Enter name caratwise-builder. Make sure Based on is Default page, then click Create template
  4. In the left panel, find the template and click + Add section inside it → under Apps, click Caratwise Builder to add it
  5. Click Save
  6. Go to Online Store → Pages, open your builder page, set Theme template to caratwise-builder, and click Save

Summary Page (Ring Summary)​

  1. Click Add Summary Block to open the theme editor
  2. At the top of the screen, click the Page drop-down menu → select Pages → click + Create template
  3. Enter name caratwise-summary. Make sure Based on is Default page, then click Create template
  4. In the left panel, find the template and click + Add section inside it → under Apps, click Caratwise Summary to add it
  5. Click Save
  6. Go to Online Store → Pages, open your summary page, set Theme template to caratwise-summary, and click Save

Checkout Notice​

Alerts customers when ring prices or inventory have changed at checkout.

  1. Open the Checkout Editor with the Add Checkout Notice Block button
  2. Place the block in your preferred position in the checkout layout
  3. Click Add block → search CW Checkout Notice
  4. Click Save

Enables cart edit links and checkout validation on every page.

  1. Click Enable Global Links Embed — the editor opens directly in the App embeds section
  2. Find Caratwise Global Links and toggle it ON
  3. Click Save
tip

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