tag: product_associations
componente: ProductAssociationComponent
diretório: product.associations
template: wd.product.associations.template
jsHandler: ProductAssociations
Exemplo de uso
{% product_associations(ListAlias="crosssells") %}
Na configuração acima, estamos definindo que apenas as associações do grupo Cross-sell devem ser exibidas. Lembrando que o parâmetro ListAlias é opcional. Caso não seja informado, serão renderizadas todas as associações configuradas no produto.
Como saber quais valores posso usar no ListAlias? Utilize nesse parâmetro a propriedade Identificador da lista de associação desejada. Para consultar as listas de associação configuradas em sua loja, acesse Catálogo > Listas de associação. Neste mesmo local é possível consultar, editar e também cadastrar novas associações.
Parâmetros
Os parâmetros são utilizados para configurar o widget.
| Nome | Descrição | Tipo | Valor padrão |
| TextNoProducts | Mensagem: Sem produtos | Não há produtos registrados | |
| TextAddingToCart | Mensagem: Adicionando... | Texto | Adicionando ao carrinho. |
| TextAddingToCartClickHere | Mensagem: Adicionado...Clique aqui | Texto | Clique aqui |
| TextAddingToCartInCase | Mensagem: Adicionado...caso não seja... | Texto | |
| TextBuyTogether | Mensagem: Compre Junto | Texto | |
| TextUpPriceTakeThis | Mensagem: Leve por mais | Texto | |
| TextSelectVariation | Adicionando ao carrinho. | caso você não seja redirecionado | |
| TextMainNoVariationSelected | Compre Junto | ||
| TextMainNoVariationSelected | Mensagem: Escolha todas as opções | Texto | Leve este produto por mais |
| PageSize | Número de produtos exibidos, se zero ou vazio, exibe 4 resultados | Number | Escolha todas as opções acima para adicionar ao carrinho |
| splitCross | Mostrar produtos separados no Compre Junto? | Lista de opções: "true", "false" | false |
| usePriceDescription | "Exibe descrição do preço completa, com melhores condições | Boolean | false |
| ListAlias | Define um tipo de associação específica para exibição | Texto | (Exemplo: \"upsell\") |
Eventos
Os eventos podem ser usados de três formas:
publish: dispara o evento
subscribe: escuta o evento\nunsubscribe: deixa de escutar o evento, sendo que, neste caso, deve-se passar o mesmo callback informado no subscribe que deseja-se deixar de executar.
unsubscribe: deixa de escutar o evento, sendo que, neste caso, deve-se passar o mesmo callback informado no subscribe que deseja-se deixar de executar.
Publish
'basket/add', { params, redirectTo, urlBasket }
'/product/price', { ProductID, Additionals }
'/product/asyncprice/' + ProductID, { ProductID, SKUID }
Subscribe
'/wd/product/gift/created' '/wd/product/gift/selected' '/wd/product/variation/changed/'
Importante
Os argumentos informados nos eventos são opcionais. Ao escutá-los (subscribe) é recomendado validar se o argumento existe antes de utilizá-lo para evitar erros na execução do script.