Skip to main content

​
Template Options

ApproachFileBest For
JSON Templatetemplates/metaobject/creator.jsonSection-based, theme editor friendly
Liquid Templatetemplates/metaobject/creator.liquidFull custom control
For section/snippet context before coding, review App Blocks 101 first.
Create templates/metaobject/creator.json: 
{
  "sections": {
    "cc-hero": {
      "type": "cc-hero",
      "settings": {}
    },
    "cc-products": {
      "type": "cc-product-grid",
      "settings": {
        "products_per_row": 4
      }
    },
    "cc-banner": {
      "type": "cc-banner",
      "settings": {}
    }
  },
  "order": ["cc-hero", "cc-products", "cc-banner"]
}

​
Fast Baseline from Homepage (templates/index.json)

To move faster and keep visual consistency, start from your homepage template:
  1. Open templates/index.json
  2. Copy sections and order
  3. Paste into templates/metaobject/creator.json
  4. Replace homepage-specific hero/product modules with CC sections
This gives you a solid starting point instead of authoring every section from scratch.

​
Liquid Template

Create templates/metaobject/creator.liquid: 
{% assign cc_creator = metaobject %}

<div class="creator-landing">
  {% section 'cc-hero' %}
  {% section 'cc-product-grid' %}
  {% section 'cc-banner' %}
</div>

​
Creating Multiple Templates

You can create additional page templates for the same Creator metaobject type. This lets you run different layout variations for different campaigns, tiers, or styles.

​
How to Create an Additional Template

1

Open the Theme Editor

In Shopify Admin → Online Store → Themes → Customize.
2

Create a new template

In the template picker at the top of the editor, choose Create template and select the creator metaobject type. Give it a descriptive name:
creator.summer-campaign
creator.minimal
creator.full-takeover
3

Design the layout

Add and arrange sections for this template variant. Each template can have completely different sections and settings.
4

Assign via Destination

In your CreatorCommerce campaign, set the destination URL to use the ?view= parameter:
?view=summer-campaign
This tells Shopify to render templates/metaobject/creator.summer-campaign.json instead of the default.

​
The ?view= Parameter

The view query parameter switches between templates at the URL level:
URLTemplate Used
/pages/creators/sarah-jonescreator.json (default)
/pages/creators/sarah-jones?view=summer-campaigncreator.summer-campaign.json
/pages/creators/sarah-jones?view=minimalcreator.minimal.json
This is set in the Destination configuration for each tier within a campaign. Different tiers can use different templates:
TierDestination ViewTemplate
VIP?view=full-takeoverPremium, immersive layout
Ambassador(default)Standard layout
Affiliate?view=minimalSimple product grid layout

​
Dynamic Sources for Quick Wins

After template setup, connect dynamic sources in Theme Editor so non-devs can update copy quickly while creator data still personalizes output. Good first targets:
  • hero heading
  • subheading/description
  • creator image and accent media
  • CTA label fallback copy
Code-first fallback example: 
{% liquid
  assign cc_creator = metaobject
  assign heading = section.settings.heading

  if cc_creator and cc_creator['cc-creator-first-name'] != blank
    assign heading = cc_creator['cc-creator-first-name'] | append: "'s Storefront"
  endif
%}

<h2>{{ heading }}</h2>

​
Testing Your Template

  1. Go to Content → Metaobjects → Creator
  2. Select any creator entry
  3. Click “View on storefront”
  4. Append ?view=[template-name] to test alternate templates

​
Customization

Modify section settings in the theme editor or directly in code. Each CC section accepts customization options for colors, layout, and content display.