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
Salla - Opensource
Salla - Developers Community
  1. Theme Architecture
  • 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
    • Componenets
      • 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
  1. Theme Architecture

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