Como reordenar colunas em uma linha

Para reordenar colunas em um linha em GemPages, selecione a linha, abra o Gerenciamento de Itens Na seção de configurações à direita, arraste cada coluna para cima ou para baixo para alterar sua posição. A nova ordem será aplicada instantaneamente, sem afetar seu conteúdo ou estilos.

Se você já quis inverter uma imagem e um bloco de texto, reorganizar uma lista de recursos ou testar uma ordem de layout diferente, não precisa mover cada elemento manualmente. O Gerenciamento de Itens do GemPages permite reordenar colunas inteiras dentro de uma linha com apenas alguns cliques.

O que é reordenação de colunas no GemPages?

A reordenação de colunas é um recurso do painel de Gerenciamento de Itens do GemPages que permite alterar a posição das colunas dentro de uma linha. Em vez de arrastar elementos individuais (como imagens, títulos ou botões) de uma coluna para outra, você pode mover uma coluna inteira — juntamente com tudo o que estiver dentro dela — para uma nova posição com um único arrastar.

Quando reordenar as colunas em uma linha

Reordenar colunas por meio do Gerenciamento de Itens é a abordagem mais rápida quando você deseja:

• Inverter um layout de imagem e texto Por exemplo, mover a imagem de um produto da coluna da direita para a coluna da esquerda sem reconstruir a seção.
• Reorganizar linhas com várias colunas tais como destaques de funcionalidades, grupos de depoimentos ou coleções de produtos.
• Teste A/B com diferentes ordens de layout durante as iterações de projeto.
• Mantenha todas as configurações dos elementos intactas. alterando apenas a ordem das colunas na página.

Como reordenar colunas em uma linha no GemPages

Siga estes dois passos para alterar a ordem das colunas em uma linha.

Passo 1: Selecione a linha que contém as colunas que você deseja reordenar.

No editor GemPages, clique na linha que deseja reorganizar. Certifique-se de selecionar a Linha A linha selecionada, e não uma coluna ou um elemento dentro dela. Uma vez selecionada, a linha será destacada e o painel de configurações da linha será aberto no lado direito do editor.

Etapa 2: Reordene as colunas na seção Gerenciamento de Itens.

Desloque-se até o Gerenciamento de Itens Na seção, você verá uma lista de todas as colunas dentro da linha selecionada, exibidas na ordem atual da esquerda para a direita.

Para alterar a ordem:

1. Clique e mantenha pressionada a coluna que deseja mover.
2. Arraste-o para cima ou para baixo na lista até a nova posição.
3. Solte para colocar no lugar.

O layout no editor é atualizado instantaneamente para refletir a nova ordem das colunas. Todos os elementos, estilos, animações e configurações responsivas dentro de cada coluna permanecem exatamente como estavam — apenas a posição muda.