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

Home Components

Youtube
This pre-defined component is responsible for displaying Youtube videos that the developer preselects. Following is the location of this component. └─...
Fixed banner
A fixed banner is a pre-defined component which is in charge of displaying a banner that is fixated on the Home Page. Following is the location of thi...
Testimonials
This pre-defined component displays testimonials, which are feedback given by customers. The display order is set as per newest. Following is the loc...
Parallax background
Parallax scrolling background is pre-defined component that functions as a graphics design method in which the background images move past the camera ...
Photos slider
Photos slider (also known as carousels or slideshows) are a simple way to display a variety of images. It's pre-defined component. The idea of lar...
Store features
This pre-defined component is responsible for showcasing the store features such as payment methods, shipping methods and so on. Following is the loca...
Square photos
This pre-defined component simply displays square shape photos in form of a grid. The first photo will be the __ leading __ photo and will be bigger i...
Fixed products
Use this pre-defined component to display a group of products that has no scrolling effect. Their location is fixed. Following is the location of this...
Products slider
This pre-defined component slider helps navigate between a list of products in the form of a scrolling list. Following is the location of this compone...
Featured products - Style 1
Featured products list, which is a pre-defined component, is a collection created in a specific design to draw customers' attention to see a certa...
Featured Products - Style 2
Featured products list is a collection created in a specific design to draw customers' attention to see a certain collection of products primarily...
Featured Products - Style 3
Featured products list is a collection, created in a specific design to draw customers' attention to see a certain collection of products primaril...
Brands
The store brands' logos are displayed using this component. Developers may use any design to style it because this is a significant section to dra...
Enhanced Square Banners
The enhanced square banner component is similar to the Square Photos component, however it gives an extra option to add texts for the inner element of...
Main Links
This component is part of the main view for the home page landing part. It helps to portray the store main categories links. Following is the location...
Enhanced Slider
This component is similar to the Photos slider, which displays various images. However, it gives an extra option to add texts for the inner element of...
Slider Products with Headers
This component comes with many attractive elements to display products for the customers. It has Headings to describe the sections and a swiper slider...
Latest Products
This pre-defined component is set to display the latest products added to the store automatically. It has a fixed, not scrolled, view. It comes with a...
Vertical Menu with Slider
This pre-defined component is used to display a menu for a group of the sub-pages' links in a vertical menu. It has a static view, which can easil...
Previous
Overview
Next
Youtube