Zid Docs
Merchant APIApp APIThemes
Merchant APIApp APIThemes
Help Center
Slack
  • 🚨 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

Templates

All theme template files must extend layout.twig file, which include: header ,footer and main_content blocks.
{% extends "layout.twig" %}
layout.twig

Theme data#

In each file, there are specified data available for developers to consume, which will give the developer a large space to show and use their skills in building a theme.

Info#

There are some data availabe for specific template file, check theme files

Available data across all theme template#

session
store
customer
asset_url
[main menu] deprecated
main navigation menu
request
header_meta_tags
locals
[template (string with template name ex: home, products ..etc )]
Zid API

Templates#

Home#

url: /
file: home.twig
data: home_template_modules

Products#

url: /products
file: products.twig
data: products
templates: template_for_products_attributes

Product#

url: /product/{slug}
file: product.twig
data: product
templates: template_for_product_variants_dropdown, template_for_product_input_fields, template_for_product_option_fields

Categories#

url: /categories
file: categories.twig
data: categories

Category#

url: /category/{id}/{slug}
file: category.twig
data: category, products
templates: template_for_products_attributes

Cart#

url: /cart/view
file: cart.twig
data: cart

Shipping and payment#

url: /shipping-and-payment
file: shipping-and-payments.twig
data: store payment methods,store shipping methods,store banks

Faqs#

url: /faqs
file: faqs.twig
data: faqs

Blogs#

url: /blogs
file: blog.twig
data: blogs

Blog#

url: /blogs/{slug}
file: blog.twig
data: blog

Page#

url: /pages/{slug}
slug: must be one of:
terms-and-conditions
privacy-policy
refund-exchange-policy
license
complaints-and-suggestions
file: page.twig
data: page

Account profile#

url: /account-profile
file: account-profile.twig
template : account_profile_template_content

Account addresses#

url: /account-addresses
file: account-addresses.twig
data: addresses

Account orders#

url: /account-orders
file: account-orders.twig
data: orders
Modified at 2024-09-02 23:22:51
Previous
Zid Theme Packager
Next
Layout
Built with