Mover elementos
Tabela de conteúdo
Curto e agradável
Com a função "Move elements", você pode mover facilmente um elemento em seu site. Clique no elemento e mova-o usando os ícones de seta correspondentes que aparecem acima do elemento.
Como usar a função
Clique em um elemento no editor do Varify.io que você deseja mover. O elemento selecionado é enquadrado. Acima da moldura, você encontrará uma "seta para cima" e uma "seta para baixo".
Você pode mover elementos dentro de um grupo. Isso significa que, se você quiser trocar o elemento com o próximo elemento, clique na seta para baixo. Se você quiser mover o elemento uma posição antes, clique na seta para cima.
Dependendo de qual elemento ou contêiner de elemento (div) é clicado, o elemento se move horizontal ou verticalmente dentro do elemento pai.
Mover elementos horizontalmente
Se o elemento selecionado estiver localizado em um contêiner (div) no qual existam outros blocos à direita ou à esquerda dele, o elemento será movido horizontalmente para a direita ou para a esquerda de acordo.
O elemento pode ser movido para a direita ou para a esquerda até atingir o início ou o fim do contêiner.
Importante: o elemento só é movido dentro de seu próprio contêiner.
Neste exemplo, a faixa preta é movida para a terceira posição do controle deslizante do produto.
Mover elementos verticalmente
Se você mover um elemento ou um contêiner que abranja toda a largura da página, por exemplo, ou se não houver outros contêineres no mesmo contêiner pai à direita ou à esquerda dele, ele será movido verticalmente para cima ou para baixo.
Importante: o elemento só é movido dentro de seu próprio contêiner.
Neste exemplo, o contêiner para a navegação foi selecionado e movido para a parte superior.
Selecione o elemento certo
Nem sempre é possível selecionar o elemento correto com um clique do mouse. Por exemplo, você deseja mover um elemento pai, mas só pode clicar no elemento interno.
O seletor de breadcrumb o ajuda aqui. Quando você clica em um elemento, são exibidos os elementos/contêineres nos quais o elemento está aninhado. Você pode então selecionar o elemento pai.
Você pode encontrar um artigo completo sobre a função aqui: Seletor de Breadcrumb
