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