Salla Docs
Merchant API
Merchant API
Salla OAuth 2.0
Partner APIs
App API
Shipment API
Storefront
Twilight Engine
Twilight SDK
Web Components
Change Log
Salla CLI
Merchant API
Merchant API
Salla OAuth 2.0
Partner APIs
App API
Shipment API
Storefront
Twilight Engine
Twilight SDK
Web Components
Change Log
Salla CLI
Blog
Developer Portal
Theme Architecture
Copy Page
Getting Started
Create a theme
Develop a theme
Setup a theme
Publish a theme
Requirements & Review
Overview
Main Requirements
Review Process
UI / UX Review
Technical Review
Metadata Review
Pre-Launch Review
Files and Folders Structure
Directory structure
Twilight.json
Twig Template Engine
Basic syntax
Twilight flavoured twig
Theme Architecture
Layouts
Overview
Master Layout
Global Variables
CSS Variables
Salla Icons
Custom Fonts
Hooks
Localizations
Pages
Overview
Home Page
Product Pages
Products listing
Single product
Customer Pages
Profile
Orders list
Order details
Wishlist
Notifications
Blog Pages
Blog listing
Single blog
Brand Pages
Brands listing
Single brand
Common Pages
Cart
Loyalty
Thank you
Single page
Landing Page
Components
Overview
Home Components
Youtube
Fixed banner
Testimonials
Parallax background
Photos slider
Store features
Square photos
Fixed products
Products slider
Featured products - Style 1
Featured Products - Style 2
Featured Products - Style 3
Brands
Enhanced Square Banners
Main Links
Enhanced Slider
Slider Products with Headers
Latest Products
Vertical Menu with Slider
Product Components
Essentials
Options
Common Components
Header Components
Footer Components
Comments component
Change Log
Theme Architecture
Copy Page
Layouts
Overview
Layouts are considered the foundation for Salla theme, through which all of the theme pages will share the same layout. When building a Salla theme, y...
Master Layout
The master.twig is the default "layout" which comes with Twilight theme and applies it on all of the theme's pages. It calls many of the...
Global Variables
In ths article we will list all of the global variables provided with the Twilight theme engine.:::tip[Tip]These varibles can be used within any of th...
CSS Variables
Theme CSS variables allow the themes style to be modified by altering the font type and color code. This step provides options for the developer to ap...
Salla Icons
Salla Icons is an icon library that can be easily integrated into a Twilight theme. It allows developers to add scalable vector icons to their website...
Custom Fonts
Adding your own custom icons to your theme development is a straightforward process that can be accomplished in just three easy steps. This will give ...
Hooks
Hooks are a powerful tool used in theme development for the Salla Store Theme. They allow developers to inject code and content into specific areas of...
Localizations
Twilight's localization feature makes it simple to extract strings in other languages, allowing Salla theme developers to effortlessly support mul...
Previous
Theme Architecture
Next
Overview