Skip to content

Instantly share code, notes, and snippets.

@pavr0m
Last active April 8, 2019 13:02
Show Gist options
  • Save pavr0m/ef89c54230f101152e23b26d2afeb137 to your computer and use it in GitHub Desktop.
Save pavr0m/ef89c54230f101152e23b26d2afeb137 to your computer and use it in GitHub Desktop.
Shopify theme settings starter
[
{
"name": "theme_info",
"logo": "https:\/\/cdn.shopify.com\/s\/global\/branding\/shopify_logo_256x256.png",
"settings": [
{
"type": "header",
"content": "Theme Name"
}
]
},
{
"name": "Site branding",
"settings": [
{
"type": "header",
"content": "Logo"
},
{
"type": "checkbox",
"id": "use_logo",
"label": "Fallback logo"
},
{
"type": "image",
"id": "logo.png"
},
{
"type": "checkbox",
"id": "use_favicon",
"label": "Use custom icon? (16px x 16px)"
},
{
"type": "image",
"id": "favicon.png",
"max-width": 16,
"max-height": 16
}
]
},
{
"name": "Color Scheme",
"settings": [
{
"type": "header",
"info": "These colors are used throughout the theme code",
"label": "Make your own [color palette](https://en.wikipedia.org/wiki/Color_scheme)",
"content": "Color Scheme"
},
{
"type": "color",
"id": "shop_bg_color",
"label": "Background color",
"default": "#ffffff"
},
{
"type": "color",
"id": "border_color",
"label": "Line color",
"default": "#dddddd"
},
{
"type": "color",
"id": "nav_link_color",
"label": "Navigation link color",
"default": "#888888"
},
{
"type": "paragraph",
"content": "etc..."
},
]
},
{
"name": "Something is coming",
"settings": [
{
"type": "paragraph",
"content": "Add anyhing here"
},
]
},
{
"name": "Help",
"type": "paragraph",
"content": "[find some help here](https://help.shopify.com/en/themes/development/theme-editor/settings-schema)"
},
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment