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

  • Acesse o menu Aparência > Configurar design
  • Selecione o Site(canal) e a Rota(página)
  • Clique em Editar Template
  • Insira o código HTML abaixo:
<div class="carrossel-v2">
  
    {% area(name="carrossel de produtos") %}
  
</div>
  • Clique em Salvar

Ainda na aba Configurar Design selecione Editar Widgets para visualizar as áreas vinculadas nesse Template

  • Selecione a área
  • No campo de pesquisa digite carrossel e arraste o ‘Carrossel de produtos v2’ para a área
    “carrossel” criada recentemente
  • Clique na engrenagem e acesse a aba Campos do Template
  • Abaixo são os campos-chave 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).

  • 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 são a quantidade de produtos que vão ser apresentados
após clicar na seta do carrossel para apresentar os próximos produtos.

  • Após ajustar estes campos, salve. 
  • Sem rótulos