Criar carrossel de produtos via widget

O primeiro passo para a criação do carrossel, é criar a área para disponibilizarmos o widget do carrossel:

1. Acesse o menu Aparência > Configurar Design

2. Selecione o Site(canal) e a Rota(página).

3. Clique em Editar Template.

4. Insira o código HTML abaixo:

<div class="carrossel-v2">
  
    {% area(name="carrossel de produtos") %}
  
</div>

5. Clique Salvar.

6. Em Configurar Design selecione Editar Widgets para visualizar as áreas vinculadas
   nesse Template .

7. Selecione a área.

8. No campo de pesquisa digite carrossel e arraste o ‘carrossel de produtos v2’ para a área
   “carrossel” criada recentemente.

9. Clique na engrenagem e acesse a aba ‘campos do template’, abaixo são os campos chaves para a apresentação do carrossel:
   ● Você deve inserir uma lista de produtos (lista pública com URL amigável)
   ● Números de produtos exibidos (a quantidade total de produtos que o carrossel
   deve conter).

10. Acesse a aba ‘campos do browser’ e ajuste os campos abaixo:
    ● Produtos visíveis são os produtos visíveis do carrossel, onde normalmente se
    utiliza entre 4 a 6 produtos
    ● Os produtos por scroll é a quantidade de produtos que vão ser apresentados
    após clicar na seta do carrossel para apresentar os próximos produtos

11. Após ajustar estes campos, salve.