Usage

Theme Raed's files define the presentation layer of your Salla store.

Directory structure

The source README lists the starter directories below. Its root is spelled scr in this example; check the repository tree before using paths in commands. The component paths documented elsewhere use src.

1+---scr
2    +---assets
3    |   +---images      
4    |   +---js      
5    |   +---styles         
6    +---locales
7    |       ar.json
8    |       en.json
9    +---views
10        +---components
11        |   +---footer
12        |   +---header
13        |   +---home
14        |   +---product
15        |   comments.twig
16        +---layouts
17        |       master.twig
18        +---pages
19            |   cart.twig
20            |   index.twig
21            |   loyalty.twig
22            |   page-single.twig
23            |   thank-you.twig
24            +---blog
25            |       index.twig
26            |       single.twig 
27            +---brands
28            |       index.twig
29            |       single.twig 
30            +---customer
31               |   notifications.twig
32               |   profile.twig
33               |   wishlist.twig
34               +---orders
35               |      index.twig
36               |      single.twig
37            +---partials
38                |   single-comment.twig
39                +---product
40                  |   card-full-image.twig
41                  |   card-mini.twig
42                  |   card.twig
43                  |   options.twig
44                  |   slider.twig
45            +---product
46            |       index.twig
47            |       single.twig

Preview your theme

Open a terminal in the theme's root directory, then run:

1salla theme preview
2 
3# Short alias
4salla theme p

The preview command shows your theme in live mode while you develop it. You can also choose a demo store in Salla Partners to install and view the theme in the browser.

Source captured: 2026-10-11