Product components
Product components are paragraph types which are used to create products-related content elements - e.g. the parts which make up a product details page. They are then added to the product list page or product details page using specific paragraph types called product component selector and product list component selector.
Location of files
A product component is associated with:
- An item type which controls the fields available for input (e.g. text, images, links, buttons)
- A Razor template which controls how the input is rendered in frontend
They are located in the System/Items/ and Templates/Designs/Swift-v2/Paragraph/ folders:
/Files/
├── Images/
├── System/
│ ├── Items/ <----------- This folder
├── Templates/
│ ├── Designs/
│ │ ├── Swift-v2/
│ │ │ ├── Paragraph/ <----------- This folder
Product component types
The following product components are available to you:
| Component | Purpose | Item type |
|---|---|---|
| Add to cart | ItemType_Swift-v2_ProductAddToCart.xml | |
| Add to download cart | ItemType_Swift-v2_ProductAddToDownloadCart.xml | |
| Add to favorites | ItemType_Swift-v2_ProductAddToFavorites.xml | |
| Add to quote cart | ItemType_Swift-v2_ProductAddToQuoteCart.xml | |
| BOM | ItemType_Swift-v2_ProductBom.xml | |
| Button | ||
| Default product image | ItemType_Swift-v2_ProductDefaultImage.xml | |
| Description (long) | ItemType_Swift-v2_ProductLongDescription.xml | |
| Description (short) | ItemType_Swift-v2_ProductShortDescription.xml | |
| Download data form | ItemType_Swift-v2_ProductDownloadData.xml | |
| Download publication | ItemType_Swift-v2_ProductDownloadPublication.xml | |
| Image | ||
| Media | ItemType_Swift-v2_ProductMedia.xml | |
| Media gallery | ItemType_Swift-v2_ProductMediaGallery.xml | |
| Media table | ItemType_Swift-v2_ProductMediaTable.xml | |
| Name | ItemType_Swift-v2_ProductHeader.xml | |
| Number | ItemType_Swift-v2_ProductNumber.xml | |
| Price | ItemType_Swift-v2_ProductPrice.xml | |
| Price table | ItemType_Swift-v2_ProductPriceTable.xml | |
| Product component selector | ItemType_Swift-v2_ProductComponentSelector.xml | |
| Product component slider | ItemType_Swift-v2_ProductComponentSlider.xml | |
| Product field display groups | ItemType_Swift-v2_ProductFieldDisplayGroups.xml | |
| Product field display groups accordion | ItemType_Swift-v2_ProductFieldDisplayGroupsAccordion.xml | |
| Quantity | ItemType_Swift-v2_ProductQuantity.xml | |
| Related products list view | ItemType_Swift-v2_ProductRelatedProductsList.xml | |
| Selectable variant options | ItemType_Swift-v2_ProductVariantSelector.xml | |
| Stock | ItemType_Swift-v2_ProductStock.xml | |
| Stock locations | ItemType_Swift-v2_ProductStockLocations.xml | |
| Text |