Como criar um controle deslizante do Shopify no celular com o GemPages V7

Como criar um controle deslizante no celular

GemPages tem projeto ágil integrado, o que significa que, ao adicionar um controle deslizante no celular, ele terá automaticamente o design adequado para dispositivos móveis. O GemPages sempre incentiva os usuários a criarem o design primeiro no desktop e depois mudarem para a visualização móvel para fazer os ajustes necessários.

Opção 1: Crie um controle deslizante do Shopify usando o elemento carrossel

Esta opção permite que você crie um controle deslizante do Shopify para quase qualquer elemento.

Passo 1: Abra a página onde você deseja adicionar o controle deslizante.
Passo 2: Encontre o carrossel elemento e arraste-o para sua página.

Passo 3: Clique no Carrossel para abrir suas configurações. Para cada slide, você pode adicionar vários elementos, como:

• Banners de heróis: ótimos para conteúdo promocional com imagens, manchetes e botões de chamada para ação.
• Módulos de produtos: mostre produtos individuais com imagens, títulos e preços.
• Imagens ou blocos de texto: para conteúdo personalizado ou depoimentos.

Etc.

Personalize o conteúdo de cada slide para atender às suas necessidades.

Passo 4: Com o carrossel selecionado, vá para o Configurações aba. Você pode ajustar:

• Número de itens: quantos itens exibir por slide (até 12).
• Espaçamento: Espaço entre itens.
• Sneak Peek: ative para mostrar parcialmente o próximo slide.
• Controles de navegação: ative setas ou pontos para controle manual.
• Reprodução automática: defina transições automáticas de slides.

Para obter mais informações sobre as configurações do carrossel, consulte Elemento carrossel.
Para um guia visual sobre como criar apresentações de slides com os elementos Carrossel e Banner de Herói, você pode achar o seguinte tutorial útil:

Passo 5: Mudar para Exibição móvel dentro do editor para visualizar o controle deslizante em telas menores. Ajuste texto, imagens e botões conforme necessário.

Opção 2: Crie um controle deslizante do Shopify usando Elemento da lista de produtos

Se você deseja apenas um controle deslizante para imagens de produtos, use o Lista de imagens de produtos elemento.

Passo 1: Abra a página para editar, encontre o Lista de Produtos elemento, arraste e solte-o na sua página.

Passo 2: Selecione a Lista de Imagens do Produto, vá para Configurações guia, encontrar traçado seção e escolha Slider.

Passo 3: Personalize as opções do controle deslizante, como número de imagens, controles de navegação e espaçamento.

Para mais informações, consulte o Elemento da lista de produtos.

Como criar um controle deslizante somente para dispositivos móveis?

Se você quiser um controle deslizante que mostre apenas em dispositivos móveis, usar Configurações de visibilidade do GemPages:

Passo 1: Selecione o controle deslizante que você deseja ocultar na área de trabalho.
Passo 2: Vou ao Avançado guia, então Exibir Ligado, e alternar WOW! a visualização da área de trabalho.

Isso tornará o controle deslizante visível apenas em dispositivos móveis.