Passo a passo · 4 passos
Organizar a vitrine arrastando os produtos
Arraste um card para outro slot — sobre um produto, os dois trocam de lugar; num slot vazio, o card vai pra lá e deixa um buraco. Buracos são preservados de propósito e a loja pública espelha o layout.
Atualizado em 23 de julho de 2026
Nesta página
Você pode organizar a vitrine da sua loja arrastando os cards dos produtos na grade. Ao soltar um card sobre outro produto, eles trocam de lugar. Se você soltar um card em um espaço vazio, o produto se move para essa posição, e o local de onde ele veio se torna um buraco na grade. Todas as suas alterações são salvas automaticamente e refletidas de imediato na sua loja pública, preservando os espaços vazios que você criar.
Antes de começar
Para organizar sua vitrine com precisão, incluindo a criação de espaços vazios, siga estes pré-requisitos:
- Certifique-se de estar na seção Minha loja do seu catálogo.
- Mantenha a vitrine sem filtros de busca ou categoria ativos. A categoria deve estar em Tudo e o campo de busca vazio. Com filtros, a grade compacta os produtos, desativando a visualização dos espaços vazios e dificultando a organização do layout esparso.
Como funciona o arraste
Ao arrastar um produto, o card se move com o seu cursor. O comportamento ao soltar depende do local de destino:
- Soltar sobre outro produto: Os dois produtos trocam de lugar. O produto arrastado ocupa a posição do destino, e o produto de destino volta para a posição original do arrastado.
- Soltar em um espaço vazio: O produto arrastado se move para o espaço vazio escolhido. A posição onde ele estava originalmente se torna um novo buraco na grade.
Passo a passo
- 1Na tela Minha loja, clique e arraste um card de produto da grade. Em celulares, toque e segure o card por um instante antes de movê-lo.
- 2Mantenha o card pressionado e arraste-o para a nova posição desejada. Você verá um contorno indicando o espaço de destino.
- 3Solte o card: se soltar sobre outro produto, eles trocam de lugar; se soltar em um espaço vazio, o card se move para lá.
- 4Repita o processo até organizar a vitrine do seu jeito. Cada movimento é salvo automaticamente.
Pronto — a nova ordem dos produtos já está ativa na sua loja pública.
Espaços vazios são parte do layout
Buracos na grade são preservados de propósito. Isso permite que você crie layouts personalizados, como deixar espaços entre produtos ou posicionar uma peça no terceiro espaço com os dois primeiros vazios. Na sua loja pública, esses buracos aparecem como espaços em branco, sem o visual de um slot, apenas o respiro que você planejou. No entanto, se um cliente aplicar filtros de busca ou categoria, a vitrine será compactada para mostrar apenas os resultados relevantes, e os buracos não serão exibidos.
Perguntas frequentes
Posso arrastar produtos em qualquer tela?
Você pode arrastar produtos na tela Minha loja mesmo com filtros de busca ou categoria aplicados. No entanto, para que a vitrine exiba e preserve os espaços vazios que você criar, é essencial que não haja filtros ativos (categoria em Tudo e campo de busca vazio). Com filtros, a grade compacta os produtos, e a organização por slots específicos não será visível, embora a posição do produto seja atualizada.
O que acontece se eu soltar um produto fora da grade?
Se você soltar um produto fora de um espaço válido na grade, ele retornará automaticamente à sua posição original. A alteração só é salva se o produto for solto em um espaço existente.
Os buracos que eu crio na vitrine aparecem para os clientes?
Sim, os espaços vazios que você deixa na grade são preservados e aparecem como respiros na sua loja pública, permitindo um layout visualmente único. No entanto, se um cliente usar os filtros de busca ou categoria, a vitrine será compactada para mostrar apenas os produtos correspondentes, e os buracos não serão exibidos.
A ordem que eu defino é global para a minha loja?
Sim, a ordem que você estabelece ao arrastar e soltar os produtos é a ordem padrão para toda a sua loja. Ela será refletida na sua vitrine pública, a menos que o cliente use os filtros de busca ou categoria.
Este artigo te ajudou?
Leia também
Travou em algum passo?
A Ivi, nossa IA, responde na hora — e se precisar, você fala com uma pessoa do time no WhatsApp.