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. Web Components
  • Overview
  • Usage
  • Components Customization
  • Elements
    • Apps Icons
    • Breadcrumb
    • Color Picker
    • Conditional Fields
    • Count Down
    • Filters
    • Infinite Scroll
    • List Tile
    • Loading
    • Map
    • Modal
    • Placeholder
    • Progress Bar
    • Rating Stars
    • Reviews
    • Reviews Summary
    • Sheet
    • Skeleton
    • Slider
    • Social
    • Social Share
    • Tabs
  • Form
    • Button
    • Bottom Alert
    • Contacts
    • Date Time Picker
    • File Upload
    • Menu
    • Quantity Input
    • Select
    • Tel Input
  • Product
    • Add Product
    • Advertisement
    • Comments
    • Conditional Offer
    • Gifting
    • Installment
    • Meta Data
    • Offer
    • Offer Modal
    • Orders
    • Payments
    • Product Availability
    • Product Card
    • Products List
    • Product Options
    • Product Size Guide
    • Products Slider
    • Quick Buy
    • Quick Order
    • Scopes
    • Search
  • User
    • Cart Summary
    • Localization
    • Login
    • Loyalty
    • Rating
    • User Menu
    • User Profile
    • User Settings
    • Verify
  1. Web Components

Product

Add Product
The <salla-add-product-button> web component allows controllability over button text labels and behaviours based on the product-status and produ...
Advertisement
The <salla-advertisement> web component allows you to displays Advertisement items such as icons, URLs, target, description, with the ability to...
Comments
The <salla-comments> web component allows the user to enter textual contents as a comment for a Product or Page. Example Usage ```html ``...
Conditional Offer
The <salla-conditional-offer> web component enables dynamic presentation of offers and discounts based on the customer's cart status.:::info...
Gifting
The <salla-gifting> web component is used to display items as gifts, which can be used after the customer has completed a purchase. It can be cu...
Installment
The <salla-installment> web component is used to show a block area for the available installment payment options provided for a specific product...
Meta Data
The <salla-metadata> web component helps to show detailed specifications for a product. It can display one or multiple sections of information, ...
Offer
The <salla-offer> web component displays offers, categories, products, banks, and discount information. It uses the salla-slider component for c...
Offer Modal
The <salla-offer-modal> web component shows a list of products with an offer given by the store admin. These offered products are related to a s...
Orders
The <salla-orders> web component shows a table with order details, such as order ID, product total, order status, and more. Example Usage ...
Payments
The <salla-payments> web component allows users to display Payments items including sbc-id, withMadeInKsa, and withSbc. Example Usage &lt...
Product Availability
The <salla-product-availability> web component is to show the "Notify availability" option as a button for the registered customer, wh...
Product Card
The <salla-product-card> web component is used to contain content and actions about a single product in a card display mode. The component incor...
Products List
The <salla-products-list> web component is used to display a group of related products with some information, such as products' names, price...
Product Options
The <salla-product-options> web component is used to show to the Merchant all the fields that are customizable to curate the experience of perso...
Product Size Guide
The <salla-product-size-guide> web component is used to enable the merchant to add product measurements of height, weight, depth and other metri...
Products Slider
The <salla-products-slider> web component is used to navigate horizontally through a group of related products. Product sliders can be easily ar...
Quick Buy
The <salla-quick-buy> web component is used for quick purchase. It redirects the customer immediately to the checkout page. By streamlining the ...
Quick Order
The <salla-quick-order> web component allows customers to request a call from the store owner for assistance with making their order. Customers ...
Scopes
The <salla-Scopes> web component shows a list of scopes (Branches) owned by the store. It consists of Button component that enables the addition...
Search
The <salla-search> website element shows a search box, field, or bar. Its specific purpose is to accept user input for database searching. It co...
Previous
Tel Input
Next
Add Product