@mcxbr/catalog v0.3.8

Catalog PWA Studio Extension

Modificações em Produto, Categoria e Busca.

Features

• Preço especial;
• Modo de visualização (2/4);
• Carousel de Upsell e Related Products usando @mcxbr/carousel;
• Status do stock para produtos simples e configuráveis;
• Avise-me quando chegar para produtos fora de estoque;
• Ponto de interceptação para variações de tipo de produto;
• Ponto de interceptação para accordion de descrição do produto;
• Ponto de interceptação para swatch por atributo adicional;

Wrap module in your local-intercept.js

const { wrapCatalogModuleTargetable } = require('@mcxbr/catalog/targets');
wrapCatalogModuleTargetable(targetables, talonTargets);

Product Type

Tap product type API in module context by intercept.js

targets.of('@mcxbr/catalog').productType.tap(types =>
  types.add({
    name: 'ProductGrouped',
    productType: 'GroupedProduct',
    importPath: '@mcxbr/product-grouped/lib/components/ProductGrouped'
  })
);

Description section

Tab product decription accordion

targets.of('@mcxbr/catalog').productDescription.tap(types =>
  types.add({
    name: 'ProductAttributes',
    importPath: '@mcxbr/catalog/lib/components/ProductAttributes',
    sectionId: 'product_attributes',
    label: 'Attributes',
    labelId: 'productAttributes.label'
  })
);

Product option swatch

Adiciona suporte para atributo com color swatch

targets.of('@mcxbr/catalog').optionType.tap(types =>
  types.add({
    attributeCode: 'color',
    value: 'swatch'
  })
);