Como criar uma grade de 5 colunas com elemento de linha ou carrossel

Por que criar uma grade de 5 colunas na sua página?

Um layout limpo e envolvente é essencial para exibir produtos e gerar conversões.

A grade de 5 colunas oferece mais flexibilidade, especialmente quando você deseja:

• Maximize a visibilidade do produto: Exiba vários produtos, recursos ou categorias em uma única linha para uma visão geral mais ampla.
• Melhore a experiência do usuário: Permita que os clientes visualizem mais itens de uma só vez, ajudando-os a tomar decisões de compra mais rápidas.

Com a última atualização em GemPages v7, agora você pode configurar uma grade de 5 colunas com mais facilidade e com melhores opções de personalização.

Como criar uma grade de 5 colunas no GemPages?

No GemPages v7, é fácil criar um layout de grade de 5 colunas em sua página usando o Linha Element ou de carrossel Element.

Primeiro, você precisa localizar o editor:

• No seu administrador do Shopify, navegue até Construtor GemPages aplicativo sob o Apps seção.
• Acesse PÁGINAS, onde você pode encontrar todas as suas páginas criadas com GemPages.
• Clique na página de destino para entrar no editor.

Se preferir criar um novo modelo, clique em Crie uma nova página.

Consulte Este artigo para obter mais instruções sobre como criar uma nova página com o GemPages.

Método 1: Use o elemento Row

Siga estas etapas para criar o layout de grade de 5 colunas com o elemento Row do GemPages.

Passo 1: Na barra lateral esquerda, arraste e solte o Elemento de linha para qualquer posição na sua página.

Passo 2: Clique no elemento para abrir seu painel de configurações. Sob o traçado seção, selecione o layout de 5 colunas.

Passo 3: Personalize o layout de acordo com sua preferência. Você pode:

• Solte um elemento dentro de cada coluna
• Ajuste o espaçamento das colunas
• Alterar a cor de fundo da grade
• Modificar a forma do elemento

Dicas: Use tamanhos de imagem de produto consistentes para manter a grade de 5 colunas visualmente equilibrada.

Método 2: Use o elemento Carrossel

Enquanto o Elemento de linha é simples, mas nem sempre pode ser a solução mais eficiente, especialmente em dispositivos móveis, onde uma grade de 5 colunas pode consumir muito espaço vertical.

O processo de Elemento carrossel oferece uma opção mais dinâmica e que economiza espaço para expor produtos. Veja como configurá-lo:

Passo 1: Arraste e solte o Elemento Carrossel na sua página onde você quer que a grade apareça.

Passo 2: Sob o Itens por slide seção, selecione a grade de 5 itens.

Passo 3: Agora, projete o carrossel de grade de 5 colunas para se adequar à sua marca.

Você também pode habilitar autoplay, setas de navegação, ou gestos de furto para uma experiência de navegação mais suave no celular.

Perguntas Frequentes

1. Posso criar mais de 5 colunas (por exemplo, 6 ou 7)?

Atualmente, o GemPages oferece suporte até 6 colunas no elemento Row. Para layouts que exigem mais itens, o elemento Carousel é a opção recomendada.

2. A grade de 5 colunas responde em dispositivos móveis?

Sim. O layout se ajustará automaticamente em dispositivos móveis. No entanto, para melhor legibilidade, menos itens (por exemplo, 2 a 3 colunas) podem ser exibidos por linha, dependendo do tamanho da tela.

3. Qual elemento devo usar: Linha ou Carrossel?

Use o elemento Linha para um layout estático de 5 colunas. Se você deseja um design que economize espaço e seja rolável (ideal para dispositivos móveis), o elemento Carrossel é a melhor escolha.

4. Posso misturar elementos diferentes dentro da grade de 5 colunas?

Sim. Você pode inserir elementos de produtos, imagens ou quaisquer outros elementos em cada coluna.