# 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="cadastrando-produto-simplificado" %}
[cadastrando-produto-simplificado](https://ajuda.toplojas.com.br/produtos/cadastrando-produto-simplificado)
{% 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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-ff8acpPNASHSYHLa%2F-M9-tS6s4i4gJU6-f-fp%2F2020-06-04_16h54_00.png?alt=media\&token=768821fb-b46a-43a9-97b1-eb26b7c0fb1c)

### 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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-ff8acpPNASHSYHLa%2F-M9-sya7Ndhe_7X9LTVn%2F2020-06-04_16h51_27.png?alt=media\&token=d020e743-ea22-4554-81b8-fdf050f667bf)

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-ff8acpPNASHSYHLa%2F-M9-t0VafjQ03cL_fGQD%2F2020-06-04_16h51_35.png?alt=media\&token=fc11c725-a5a3-4445-b3fc-b4a2ebd92815)

## 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="cadastrando-produto-simplificado" %}
[cadastrando-produto-simplificado](https://ajuda.toplojas.com.br/produtos/cadastrando-produto-simplificado)
{% 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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-w-Cyz0FQlRdsDGGq%2F2020-06-04_17h04_29.png?alt=media\&token=d25678e6-7974-4dbc-a6e6-24478318604d)

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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-w9en_WrghOa51LsW%2F2020-06-04_17h05_08.png?alt=media\&token=bf594a0e-baec-4478-9f4f-762a1de2ae45)

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***):&#x20;

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-xFan7tGw7mc32uvE%2F2020-06-04_17h07_26.png?alt=media\&token=5b5c78bf-a64f-49f1-a8d9-859e07629bb4)

Preencha o primeiro tamanho no campo que esta aberto:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-xGRzleMQ0cXWcggg%2F2020-06-04_17h08_12.png?alt=media\&token=16f402f4-e14a-4521-9003-4eeecae166aa)

Clique em <img src="https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-xJ6v6fzAURE3YRq-%2F2020-06-04_17h08_32.png?alt=media&#x26;token=1b0c0f48-ab13-4b0c-a0db-10b4ebe5309f" alt="" data-size="line"> para **adicionar mais uma variação:**&#x20;

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-xKPy_KGhLDPvhyOx%2F2020-06-04_17h08_37.png?alt=media\&token=6f334f69-057e-48b4-9efe-180a425d8b6d)

Preencha o segundo tamanho no campo aberto:&#x20;

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-xM5rGpN469fpDunU%2F2020-06-04_17h09_13.png?alt=media\&token=ac39f44e-0e70-4157-9c0e-54ce6a3b611b)

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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-xcCRxaa6G7-upX1P%2F2020-06-04_17h12_06.png?alt=media\&token=942e5252-912a-48f3-9456-cc62bcff36d7)

Clique em "**Cadastrar Produto**":

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-xTRHyEDZxsBOwyhS%2F2020-06-04_17h11_34.png?alt=media\&token=4ea0e645-c496-44dd-b962-b8d99836143d)

## 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="cadastrando-produto-simplificado" %}
[cadastrando-produto-simplificado](https://ajuda.toplojas.com.br/produtos/cadastrando-produto-simplificado)
{% 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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-w-Cyz0FQlRdsDGGq%2F2020-06-04_17h04_29.png?alt=media\&token=d25678e6-7974-4dbc-a6e6-24478318604d)

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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-w9en_WrghOa51LsW%2F2020-06-04_17h05_08.png?alt=media\&token=bf594a0e-baec-4478-9f4f-762a1de2ae45)

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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-yIMxAxt7Y9a0_RgM%2F2020-06-04_17h15_04.png?alt=media\&token=fb0ad64f-d537-4493-b167-36ead285bf34)

Preencha o primeiro tamanho no campo que esta aberto:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M9-yV-x1ezkWDPjuHl1%2F2020-06-04_17h15_57.png?alt=media\&token=12f5a5d9-1b2f-4359-851c-dd1a1d1ea5f9)

Clique em <img src="https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-xJ6v6fzAURE3YRq-%2F2020-06-04_17h08_32.png?alt=media&#x26;token=1b0c0f48-ab13-4b0c-a0db-10b4ebe5309f" 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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M9-yijAvP0cogUoPj3g%2F2020-06-04_17h16_54.png?alt=media\&token=8ccc856e-a783-49de-b65b-9ebf3cd60641)

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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M9-yqYfIE3qICEPeges%2F2020-06-04_17h17_29.png?alt=media\&token=c6bff202-583a-456c-b408-19605c454201)

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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M9-z-C-cTvy4M8bn38z%2F2020-06-04_17h18_11.png?alt=media\&token=2cb344fd-9474-4fb7-b74c-42c78b1326d2)

Clique novamente no <img src="https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-xJ6v6fzAURE3YRq-%2F2020-06-04_17h08_32.png?alt=media&#x26;token=1b0c0f48-ab13-4b0c-a0db-10b4ebe5309f" alt="" data-size="line">  localizando ao lado direito da Variação (*Neste caso "**Tamanho: P"***):

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M9-zEclJLjcp9uVPFE3%2F2020-06-04_17h19_10.png?alt=media\&token=dea586e8-7df1-4539-b6f3-8cc558216cdd)

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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M9-zPX9f_a8bTliRgD8%2F2020-06-04_17h19_58.png?alt=media\&token=9408da59-aaec-407c-b77a-2721c269bba9)

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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M9-ztGOZYolVC6RGCGQ%2F2020-06-04_17h21_21.gif?alt=media\&token=67bef2a9-4deb-4aec-b3fe-deadceaebb7e)

Os dados preenchidos devem ficar semelhante a janela abaixo:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M90-8WAoIiRPw0UOGe8%2F2020-06-04_17h22_23.png?alt=media\&token=fe316d9c-d5de-443f-8b85-01158f7f644e)

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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M90-AfoUlTt5q3kih90%2F2020-06-04_17h22_38.png?alt=media\&token=779661b0-8738-4806-885a-02e1361326e6)

Clique em "**Cadastrar Produto**":

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-taSyFqtESNUYb361%2F-M9-xTRHyEDZxsBOwyhS%2F2020-06-04_17h11_34.png?alt=media\&token=4ea0e645-c496-44dd-b962-b8d99836143d)

## Personalizando uma Variação

Por padrão **todas as variações utilizam os dados do produto em que ela esta 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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M901rOFH3OADnvy4JK0%2F2020-06-04_17h34_58.png?alt=media\&token=681c3fbe-61d1-4858-a570-debbb63b6502)

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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M90231tkUm4NKZpMY3u%2F2020-06-04_17h35_57.png?alt=media\&token=ae0e240c-557a-4942-aaef-5a5047915799)

### 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 ira ocorrer, para isto, selecione no campo "**Preço**" uma das opções:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M903YljFT-LEyMUW9QO%2F2020-06-04_17h38_25.png?alt=media\&token=17160bf1-45ea-40c8-899a-03fb79b7c96e)

#### Adicionar

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

**Exemplo:**&#x20;

`O produto tem valor R$ 100,00`&#x20;

`Você selecionou "Adicionar R$ 50,00"`&#x20;

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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M903aKSg_f285LMSbEl%2F2020-06-04_17h39_49.png?alt=media\&token=32fa1765-3a7c-423d-8546-ba3ca0af84e9)

#### Subtrair

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

**Exemplo:**&#x20;

`O produto tem valor R$ 100,00`&#x20;

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

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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M903bLOOtqoG0HS52va%2F2020-06-04_17h40_29.png?alt=media\&token=ad4a7130-c8b5-434e-a4fc-0c1f47d46d9f)

#### Fixar

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

**Exemplo:**&#x20;

`O produto tem valor R$ 100,00`&#x20;

`Você selecionou "Fixar R$ 160,00"`&#x20;

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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M903cO4hUIVWf9PNzB2%2F2020-06-04_17h40_42.png?alt=media\&token=d59737dd-7ec0-48bb-896a-cf1ba145b4ec)

### Peso

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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M903ySrd9FIqnTc7y0B%2F2020-06-04_17h44_04.png?alt=media\&token=12efbf4d-bd92-424b-9aff-c7024ae056e4)

#### Adicionar

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

**Exemplo:**&#x20;

`O produto tem peso 1.7 kg`

`Você selecionou "Adicionar 0.3"`&#x20;

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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M904dljsR3UTqAweFXe%2F2020-06-04_17h46_52.png?alt=media\&token=5b313a12-5327-40ee-bedb-3c53bb711fe7)

#### Subtrair

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

**Exemplo:**&#x20;

`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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M904f3FnkUuxf9cPTgb%2F2020-06-04_17h47_04.png?alt=media\&token=123d4a3f-d8fd-4343-a1a4-b77cdb20433b)

#### Fixar

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

**Exemplo:**&#x20;

`O produto tem peso 1.7 kg`&#x20;

`Você selecionou "Fixar 2.9 kg"`&#x20;

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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M904g79UpGRzITZj0fp%2F2020-06-04_17h47_19.png?alt=media\&token=9a48b1f2-4b3f-44f2-9f51-25b212a9f852)

{% 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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M905-pxqcr05UxGRRao%2F2020-06-04_17h48_48.png?alt=media\&token=5c48984b-facb-4582-9062-3fdb79ee954d)

{% 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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M905jpNefumZ8t0S-U1%2F2020-06-04_17h52_06.png?alt=media\&token=14d6161b-7142-4b59-a979-07ef6ec1d536)

**Exemplo de funcionamento:**

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M9-yK1sjWKhQb3KllWG%2F-M906Yvimf6T6kgkISfK%2F2020-06-04_17h55_17.gif?alt=media\&token=46e4a73e-ce42-4665-bd26-bf2ff878b1ee)
