Design Detail

Overview

<iishapes-design-detail> is a web component to show a 2Shapes design detail. It requires defining the collection in 2Shapes Catalogue App and the prices in 2Shapes Pricing App.
For testing propouse, we recommend you to use the demo Api key: 2SHAPES-ECOMMERCE-DEMO-APIKEY

Example

<iishapes-design id="design"
apikey="YOUR-ECOMMCERCE-APIKEY"
design_id="DESIGN_ID"
currency="EUR"
material_id="GOLD_YELLOW_18">
</iishapes-collection>

Live Example

Required Properties

Name
Type
Description
apikey
string
eCommerce Apikey
design_id
string
Collection slug
currency
string
Currency for Pricing
material_id
string
Selected Material

Properties

Name
Type
Default
Description
language
string
en
Language
show_customize
bool
true
Show customize button
show_title
bool
true
Show Title
show-material-selector
bool
true
Show Matearial Selector
show-hint
bool
true
Show Hint Button
show-wish
bool
true
Show Wish Button
show-ring-size-help
bool
true
Show Ring Size Help icon

Events

Name
Type
Description
add_to_shopping_bag
design
Add to Shopping Bag button click
add_to_wishes_list
design
Add to Wishes List button click
send_hint
-
Hint
inscriptionº
Inscription
Incription button clicked
customize
-
Customize button clicked
material-changes
string
Material changes
ring-size-changes
Ring Size
Ring Size Changes