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
  1. Selecione o Site(canal) e a Rota(página).
  1. Clique em Editar Template.
  1. Insira o código HTML abaixo:
<div class="carrossel-v2">
  
    {% area(name="carrossel de produtos") %}
  
</div>
  1. Clique Salvar.

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

  1. Selecione a área.
  1. No campo de pesquisa digite carrossel e arraste o ‘carrossel de produtos v2’ para a área
    carrossel” criada recentemente.
  1. 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).

  2. 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

  3. Após ajustar estes campos, salve.


Did this page help you?