> For the complete documentation index, see [llms.txt](https://ajuda.toplojas.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.toplojas.com.br/produtos/cadastrando-produtos-variacoes.md).

# Cadastrando Produtos (Variações)

Antes de começar a criar variações é necessário preencher os dados básicos do produto, para isto siga o tutorial abaixo:

{% content-ref url="/pages/-M8gcFxw7Y4mTtftOH\_G" %}
[Cadastrando Produtos (Simplificado)](/produtos/cadastrando-produto-simplificado.md)
{% endcontent-ref %}

## Entendendo as Variações

Variações são **versões de um mesmo produto** com mudanças, Exemplo:

* **Camisetas** pode ter **seleção** de **Cores e Tamanhos** (*Onde as **variações** são as **Cores** e os **Tamanhos***)
* **Computadores** podem ter **seleção** de **Voltagem** (*Onde a **variação** é a **Voltagem***)

O sistema permite que sejam criados **dois níveis** de variação (**Variação** e **SubVariação**)

### Exemplo de Variação:

Temos um produto que possui as seguintes **tamanhos** (***Variação***):

* P
* M

Veja como fica na loja:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-ece081366273cf1da88e990c1ed54c7489fc861b%2F2020-06-04_16h54_00.png?alt=media)

### Exemplo de Variação e SubVariação

Temos um produto que possui as seguintes **tamanhos** (***Variação***):

* P
* M

E neste produto temos as seguintes **cores** (*SubVariações*):

* Branco, Verde (*No Tamanho P*)
* Branco, Verde, Vermelho (*No Tamanho M*)

Veja como fica na loja:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-a8fd5de8d24a3c45836d8106f9396dd2978c56c2%2F2020-06-04_16h51_27.png?alt=media)

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-a5ae77f8c47790cc07690d52a97904befe5efdcd%2F2020-06-04_16h51_35.png?alt=media)

## Criando um Produto com Variações

Antes de chegarmos ao controle de variações é necessário preencher os dados principais do produto, para isto, acesse o tutorial abaixo:

{% content-ref url="/pages/-M8gcFxw7Y4mTtftOH\_G" %}
[Cadastrando Produtos (Simplificado)](/produtos/cadastrando-produto-simplificado.md)
{% endcontent-ref %}

Para este exemplo, iremos criar um **produto com as variações abaixo**:

* **Tamanho:** P
* **Tamanho:** M

No cadastro de produto, clique na aba "**Estoque**" e clique em "**Estoque controlado por variações**":

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-ca8fc9d4b5cead920879da8d0502b033cf5291ff%2F2020-06-04_17h04_29.png?alt=media)

Com isto, será ativado as variações neste produto.

Clique em "**Variações**" para abrir a janela de controle de variações:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-57da3c38ef5ec453720bb50b8e492c73d0d60e72%2F2020-06-04_17h05_08.png?alt=media)

No campo "**Tipo de Variação**" selecione "**Apenas Variação**" (*Já que não iremos utilizar **SubVariação***) e no campo "**Variação**" preencha com "**Tamanho**" (*Já que iremos utilizar **variações** de **Tamanho***):

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-671ab49c35d7b256b559e25da834c0314536e0fe%2F2020-06-04_17h07_26.png?alt=media)

Preencha o primeiro tamanho no campo que está aberto:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-5a3415e9f1a082a0bdfcaa55e6336e9757e186ce%2F2020-06-04_17h08_12.png?alt=media)

Clique em <img src="https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-8e6fe9af88e9cfdab4e7e13fca4daad1c342e8e5%2F2020-06-04_17h08_32.png?alt=media" alt="" data-size="line"> para **adicionar mais uma variação:**

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-03ec00f8ff73cae48864831c3de315421f45947f%2F2020-06-04_17h08_37.png?alt=media)

Preencha o segundo tamanho no campo aberto:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-83aeefbead1a131cd9ab08bc0c0a308d64c34a4a%2F2020-06-04_17h09_13.png?alt=media)

Observe que em c**ada variação é abeto** um campo para inserir o "**Estoque Inicial**" desta variação:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-949cb0310df71fbdb2f5ee9bfb804e64e0ffa6c3%2F2020-06-04_17h12_06.png?alt=media)

Clique em "**Cadastrar Produto**":

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-64af18f1541185cde16f2327593129073f3d91c1%2F2020-06-04_17h11_34.png?alt=media)

## Criando um Produto com Variações e SubVariação

Antes de chegarmos ao controle de variações é necessário preencher os dados principais do produto, para isto, acesse o tutorial abaixo:

{% content-ref url="/pages/-M8gcFxw7Y4mTtftOH\_G" %}
[Cadastrando Produtos (Simplificado)](/produtos/cadastrando-produto-simplificado.md)
{% endcontent-ref %}

Para este exemplo, iremos criar um produto com as **variações** abaixo:

* **Tamanho:** P / **Cores:** Branco, Verde
* **Tamanho**: M / **Cores:** Branco, Verde, Vermelho

No cadastro de produto, clique na aba "**Estoque**" e clique em "**Estoque controlado por variações**":

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-ca8fc9d4b5cead920879da8d0502b033cf5291ff%2F2020-06-04_17h04_29.png?alt=media)

Com isto, será ativado as variações neste produto.

Clique em "**Variações**" para abrir a janela de controle de variações:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-57da3c38ef5ec453720bb50b8e492c73d0d60e72%2F2020-06-04_17h05_08.png?alt=media)

No campo "**Tipo de Variação**" selecione "**Variação e SubVariação**" (*Já que iremos utilizar **SubVariação***), no campo "**Variação**" preencha com "**Tamanho**" e no campo "**SubVariação**" preencha com "**Cor**":

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-0e6d7ca5b3dd0712b1face0ed02d57ef5e562fee%2F2020-06-04_17h15_04.png?alt=media)

Preencha o primeiro tamanho no campo que está aberto:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-6bef823006be551aec691c2353d44d966f552063%2F2020-06-04_17h15_57.png?alt=media)

Clique em <img src="https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-8e6fe9af88e9cfdab4e7e13fca4daad1c342e8e5%2F2020-06-04_17h08_32.png?alt=media" alt="" data-size="line">, ao **lado direito da variação preencha**, para **adicionar uma SubVariação** dentro desta variação:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-2a742b97dc73b029077aa85af7c1ad3f198fe918%2F2020-06-04_17h16_54.png?alt=media)

Observe que será **aberto um campo** para preencher a **subvariação**:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-996e141c144c60178d1beec63fd011be81e42d30%2F2020-06-04_17h17_29.png?alt=media)

Preencha com o nome da **subvariação** (*Neste caso "**Cor: Branco**"*):

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-fb815e8b67c8270364eb59fc6deace326e81a27e%2F2020-06-04_17h18_11.png?alt=media)

Clique novamente no <img src="https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-8e6fe9af88e9cfdab4e7e13fca4daad1c342e8e5%2F2020-06-04_17h08_32.png?alt=media" alt="" data-size="line"> localizando ao lado direito da Variação (*Neste caso "**Tamanho: P"***):

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-314028d4df39502529068200eabde5fbb13bab04%2F2020-06-04_17h19_10.png?alt=media)

Preencha o nome da subvariação (*Neste caso "**Cor: Verde**"*):

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-0c85413f0b03c5cf23255963b6f47c6d67cb6103%2F2020-06-04_17h19_58.png?alt=media)

Faça as mesmas ações com a variação "**M**" e suas subvariações "**Branco, Verde, Vermelho**":

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-ca81267a06bdf9cd705530d9bdaa1d61b9f94dca%2F2020-06-04_17h21_21.gif?alt=media)

Os dados preenchidos devem ficar semelhante à janela abaixo:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-6df1e3b05c2e5edfe543e00c60ff4bcbf784024b%2F2020-06-04_17h22_23.png?alt=media)

Observe que em **cada subvariação** é abeto um campo para inserir o "**Estoque Inicial**" desta variação:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-cf6b1786d5448ad40dec07ca1e66eb90372864c4%2F2020-06-04_17h22_38.png?alt=media)

Clique em "**Cadastrar Produto**":

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-64af18f1541185cde16f2327593129073f3d91c1%2F2020-06-04_17h11_34.png?alt=media)

## Personalizando uma Variação

Por padrão **todas as variações utilizam os dados do produto em que ela está incluída**, porém, podemos customizar.

Para isto, clique em "**Mais Detalhes**" ao lado da variação:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-5534d5e021ab716466654693bb77cc028c88639d%2F2020-06-04_17h34_58.png?alt=media)

Será aberta uma janela para personalizar a variação:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-e5720fda1aed953acc8f32a1ede4defd000cca6d%2F2020-06-04_17h35_57.png?alt=media)

### Dados Básicos

Nesta janela temos alguns dados que podem ser alterados, todos são opcionais.

Os dados mais básicos são:

* Referência (*Que seria o SKU da Variação*)
* GTIN
* EAN

### Preço

Para customizar o preço, precisamos antes selecionar como esta customização irá ocorrer, para isto, selecione no campo "**Preço**" uma das opções:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-b0f9a4f109b45d465eedc412e4b1192a29b544e2%2F2020-06-04_17h38_25.png?alt=media)

#### Adicionar

Nesta opção, você preenche um valor, que será somado ao valor do produto.

**Exemplo:**

`O produto tem valor R$ 100,00`

`Você selecionou "Adicionar R$ 50,00"`

`O valor da variação será R$ 150,00`

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-80d1a5985027701945a8a9c8be68f3427333b7ef%2F2020-06-04_17h39_49.png?alt=media)

#### Subtrair

Nesta opção, você preenche um valor, que será subtraído do valor do produto.

**Exemplo:**

`O produto tem valor R$ 100,00`

`Você selecionou "Subtrair R$ 20,00"`

`O valor da variação será R$ 80,00`

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-a8e2fa9e9a6b181bdeafd7883cd1178a846006fa%2F2020-06-04_17h40_29.png?alt=media)

#### Fixar

Nesta opção, você preenche um valor, que será utilizado como valor final da variação:

**Exemplo:**

`O produto tem valor R$ 100,00`

`Você selecionou "Fixar R$ 160,00"`

`O valor da variação será R$ 160,00`

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-7092c02b8cbb5726c94c612b78ef401ef4725028%2F2020-06-04_17h40_42.png?alt=media)

### Peso

Para customizar o peso, precisamos antes selecionar como esta customização irá ocorrer, para isto, selecione no campo "Peso" uma das opções:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-fcc7af3367aceabefcb0a52c97825cfeebaec6e8%2F2020-06-04_17h44_04.png?alt=media)

#### Adicionar

Nesta opção, você preenche um peso, que será somado ao peso do produto.

**Exemplo:**

`O produto tem peso 1.7 kg`

`Você selecionou "Adicionar 0.3"`

`O peso da variação será 2 kg`

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-7abce7711377407d470a092424160716869776b3%2F2020-06-04_17h46_52.png?alt=media)

#### Subtrair

Nesta opção, você preenche um peso, que será subtraído do peso do produto.

**Exemplo:**

`O produto tem peso 1.7 kg`

`Você selecionou "Subtrair 0.2 kg"`

`O peso da variação será 1.5 kg`

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-11ef4f0f3f24fc9bcfa4861d8cd6d1d32acf780c%2F2020-06-04_17h47_04.png?alt=media)

#### Fixar

Nesta opção, você preenche um peso, que será utilizado como peso da variação:

**Exemplo:**

`O produto tem peso 1.7 kg`

`Você selecionou "Fixar 2.9 kg"`

`O peso da variação será 2.9 kg`

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-964b10db1770bde9cbb629a174cb8942c4662091%2F2020-06-04_17h47_19.png?alt=media)

{% hint style="info" %}
Cuidado ao alterar o peso, ele é utilizados no cálculo de valor de frete do pedido
{% endhint %}

{% hint style="info" %}
O peso é armazenado em quilograma
{% endhint %}

### Dimensões

Para customizar as dimensões, preencha as dimensões da variação nos campos:

* Comprimento
* Largura
* Altura

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-3209dacafa4be658afe8c6acbcc09e106ee6d364%2F2020-06-04_17h48_48.png?alt=media)

{% hint style="info" %}
Cuidado ao alterar as dimensões, elas são utilizadas no cálculo de valor de frete do pedido
{% endhint %}

{% hint style="info" %}
As dimensões são armazenadas em centímetros (cm)
{% endhint %}

### Foto

É possível também inserir uma imagem para a variação, esta imagem é exibida **quando o cliente seleciona a variação**:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-11f349267e007a1020470e9d54aae3403a62044a%2F2020-06-04_17h52_06.png?alt=media)

**Exemplo de funcionamento:**

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-9a582414b599988f979fc4a91579d0c1ec308dbe%2F2020-06-04_17h55_17.gif?alt=media)
