Theme Create
Description
new
command initializes a new Zid theme project with the specified name. It sets up the required file structure and installs dependencies, allowing you to start quickly.Usage
Arguments
Argument | Description | Required |
---|---|---|
<theme-name> | The name of your new theme | Yes |
Theme Structure
$ root
.
ā
āāāā query.json
āāāā layout.twig
āāāā header.twig
āāāā footer.twig
ā
āāāā templates (accepted extensions: [ '.twig' ])
ā āāāā 404.twig
ā āāāā home.twig
ā āāāā search.twig
ā āāāā products.twig
ā āāāā product.twig
ā āāāā categories.twig
ā āāāā category.twig
ā āāāā blogs.twig
ā āāāā blog.twig
ā āāāā faqs.twig
ā āāāā cart.twig
ā āāāā shipping-and-payments.twig
ā āāāā account-addresses.twig
ā āāāā account-orders.twig
ā āāāā account-profile.twig
ā
āāāā modules (accepted extensions: ['.twig'])
ā
āāāā common (accepted extensions: ['.twig'])
ā
āāāā locals (accepted extensions: ['.json'])
ā
āāāā assets
Directory Descriptions
Directory | Purpose | Accepted Extensions |
---|---|---|
templates/ | Contains Twig template files for various pages. | .twig |
modules/ | Holds reusable module templates. | .twig |
common/ | Common template parts for repeated elements. | .twig |
locals/ | Localization files for supporting multiple languages. | .json |
assets/ | Theme assets, such as images, styles, and scripts. | .js , .css , .jpg , etc. |
Examples
Create a new theme with default options
Post-Creation Steps
1.
2.
templates/
directory.assets/
directory.3.
build
and preview
to test and develop your theme.Important Notes
Learn More
Modified atĀ 2025-01-23 10:53:20