Zid Docs
Merchant APIApp APIThemes
Merchant APIApp APIThemes
Help Center
Slack
  1. Getting Started with Zid Themes
  • 🚨 Important Update: Zid Themes
  • Landing Page Development
  • Getting Started with Zid Themes
    • Introduction to Theme Development
    • Manage your Themes
    • Building Themes in Zid
    • Theme File Structure
    • Twig Syntax and Features
    • Zid Theme Packager
  • Templates
    • Layout
    • Home Page
    • Products
    • Cart
    • Store Language and Currency
  • Settings Schema
    • Text
    • Number
    • Text-Area
    • Select
    • Radio Buttons
    • Checkbox
    • Range
    • Color
    • Image
    • Product
    • Category
    • List
    • Fieldset
  • Code Snippets
    • Apple Pay Quick Checkout
    • Custom CSS Injection
    • Displaying the Store's Business Center Logo
    • Customizing Copyright Text
    • Store's Main Navigation Menu
    • Customer Wishlist
    • Products
      • Products Badges
      • Product Ratings
      • Remaining Product Stock
      • Sold Items Count
      • Product Filtration by Attributes
      • Grouped Products
      • Product Questions & Answers
      • Product Restock Notfication
    • SEO
      • Images alt text
      • Themes SEO Marketing Tags
    • Marketing
      • Metafields
      • Gift Feature
      • Loyalty Program
  • Zid Themes Library: API Integration
    • Products
    • Product Categories
    • Cart
    • Blog
    • Customer
    • Store Settings
  • Data Reference
    • Locals
    • Store
    • Cart
    • Product
    • Products List
    • Category
    • Categories List
    • Session
    • FAQs
    • Customer
    • Blogs
    • Page
    • Main Menu
    • Main Navigation Menu
    • Request
    • Orders
    • Addresses
    • Store Payment Methods
    • Store Shipping Methods
    • Store Banks
    • Asset URL
    • Header Meta Tags
    • Loyalty pogram Wallet
  • Themes CLI
    • CLI Authentication
    • Theme Create
    • Theme Package
    • Theme Update
    • Themes List
    • Theme Preview
  1. Getting Started with Zid Themes

Zid Theme Packager

The Zid Theme Packager is a Command-line-interface (CLI) tool for developers to validate and compile Zid themes efficiently. It makes it easy to build your theme files into a compressed ZIP file ready to upload to the Zid platform.

Installation and Initial Setup#

To begin using the Zid Theme Packager, install it globally using Node Package Manager (NPM).
Note: Installing the Zid Theme Packager globally (-g) creates a symlink in your global folder, making it accessible from any directory in your system.
Once installed, you can view all available options and commands:
To create a new project with the Zid Theme Packager:
Ensure you have Node.js and NPM installed on your system.
Run the following command to initiate a new project:

Supported Assets#

The Packager supports the following file types for assets:
JavaScript files (.js, .ts)
Stylesheets (.css, .scss)
Source maps (.map)
Image files (.png, .jpg, .jpeg, .gif, .svg)
Font files (.woff, .woff2, .otf, .ttf, .eot)

Building Your Theme#

Using the build command, the Packager compiles your theme into a distributable ZIP format.

Default Build Behavior#

Run the build command in your project directory to compile the theme:
The output ZIP file is named after your theme's root directory by default.

Custom Build Options#

Customize your build with these arguments:
--path: Set a custom path for your theme.
--name: Assign a custom name to the output ZIP file.
Example with a custom path:
Example with a custom theme name:
Combining custom path and name:
For more information and advanced usage of the Zid Theme Packager, refer to the GitHub Repository.
Modified at 2024-09-19 10:41:54
Previous
Twig Syntax and Features
Next
Templates
Built with