🚨 Disclaimer - Template Application

⚠️ This project is not maintained by VTEX, and this app is provided as a working example on how this feature can be implemented. Improvements and fixes will be on the implementation team side.

All template applications provided are developed by the VTEX community, you can use them freely.

 

Product Summary category link

Product Summary addon providing a deeplink into a product's final category. It is supposed to be used within a product summary, alongside with components such as the Shelf and the Minicart.

Configuration

1. install the app:

  vtex install [email protected]

2. Import the vtex.product-category-link app to your theme's dependencies in the manifest.json:

  "dependencies": {
    "vtex.product-category-link": "0.x"
  }

Now, you are able to add a category link to the product-summary app.

  "product-summary.shelf": {
    "children": [
      "product-summary-name",
      "product-summary-description",
      "product-summary-category-link",
      "product-summary-image",
+     "product-summary-category-link",
      "product-summary-price",
      "product-summary-sku-selector",
      "product-summary-buy-button"
    ]
  }

Customization

In order to apply CSS customizations in this and other blocks, follow the instructions given in the recipe on Using CSS Handles for store customization.

CSS Handles
'categoryLink'
'categoryLinkContainer'
'loading'