Collection

2Shapes Web Component: Collection

Overview
<iishapes-collection> is a web component to show a 2Shapes collection. 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 
<iishapes-collection id="collection"
 apikey="YOUR-ECOMMCERCE-APIKEY"
 collection_slug="demo-collection"
 currency="EUR"
 material_id="GOLD_YELLOW_18">
</iishapes-collection>
Live Example
Required Properties
Name
Type
Description
collection_slug
string
Collection Slug
material_id
string
Selected Material
Properties
Name
Type
Default
language
string
en
currency
string
Currency
columns
number
4
show-title
bool
true
show_material_selector
bool
true
show_item_price
bool
true
showitemwish
bool
true
show-item-info
bool
true
Events
design_wish
design
Wish button clicked
design_info
design
Info button clicked
product_wish
product
Wish button clicked
product_info
product
Info button clicked
​

Name	Type	Description
collection_slug	string	Collection Slug
material_id	string	Selected Material

Name	Type	Default
language	string	en
currency	string	Currency
columns	number	4
show-title	bool	true
show_material_selector	bool	true
show_item_price	bool	true
showitemwish	bool	true
show-item-info	bool	true

WEB COMPONENTS - Previous

Components

Design Detail

Last modified 1yr ago

design_wish	design	Wish button clicked
design_info	design	Info button clicked
product_wish	product	Wish button clicked
product_info	product	Info button clicked