Theme Architecture

Salla theme manages the appearance and features of the merchant's store. As we saw previously, it's organized within a standard directory structure of files and folders.

In a nutshell, Salla theme consists of three building blocks; Layouts, Pages, and Components.

📙 What you'll learn

In this article, you will learn about:

• Theme views files.
• Assets files.
• Localization files.
• Config files.

Theme views files

The theme files fall into 3 types: Layouts, Pages, and Components. These files are twig files (*.twig), and their task is to control theme appearance.

Assets Files

Assets are files that can be called and consumed to support any file's needs, such as images, styling files, fonts, javascript, etc.

Location

[root]
...
+---src
   +---assets
     |   +---dist
     |   +---fonts      
     |   +---images      
     |   +---js      
     |   +---styles
...

Localization files.

Locale files work on the adaptation of meeting a particular language output.

Location

[root]
...
+---src
   +---locales
     |------ar.json
     |------en.json
...

Config files.

Config files, which use JSON format, store configuration data that merchants can customize.

Location

[root]
...
|   package.json
|   tailwind.config.js
|   twilight.json
|   webpack.config.js
...