Associações de produtos

Exibe os produtos associados ao produto corrente.

📘

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.

Exemplo de compre juntoExemplo de compre junto

Exemplo de compre junto

Parâmetros

Os parâmetros são utilizados para configurar o widget. Veja aqui a lista dos parâmetros globais.

Nome

Descrição

Tipo

Valor padrão

TextNoProducts

Mensagem: Sem produtos

Texto

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

caso você não seja redirecionado.

TextBuyTogether

Mensagem: Compre Junto

Texto

Compre Junto

TextUpPriceTakeThis

Mensagem: Leve por mais

Texto

Leve este produto por mais

TextSelectVariation

Mensagem: Alerta - Escolha uma opção

Texto

Escolha uma opção

TextMainNoVariationSelected

Mensagem: Escolha todas as opções

Texto

Escolha todas as opções acima para adicionar ao carrinho

PageSize

Número de produtos exibidos, se zero ou vazio, exibe 4 resultados

Number

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
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.


Did this page help you?