Usage
Theme Raed will be installed as the default theme when you install Twilight. We'll look at how this theme's directories are set up and how to use the preview mode in the next section.
Directory structure
Theme Raed is a collection of files and folders that define the Salla Store presentation layer. Following is the directory structure for this starter theme.
+---scr
+---assets
| +---images
| +---js
| +---styles
+---locales
| ar.json
| en.json
+---views
+---components
| +---footer
| +---header
| +---home
| +---product
| comments.twig
+---layouts
| master.twig
+---pages
| cart.twig
| index.twig
| loyalty.twig
| page-single.twig
| thank-you.twig
+---blog
| index.twig
| single.twig
+---brands
| index.twig
| single.twig
+---customer
| notifications.twig
| profile.twig
| wishlist.twig
+---orders
| index.twig
| single.twig
+---partials
| single-comment.twig
+---product
| card-full-image.twig
| card-mini.twig
| card.twig
| options.twig
| slider.twig
+---product
| index.twig
| single.twigTheme Preview
Usin Salla CLI, the developer can preview the theme as they are being developed. The preview command helps the developer to get a look at the theme in live mode.
To run the preview command, the developer must be in the theme's root folder.
The developer can run the command preview and specify the configuration to view the theme:
salla theme preview
# Alias command for preview
salla theme pOn the other hand, the Partners Portal lists the demo stores of the developer. The developer may select a demo store where the theme will be installed, after which the store will be instantly shown in the browser. This is a fantastic option for developers who want to see live updates to their themes appearing on the store right away.
Source captured: 2026-10-11