Produto configurável
Um produto configurável é exibido como um único produto com opções suspensas para variações (como cor ou tamanho). Cada variação é um produto simples separado com sua própria SKU, permitindo o rastreamento individual do inventário, ao contrário de produtos simples com opções personalizadas.
Recomendado para: produtos com várias opções (cor, tamanho, material, etc.) nos quais você precisa rastrear o inventário para cada variação. A configuração inicial leva mais tempo, mas fornece melhor escalabilidade.
Antes de começar
Lista de verificação de pré-requisitos
Antes de criar um produto configurável, verifique se você tem:
- Conjunto de Atributos - Um conjunto de atributos que inclui atributos de variação (como cor e tamanho)
- Atributos de Variação Criados - Atributos definidos com as configurações abaixo
- Imagens de Produtos - (Opcional, mas recomendado) Imagens do produto principal e de cada variação
Requisitos de atributo
Cada atributo usado para variações de produto deve ter estas configurações:
GlobalDropdown, Visual Swatch ou Text SwatchYesPara obter instruções sobre como criar atributos, consulte Atributos do produto.
Fase 1: Criar a base do produto
Etapa 1: Escolher o tipo de produto
-
Na barra lateral Admin, vá para Catalog > Products.
-
No menu Add Product(
{width="25"} ), no canto superior direito, escolha Configurable Product.
{width="700" modal="regular"}
Etapa 2: Escolher o conjunto de atributos
O conjunto de atributos determina quais campos aparecem no formulário de produto e quais atributos estão disponíveis para variações.
-
Clique no campo do conjunto de atributos na parte superior da página e siga um destes procedimentos:
- Para Search, insira o nome do conjunto de atributos.
- Na lista, escolha o conjunto de atributos que deseja usar.
O formulário é atualizado para refletir o conjunto de atributos selecionado.
-
Se precisar adicionar outro atributo ao conjunto de atributos, clique em Add Attribute e siga as instruções em Adicionando um Atributo.
{width="600" modal="regular"}
Etapa 3: Inserir informações básicas
-
Insira o produto Product Name.
-
Aceite o SKU padrão com base no nome do produto ou insira um valor diferente.
-
Insira o produto Price.
note note NOTE Esse preço é substituído pelos preços do produto filho. O preço real exibido para os clientes vem dos In Stock produtos secundários. -
Como o produto ainda não está pronto para publicação, defina Enable Product como
No. -
Clique em Save e continue.
Quando o produto é salvo, o seletor de Exibição da loja aparece no canto superior esquerdo.
-
Escolha o Store View onde o produto deve estar disponível.
{width="600" modal="regular"}
Etapa 4: completar as configurações básicas
-
Defina Tax Class como um dos seguintes:
NoneTaxable Goods
-
Deixe Quantity em branco. A quantidade é determinada pelas variações do produto.
-
Deixe Stock Status como definido.
O status do estoque de um produto configurável é determinado por suas variações associadas. Como o produto foi salvo sem uma quantidade, o Stock Status está definido como
Out of Stock.note note NOTE O Status do Estoque de um produto configurável é uma configuração controlada semimensalmente, parcialmente baseada no status do estoque de seus produtos derivados. Isso faz parte de um cálculo de status de estoque de vários critérios. Consulte Configurar status do estoque para obter detalhes. -
Insira o produto Weight.
note note NOTE Um produto configurável deve sempre ter um peso. Se você selecionar This item has no weight na lista suspensa, ele será alterado automaticamente para This item has weight quando você salvar o produto. -
Aceite a configuração padrão Visibility de
Catalog, Search. -
Para incluir o produto na lista de novos produtos, marque a caixa de seleção Set Product as New.
-
Para atribuir categorias ao produto, clique na caixa Select… e siga um destes procedimentos:
Escolha uma categoria existente:
-
Comece a digitar na caixa para encontrar uma correspondência.
-
Marque a caixa de seleção de cada categoria a ser atribuída.
{width="600" modal="regular"}
Criar uma nova categoria:
-
Clique em New Category.
-
Insira o Category Name e escolha o Parent Category para determinar sua posição na estrutura de menu.
-
Clique em Create Category.
-
-
Escolha o Country of Manufacture.
Atributos adicionais podem aparecer dependendo do conjunto de atributos. Você pode concluí-los mais tarde.
Etapa 5: salvar e continuar
Este é um bom momento para salvar seu trabalho. Clique em Save no canto superior direito. Na próxima fase, você definirá as configurações para cada variação.
Fase 2: adicionar variações de produtos
As etapas a seguir mostram como adicionar configurações para várias variações. A barra de progresso na parte superior da página mostra sua posição atual no processo.
Exemplo: para uma camisa com 3 cores e 3 tamanhos, você criará 9 produtos simples com SKUs exclusivas (uma para cada combinação). Por padrão, o nome do produto e o SKU de cada variação se baseiam no valor do atributo e no nome do produto principal ou SKU.
Etapa 6: Escolher atributos de variação
-
Role para baixo até a seção Configurationse clique em Create Configurations.
{width="600" modal="regular"}
-
Marque a caixa de seleção de cada atributo para incluir como uma variação.
Para este exemplo,
coloresizeestão selecionados. {width="600" modal="regular"}
A lista inclui todos os atributos do conjunto de atributos que podem ser usados em um produto configurável.
-
Se precisar adicionar um atributo, clique em Create New Attribute e faça o seguinte:
-
Complete as propriedades do atributo.
-
Clique em Save Attribute.
-
Marque a caixa de seleção do atributo.
-
-
Clique em Next no canto superior direito.
Etapa 7: Selecionar valores de atributo
-
Para cada atributo, marque a caixa de seleção dos valores que se aplicam ao produto.
{width="600" modal="regular"}
-
Para reorganizar os atributos, pegue o ícone Reordenar (
) e mova a seção para uma nova posição.
A ordem determina a posição das listas suspensas na página do produto.
-
Na barra de progresso, clique em Next.
Etapa 8: configurar imagens, preços e inventário
Essa etapa determina as imagens, os preços e a quantidade para cada configuração. As opções disponíveis são as mesmas para cada uma. Você pode aplicar a mesma configuração a todos os SKUs, aplicar configurações exclusivas a cada SKU ou ignorar as configurações por enquanto.
Configurar imagens
Escolha a opção de configuração que se aplica:
Opção 1: aplicar um único conjunto de imagens a todas as SKUs
-
Selecione Apply single set of images to all SKUs.
-
Navegue até cada imagem a ser incluída na galeria de produtos ou arraste imagens para a caixa.
Opção 2: Aplicar imagens exclusivas para cada SKU
Como a imagem do produto principal já foi carregada, use essa opção para carregar imagens para cada variação. Você pode adicionar diferentes imagens que aparecem no carrinho de compras quando alguém compra uma variação específica.
-
Selecione Apply unique images by attribute to each SKU.
-
Selecione a Attribute que as imagens ilustram, como
color. -
Para cada valor de atributo, navegue até as imagens que serão usadas para essa configuração ou arraste-as para a caixa.
Se você arrastar uma imagem para uma caixa de valor, ela também aparecerá nas seções para outros valores. Para excluir uma imagem, clique no ícone da Lixeira (
).
{width="600" modal="regular"}
Configurar preços
Escolha a opção de configuração que se aplica:
Opção 1: Aplicar o mesmo preço a todas as SKUs
-
Se o preço for o mesmo para todas as variações, selecione Apply single price to all SKUs.
-
Insira o Price.
{width="600" modal="regular"}
Opção 2: Aplicar um preço diferente para cada SKU
-
Se o preço for diferente para cada uma ou para algumas variações, selecione Apply unique prices by attribute to each SKU.
-
Selecione o Attribute que é a base da diferença de preço.
-
Digite o Price para cada valor de atributo.
Neste exemplo, o tamanho XL custa mais.
{width="600" modal="regular"}
Configurar inventário
Escolha a opção de configuração que se aplica:
Opção 1: aplicar a mesma quantidade a todas as SKUs
Se a quantidade for a mesma para todos os SKUs, selecione Apply single quantity to each SKU e especifique a quantidade.
Comerciantes únicos do Source :
Insira o Quantity.
Vários comerciantes do Source usando o Inventory management :
Atribuir origens e adicionar quantidades para todas as grades de produtos geradas:
-
Selecione a opção Apply single quantity to each SKU.
-
Para adicionar uma origem, clique em Assign Sources.
-
Procure ou procure uma origem para adicionar. Marque a caixa de seleção ao lado das origens do produto.
-
Informe uma quantia de inventário em estoque por origem.
{width="600" modal="regular"}
Opção 2: Aplicar quantidade diferente por atributo
Comerciantes únicos do Source :
Digite o Quantity para cada valor de atributo.
Vários comerciantes do Source usando o Inventory management :
Atribuir origens e adicionar quantidades para todas as grades de produtos geradas:
-
Selecione Apply unique quantity by attribute to each SKU.
-
Insira o Quantity para cada variação.
{width="600" modal="regular"}
Quando a configuração de imagens, preço e quantidade estiver concluída, clique em Next no canto superior direito.
Etapa 9: Gerar configurações de produto
Aguarde um momento para que a lista de produtos seja exibida e siga um destes procedimentos:
-
Se você estiver satisfeito com as configurações, clique em Generate Products.
-
Para fazer correções, clique em Back.
As variações de produtos atuais aparecem na parte inferior da seção Configuração.
Etapa 10: adicionar imagens de produtos
-
Role para baixo e expanda
na seção Images and Videos.
-
Clique no bloco Câmera e navegue até a imagem principal a ser usada para o produto configurável.
Para obter mais informações, consulte Imagens e Vídeo.
Etapa 11: Informações completas sobre o produto
Role para baixo e preencha as informações nas seguintes seções, conforme necessário:
Fase 3: publicar o produto
Etapa 12: publicar o produto
-
Se você estiver pronto para publicar o produto no catálogo, defina Enable Product como
Yes. -
Siga um destes procedimentos:
Método 1: salvar e visualizar
-
No canto superior direito, clique em Save.
-
Para exibir o produto em sua loja, escolha Customer View no menu Admin (
).
A loja é aberta em uma nova guia do navegador.
{width="600" modal="regular"}
Método 2: Salvar e fechar
No menu Save(
{width="25"} ), escolha Save & Close.
-
Configurar status do estoque
O status do estoque de produtos configuráveis é diferente do status de estoque de produtos simples. Para um produto configurável, o status do estoque faz parte de um cálculo de vários critérios.
Como o status do estoque funciona
Os princípios-chave do comportamento do status do estoque:
Out of Stock (manual)Out of Stock no Administrador e na LojaIn StockIn Stock (manual)Quando definido como "Em estoque"
Ao definir manualmente o status do estoque do produto configurável para In Stock, ele se comporta de forma diferente dependendo da configuração do inventário:
Somente com origem/estoque padrão:
- Admin e Storefront: o status do Stock reflete automaticamente a disponibilidade do produto derivado
Com pelo menos uma origem/estoque personalizado:
- Loja: o status do estoque reflete automaticamente a disponibilidade do produto derivado
- Administrador: Permanece como
In Stockaté ser alterado manualmente (não controlado por produtos derivados)
CatalogInventory, que foi descontinuado.Alterações manuais de status do estoque
Se você definir manualmente o status do estoque para Out of Stock (por meio da ação do usuário administrador, importação de arquivo ou chamada de API), ele permanecerá Out of Stock no Administrador e na Loja até que você altere manualmente de volta para In Stock. Ela não é afetada pelo status de estoque de produtos secundários.
Configuração do sistema (opcional)
Exibir imagens de variação em miniaturas do carrinho
Se você tiver imagens diferentes para cada variação, poderá configurar o sistema para exibir a imagem correta para a miniatura do carrinho de compras.
-
Na barra lateral Admin, vá para Stores > Settings>Configuration.
-
No painel esquerdo, expanda Sales e escolha Checkout.
-
Expandir
a seção Shopping Cart.
-
Defina Configurable Product Image como
Product Thumbnail Itself. -
Clique em Save Config.
{width="600" modal="regular"}
Principais considerações
-
Tipos de variação: os compradores podem selecionar opções de tipos de entrada com lista suspensa, seleção múltipla, amostra visual e amostra de texto. Cada opção é um produto simples e separado.
-
Rastreamento de inventário: diferentemente dos produtos simples com opções personalizadas, os produtos configuráveis rastreiam o inventário de cada variação independentemente.
-
Tipos de produtos secundários: os produtos secundários podem ser produtos simples ou virtuais sem opções personalizadas. Para tornar os produtos derivados virtuais, selecione
Тhis item has no weightpara a configuração Weight para cada filho. -
Atribuição global: os produtos derivados são atribuídos e desatribuídos do produto configurável globalmente em todos os sites, lojas e exibições de loja simultaneamente.
-
Preços: um produto configurável não tem seu próprio preço no catálogo. O preço exibido vem de seus In Stock produtos secundários.
-
Atributos: os atributos de variação devem ter um escopo global, e os clientes devem ser solicitados a escolher um valor. Os atributos devem ser incluídos no conjunto de atributos usado para o produto configurável.
-
Miniaturas do carrinho: a miniatura do carrinho de compras pode exibir a imagem do registro do produto configurável ou da variação do produto. Consulte Configuração do Sistema acima.
-
Comportamento da amostra: os Atributos da amostra podem ser configurados para não exibir imagens do produto simples correspondentes quando a amostra for selecionada ao configurar Update Product Preview Image como
Nona página de edição do atributo. -
Comportamento da galeria de imagens: o tema controla como a Galeria de imagens se comporta quando os usuários alternam entre as configurações do produto. O comportamento padrão do tema Em branco substitui as imagens de produto configuráveis principais pela variação selecionada. Para o tema Luma, o comportamento padrão é anexar as imagens de variação selecionadas às imagens do produto configuráveis principais.