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. Pages
  • 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. Pages

Overview

Twilight theme engine comes with pre-defined list of pages that form together the Salla theme pages.
Following is the pages location:

└── src
  ├── views
    ├── pages
    ...

Alert
The pre-defined pages' names and paths are not changeable. Meaning, the developer may modify page contents, however, the page's filename and path should not be changed.

📙 What you'll learn#

This article lists all of the predefined pages that come with the Twilight theme. These pages together make a complete store from displaying items and categorizing them all the way to cart. There are nine pages in total which are:
Home
Product pages
Products listings
Single product
Customer pages
Profile
Order list
Orders details
Wishlist
Notification
Blog pages
Single blog page
Blog listing page
Brands pages
Signle brand page
Brands listing page
Cart
Loyalty
Thank you
Single page

Home page#

Home page is the most significant page in the store, it collects all the main functions that the customer needs once they land on the store website. Home page is located at src/views/pages/index.twig. More about Home page here.

Products pages#

Products pages are where the products details are listed. There are two kinds of products pages which are Single product and Products listings.
The single product page displayes informations of a particular product such as price, variety, dimensions, size, availability and so on. Single product page is located at src/views/pages/product/single.twig. More about Single product page here.
The products listings page gives an organized view of products such as:
Product listingDescription
Category listingis where the store owner show cases the store items as they wish, and accordingly the developler should customize the page
Offers listingThe best about shopping is hunting for offers! Well, this page is in charge of that. Store owners can manage the items they have on offer and make them stand out to attract customers.
Search results listingHaving a store with many items can be overwhelming and finding what you want can be tricky, this page helps to display the items searched by the customer in a neat way.
Tags listingTags page allowes you to mark or categorize a page or groups of pages on your store. It also helps to identify, with greater ease and in more business-relevant terms, what your website visitors are accessing. You can then use the information as a more intuitive way to segment, build lead score models, and report on store performance.
Products listings are located at src/views/pages/product/index.twig, you can also find more info about Product listings here.

Customer pages#

Customer's related pages are significant in managing their related data.
Customer pages are:
Profile page,
this page displays the customer's demographic details such as name, email, address and phone number. Customer profile page is located at src/views/pages/customer/profile.twig. More about Profile page here.
Order list page,
this page helps listing the orders made by the customer. Customer order list page is located at src/views/pages/customer/orders/index.twig. More about Order list here.
Orders details page, this page displays further details of customer orders. Customer order details page is located at src/views/pages/customer/orders/single.twig. More about Orders details page here.
Wishlist page, this page displays items which are in the customer's wishlist. Customer wishlist is located at src/views/pages/customer/wishlist.twig. More about Wishlist page here.
Notifications page, shows the notifications sent to the customer. Customer notifications page is located at src/views/pages/customer/notifications.twig. More about Notifications page here.

Blog pages#

Single blog page template, displays a single article content from the store bolg. The content includes words and images.Single blog page is located at src/views/pages/blog/single.twig. More about single blog page here.
Blog listing page template, renders a list of the available blogs articles. It will show snippits for each blog article including the article title, summary, image, and author name. Blog listing page is located at src/views/pages/blog/index.twig. More about blog listing page here

Brands pages#

Single brand page, shows the details of a particular brand that belongs to a list of brands the store offers. The page is located at src/views/pages/brands/single.twig. More about single brand page here.
Brands listing page, shows the list of brands associated with the store. The page is located at src/views/pages/brands/index.twig. More about brands listing page here.

Cart page#

The Cart page is where the customer can manage the items they are going to buy, so it's critical for the store to provide a seamingly experience for its customer. The page is located at src/views/pages/cart.twig. More about Cart page here.

Loyalty Page#

The Loyalty page is where the developer can introduce a loyalty program to enable the merchant offer points to the store cutomers and trade in the points for rewards. The page is located at src/views/pages/loyalty.twig. Explore more about Loyalty page here.

Thank you page#

A Thank you page is the page visitors, leads, and customers see after joining your email list, submitting a form, or making a purchase. Think of a thank you page as a way to turn new visitors into warm leads and returning customers into repeat buyers. Thank you page is located at src/views/pages/thank-you.twig.
More about Thank you page here.

Single Page#

The aim of using this page is for those pages that are fixed or don't need frequent changes, such as policy page, terms and conditions page and so on. Single Page is located at src/views/pages/page-single.twig. More about Single Page here.

Landing Page#

This page provides a strong starting point that's easy to customize. It includes an attractive offer and a countdown timer to help increase sales. With eye-catching visuals and user-friendly features, this template is a perfect fit for goals and target audience. Create an impressive online presence with this optimized landing page template.
Landing Page is located at src/views/pages/landing-page.twig. More about Landing Page here.
Modified at 2025-03-04 12:54:02
Previous
Pages
Next
Home Page