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