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

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 metrics for the customer to visualize the actual product size in real life. The pre-defined methods allow for calling functions built by Salla to carry out certain actvities, such as open and close the Product Size Guide component.
Note
Available API Endpoints for the Product Size Guide component are:
Get Size Guides

Example#

Product Size Guide Image

Usage#

HTML

Methods#

The pre-defined methods allow for calling functions built by Salla to carry out certain actvities, such as close which hides the size-guide pop-up modal window.
MethodDescriptionReturn Type
close()Hides the size-guide pop-up modal windowPromise<HTMLElement>
open(product_id: number)Show the size-guide pop-up modal windowPromise<any>

Slots#

Theslots makes it customizable to modify certain labels, such as footer.
SlotDescription
footerThe bottom section of the component. Value is "empty" by default
headerThe upper section of the component. Value is "empty" by default
Modified at 2025-03-04 12:54:02
Previous
Product Options
Next
Products Slider