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

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

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