Zid Themes Docs
  • Getting started
  • Twig reference
  • Theme file structure
  • zid-theme package
  • Theme Templates and Data
    • layout.twig
  • Store language and currency
  • Home template modules
  • Product template
  • Cart template
  • Settings Schema
    • text
    • number
    • textarea
    • select
    • radios
    • checkbox
    • checkboxes
    • range
    • color
    • image
    • product
    • category
    • category products
    • list
    • fieldset
  • Data reference
    • locals
    • store
    • cart
    • product
    • products list
    • category
    • categories list
    • session
    • customer
    • faqs
    • blogs
    • blog
    • page
    • main menu
    • request
    • orders
    • addresses
    • store payment methods
    • store shipping methods
    • store banks
    • asset_url
    • header_meta_tags
  • Zid-api Library
    • Product
    • Category
    • Cart
    • Blog
    • Customer
    • Settings
  • Upload themes and more
Powered by GitBook
On this page
  • Twig template engine
  • Create a new project

Was this helpful?

Getting started

Zid themes empower merchants and store managers to customize their storefronts by creating their own themes following a specific file structure using Twig template engine and static files

NextTwig reference

Last updated 4 years ago

Was this helpful?

Twig template engine

Like other well designed template engines, is a flexible and fast template engine that process and translate injected data model (primitive and non primitive data types) into raw HTML. The Theme SDK use Twig to let developers show their creativety in building and customising their own themes. See for more information

Create a new project

To create a new project, first you have to install zid-theme npm package >=v1.1.0 (Nodejs and NPM need to be installed on your machine).

Make sure to Install zid-theme globally to create a symbolic link on your filesystem

npm i -g zid-theme

Create a starter project:

zid-theme new your-project-name
Twig
Twig Reference