feat: VTEX Extensions

[tlgimenes]

Problem Statement:

Many people ask how to:

1. Extend the product
2. Add similar products
3. Add related products
4. Add kit items

Solution:

To standardize the process, we are using the new product extensions loader, which allows business users to compose loaders via the deco UI.

How does it work?

Go to Block > Loaders and filter by extensions. You will see a screen similar to this image.

Now, enter the desired extension (let's say products.ts). Next, as the original integration, add the one you originally had, for example, VTEX Legacy Search, and configure it as usual. Then, click on 'The Data Extensions' and add the desired extension, in this case, 'VTEX Integration - Extra Info.' Now, you can select "simulate," "Similars," and "Kit items" to be brought in by this composed loader.

Why Composed Loaders and not just another option in the native loader?

We are integrating with various other players in the market and have observed the need to compose loaders. Some of these players require certain features from the native VTEX loaders, and by allowing the composition of loaders through the UI, we have found that we can offer more flexibility to the store owner in composing different APIs.