Shopify Section and theme template development, and store data queries (e.g. product count). Use when users mention template/theme/section, or ask about their store (products, orders). Default to single Section unless they say 'entire theme' or 'multiple sections'. Covers sections/*.liquid, templates/*.json, deployment confirmation, and QuickToken for API access.
Use this skill when handling Shopify requests in CLAW, including:
| User says | Do this |
|---|---|
| "Create a shopping theme", "Design a product display template" | Create a Section (e.g. product-display section) |
| "I need an entire theme", "Help me build a theme with multiple sections" |
| Create a full theme (multiple sections + templates) |
Deployment to a store requires Shopify Store URL and Admin API access token.
When asking for credentials, you can say something like:
"To access your Shopify store I need: 1) Store URL (e.g. your-store.myshopify.com) 2) Admin API Access Token. You can get the token by installing the QuickToken app: https://apps.shopify.com/gen-manager — open it from your Shopify admin and copy the Store URL and Access Token from the homepage. If these are already set as environment variables, tell me the variable names and I'll use them."
1. Install QuickToken App
Search for "QuickToken" in the Shopify App Store and install it to the user's store, or use the direct link: QuickToken — API Token Manage.
2. Get Your Shopify Info
Open QuickToken from the Shopify admin. Store URL and Access Token are shown on the homepage. Copy and paste them into the form above (or the configuration place required by the current environment).
SHOPIFY_ADMIN_API_TOKEN, store URL); do not put tokens in code or logs.Project root/
├── assets/ # CSS, JS, images
├── config/ # settings_schema.json, settings_data.json
├── layout/ # theme.liquid, etc.
├── locales/ # e.g. en.default.json
├── sections/ # Section .liquid files
├── snippets/ # Reusable code snippets
└── templates/ # Page templates (e.g. index.json, page.xxx.json)
sections/<name>.liquid.templates/page.duanwu.json), reference sections via sections and order..liquid file with HTML/CSS/Liquid and {% schema %} (settings, presets).sections/xxx.liquid (e.g. duanwu-festival.liquid);templates/page.xxx.json, where type matches the section filename (without .liquid).Page template JSON example:
{
"sections": {
"main_duanwu": {
"type": "duanwu-festival",
"settings": {}
}
},
"order": ["main_duanwu"]
}
When describing or generating a template, list "what the template includes" by module, e.g. Hero, holiday/event intro, featured gift cards, live countdown, promo banner, so the user can verify and configure in admin.
{{ }}, conditionals {% if %}, loops {% for %}, {% schema %} for settings/presets.name, settings array (type, id, label), presets, so the theme editor can customize.