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

Payments

The <salla-payments> web component allows users to display Payments items including sbc-id, withMadeInKsa, and withSbc.

Example#

Payments Component

Usage#

HTML
SASS
<salla-payments></salla-payments>

Properties#

PropertyAttributeDescriptionTypeDefault
SBC IDsbc-idThe SBC (Saudi Business Council) certificate ID.stringundefined
With Made In KSAwith-made-in-ksaWhether or not to include the "Made in KSA" certification.booleanundefined
With SBCwith-sbcWhether or not to include the SBC (Saudi Business Council) certificate.booleanundefined

Slots#

Theslots makes it customizable to modify certain labels, such as cod.
SlotDescription
codReplaces the Cash On Delivery (cod) item with the slot image.
paymentReplaces the payment item with the slots image, name.
sbcReplaces the SBC certificate item with the slot image.
Modified at 2024-08-18 09:48:27
Previous
Orders
Next
Product Availability