Theme Templates and Data

Theme layout

All theme template files must extend layout.twig file, which include: header ,footer and main_content blocks.

{% extends "layout.twig" %}

As an example: layout.twig

Theme data

In each page, 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.

Available data across all theme template

• session

• store

• customer

• asset_url

• main menu

• request

• header_meta_tags

• locals

• template (string with template name ex: home, products ..etc )

• Zid API

Templates

Home

url: /

In home.twig display modules added by user by home_template_modules check home template modules

{% block main_content %}

    <div class="home">
        {{ home_template_modules }}
    </div>

{% endblock %}

Products

url: /products

file: products.twig

data: products list

Product

url: /products/{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 list

Category

url: /category/{id}/{slug}

file: category.twig

data: category and products list

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 and 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

Account address

(system template)

url: /account-addresses/{id}/edit

navigate customer to the url and system will display address content

use url: /account-addresses/add

to navigate customer to add new address

Account order

(system template)

url: /orders/{orderCode}/invoice

navigate customer to the url and system will display order content