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. Twilight Engine
  • 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. Twilight Engine

Welcome to Salla's themes engine, Twilight

✨ Twilight enables developers to create a memorable experience for Salla store's look-and-feel for the benefit of Merchants and their Customers.
Developers can create themes for merchant stores to suit the uniqueness of each store on Salla Platform. With custom themes, developers will have a much easier time adapting the Merchant's store to the store's growing needs as time goes on.
Tip
Twilight is Salla's theme engine for developers to create customizable themes to be used on Salla Platform.
What can you do with Twilight?
Full control of Themes using the Partners Portal
Storefront APIs (Application Programming Interfaces)
Providing continuously updated educational resources tailored for developers from Salla.
Enhanced Salla CLI commands for creating and saving themes.
Manage code seamlessly with the alignment of Twilight's GitHub.
Web components displayed to Merchants, enabled by the JavaScript SDK development tools.
Quick access to store data through the Salla Twilight Engine.
IDE plugins to complete the perfect code.
Create a new Salla theme with customized HTML/CSS/JS files.
Create reusable custom UI components.
Listen to Twig events / hooks to fire custom actions.
Override languages files.
And many more!
What do you need to start?
Basic knowledge in HTML, CSS, JS, and Twig Template Engine.
Install nodejs - npm - yarn into your system.
Install Salla CLI along with all of its prerequisites.
Github account to sync the theme's files to it.
Salla Partner Account to manage the themes, set up demo stores for testing, and publish the theme to the Store Themes Marketplace.
The steps to get your started are explained in the following tutorial.
Where to Begin?
Create a new theme
Check the Theme Directory Tree
Read more about Theme Architecture

Resources#

Utilize the following materials to familiarize yourself with the Twilight Engine: a compilation of curated blogs, instructional videos, a list of frequently asked questions, and a community of developers that is always willing to offer assistance:
Salla Partners Resources
Salla Developer Blog
Educational Videos
Frequently Asked Questions
Global Developer Community

About this documentation#

This comprehensive documentation guides you through a wide range of topics, empowering you to create a captivating theme for Salla's Store effortlessly. Learn the step-by-step process to customize various elements of the store with your unique style.
Next
Create a theme