Documentação / Shop The Look

Shop The Look

O Shop The Look exibe, na página de um produto, um bloco “Compre o Look” com outras peças que combinam com ele. O cliente seleciona o que quer, escolhe os tamanhos e adiciona tudo ao carrinho de uma vez, com um único clique.

Você controla tudo pelo painel administrativo — sem mexer em código e sem depender de ninguém para publicar, pausar ou remover um combo.

Onde encontrar no painel

No menu lateral do WordPress, acesse Produtos → Shop The Look. Você verá duas abas no topo:

  • Kits — onde você cria, edita e gerencia todos os looks da loja.
  • Tutoriais — um resumo rápido direto no painel, para consultar sem sair do WordPress. Esta documentação cobre tudo com mais detalhe; a aba serve como lembrete do dia a dia.

Como o cliente vê na loja

No desktop, os produtos do look aparecem lado a lado, com um resumo (total e botão de compra) fixo ao lado — e looks com muitos produtos ganham rolagem horizontal. No celular, as peças aparecem empilhadas em lista, com o total e o botão “Comprar Look” logo abaixo.

sualoja.com.br/produto/calca-wide-leg

Compre o Look

2 itens → 10% OFF3 itens → 25% OFF4 itens → 30% OFF
Calça Wide Leg
R$ 289,90
36384042
Blusa Cropped Canelada
R$ 149,90
PMG
Cinto de Couro Caramelo
R$ 89,90
R$ 529,70R$ 397,28Você economiza R$ 132,42 (25%)
Comprar Look
Bloco “Compre o Look” na página do produto, com desconto progressivo ativo. As telas podem variar conforme a versão.

Em desktop e celular, o comportamento é o mesmo:

  • o cliente marca e desmarca quais peças quer levar;
  • cada peça com variação mostra os tamanhos disponíveis;
  • o total é recalculado automaticamente, já considerando o desconto progressivo (se houver);
  • ao clicar em Comprar Look, os itens vão para o carrinho — incluindo o carrinho lateral (mini-cart) — sem recarregar a página.

Tamanhos esgotados e produtos indisponíveis

  • Se uma variação (tamanho) está esgotada, ela continua aparecendo no bloco, mas riscada e sem poder ser clicada — o cliente sabe que o tamanho existe, mesmo fora de estoque no momento.
  • Ao carregar a página, o sistema já seleciona automaticamente o primeiro tamanho disponível.
  • Se um produto inteiro está esgotado, ele aparece marcado como indisponível, não entra no total e não pode ser adicionado — mas o restante do look continua funcionando normalmente.

Pronto para montar o primeiro combo? Siga o passo a passo em Criando e gerenciando kits.

Documentação do Shop The Look · escrita com base na versão 1.17.0. As telas ilustradas podem variar conforme a versão instalada na sua loja.