Wix Art Store: personalizar o layout da sua galeria Wix Art Store
7 min de leitura
Importante:
No momento, o Wix Art Store não está disponível para todos os usuários. A partir de outubro de 2022, não é mais possível adicionar o Wix Art Store ao seu site. Como alternativa, você pode adicionar o Wix Stores ao seu site e conectá-lo ao Printful para vender sua arte.
Com o Wix Art Store, você pode apresentar suas imagens de uma forma que realmente valoriza seu trabalho. As galerias do Art Store oferecem layouts totalmente personalizáveis, permitindo que você ajuste aspectos como espaçamento da galeria, direção de rolagem, orientação, looping e deslizamento automáticos e muito mais.
Para personalizar o layout da sua loja de arte:
- Clique na sua galeria do Wix Art Store no Editor.
- Clique em Configurações.
- Clique na aba Layout.
- (Opcional) Selecione um novo layout para sua galeria.
- Clique em Personalizar layout.
- Personalize o design usando as opções disponíveis. Clique em um dos layouts abaixo para saber mais:
Colagem
As imagens são organizadas em uma colagem com blocos de tamanhos diferentes.
- Direção de rolagem: selecione como os visitantes percorrem a galeria:
- Vertical: os visitantes percorrem a página verticalmente para ver mais imagens.
- Horizontal: os visitantes clicam nas setas de rolagem à esquerda e à direita da galeria para ver mais imagens.
- Orientação da galeria: defina como as imagens são organizadas na galeria:
- Horizontal: as imagens são colocadas uma ao lado da outra.
- Vertical: as imagens são colocadas uma sob a outra.
- Deslizar automaticamente: escolha exibir seus itens em um slideshow contínuo:
- Intervalos: sua galeria desliza para o próximo item após o período de tempo escolhido. Arraste o slider "Tempo entre as imagens" para alterar o intervalo de segundos entre os itens.
- Contínuo: sua galeria desliza automaticamente. Arraste o slider Velocidade do slideshow para ajustar a velocidade dos slides da galeria.
- Pausar ao passar o mouse: clique na alavanca para ativar ou desativar a pausa do slideshow quando um visitante passa o mouse sobre um item da galeria.
- Tamanho da miniatura: defina o tamanho das imagens na colagem.
- Imagens por linha: escolha quantas imagens são mostradas de uma só vez. Isso se aplica a todos os tamanhos de tela.
- Espaçamento: defina o espaçamento entre as imagens.
- Densidade da colagem: escolha quantas imagens serão mostradas de cada vez na galeria.
Mosaico
As imagens são organizadas em posições ideais, como tijolos em uma parede.
- Orientação da galeria: defina como as imagens são organizadas na galeria:
- Horizontal: as imagens são colocadas uma ao lado da outra.
- Vertical: as imagens são colocadas uma sob a outra.
- Ajustar a tela: mostra quantas imagens podem caber dentro da galeria com um tamanho fixo.
- Definir itens por linha: arraste o slider para mostrar mais ou menos imagens por linha.
- Tamanho da miniatura: defina o tamanho das imagens na colagem.
- Espaçamento: defina o espaçamento entre as imagens.
- Imagens por linha: escolha quantas imagens são mostradas de uma só vez. Isso se aplica a todos os tamanhos de tela.
- Botão Ver mais: clique na alavanca para mostrar ou ocultar o botão Ver mais:
- Ativada: o botão Ver mais aparece sob a galeria. Os visitantes clicam nesse botão para carregar mais imagens.
- Quantas imagens carregam?: escolha se deseja exibir Todas as imagens ou Mais uma seção (adiciona outra seção do mesmo tamanho que a galeria original).
- Desativada: sua galeria é totalmente exibida quando carregada e seus visitantes não precisam clicar em nada para ver mais imagens.
- Ativada: o botão Ver mais aparece sob a galeria. Os visitantes clicam nesse botão para carregar mais imagens.
Grade
As imagens são organizadas em uma grade, você pode personalizar o layout da grade.
- Direção de rolagem: selecione como os visitantes percorrem a galeria.
- Vertical: os visitantes percorrem a página verticalmente para ver mais imagens.
- Horizontal: os visitantes clicam nas setas de rolagem à esquerda e à direita da galeria para ver mais imagens.
- Redimensionar miniatura: defina como as imagens se comportam quando redimensionadas:
- Recortar: a imagem é cortada para caber no espaço disponível.
- Ajustar: o espaço disponível é alterado para mostrar a imagem completa.
- Proporção da imagem: escolha entre as opções de proporção de imagem disponíveis, por exemplo (4:3, 1:1).
- Ajustar a tela: mostra quantas imagens podem caber dentro da galeria com um tamanho fixo
- Definir itens por linha: arraste o slider para mostrar mais ou menos imagens por linha.
- Tamanho da miniatura: escolha o tamanho das imagens na galeria.
- Imagens por linha: escolha quantas imagens são mostradas de uma só vez. Isso se aplica a todos os tamanhos de tela.
- Espaçamento: arraste o slider para definir o espaçamento entre as imagens.
- Botão Ver mais: clique na alavanca para mostrar ou ocultar o botão Ver mais:
- Ativada: o botão Ver mais aparece sob a galeria. Os visitantes clicam nesse botão para carregar mais imagens.
- Quantas imagens carregam?: escolha se deseja exibir Todas as imagens ou Mais uma seção (adiciona outra seção do mesmo tamanho que a galeria original).
- Desativada: sua galeria é totalmente exibida quando carregada e seus visitantes não precisam clicar em nada para ver mais imagens.
- Ativada: o botão Ver mais aparece sob a galeria. Os visitantes clicam nesse botão para carregar mais imagens.
Miniaturas
Uma imagem principal é exibida de cada vez, com miniaturas das outras imagens.
- Redimensionar miniatura:
- Recortar: adapta o tamanho da imagem ao tamanho da galeria.
- Ajustar: mostra a imagem em sua proporção original e a adapta ao tamanho da galeria. Se houver muito espaço vazio ao redor da imagem, você precisa aumentar a altura da galeria.
- Posição da miniatura: escolha onde deseja que as miniaturas apareçam na tela (abaixo, à esquerda, acima ou à direita da imagem que está sendo exibida).
- Tamanho da miniatura: arraste o slider para escolher o tamanho das imagens na galeria.
Observação: se você tiver apenas algumas imagens e houver um espaço vazio sob a imagem principal, você precisa aumentar o tamanho da miniatura. - Imagens contínuas: escolha se deseja ou não desativar o botão “Próximo” na última imagem.
- Deslizar automaticamente: escolha exibir seus itens em um slideshow contínuo:
- Intervalos: sua galeria desliza para o próximo item após o período de tempo escolhido. Arraste o slider "Tempo entre as imagens" para alterar o intervalo de segundos entre os itens.
- Contínuo: sua galeria desliza automaticamente. Arraste o slider Velocidade do slideshow para ajustar a velocidade dos itens da galeria.
- Pausar ao passar o mouse: clique na alavanca para ativar ou desativar a pausa quando um visitante passa o mouse sobre um item da galeria.
- Espaçamento da miniatura: defina o espaçamento entre as miniaturas.
- Imagens por linha: escolha quantas imagens são mostradas de uma só vez. Isso se aplica a todos os tamanhos de tela.
Slider
As imagens deslizam pela tela. Os visitantes podem passar pelas imagens usando as setas para frente e para trás.
- Redimensionar miniatura: defina como as imagens se comportam quando redimensionadas:
- Recortar: a imagem é cortada para caber no espaço disponível.
- Ajustar: o espaço disponível muda para se ajustar à imagem completa.
- Proporção da imagem:
- Responsiva: o tamanho da imagem será ajustado automaticamente dependendo do dispositivo de quem está visualizando.
- Fixa: escolha entre as opções de proporção de imagem disponíveis, por exemplo (4:3, 1:1). As imagens aparecem nessa proporção em todos os dispositivos.
- Imagens contínuas: escolha se deseja por permitir que os visitantes percorram suas imagens continuamente.
- Deslizar automaticamente: escolha exibir seus itens em um slideshow contínuo:
- Intervalos: sua galeria desliza para o próximo item após o período de tempo escolhido. Arraste o slider "Tempo entre as imagens" para alterar o intervalo de segundos entre os itens.
- Contínuo: sua galeria desliza automaticamente. Arraste o slider Velocidade do slideshow para ajustar a velocidade dos itens da galeria.
- Pausar ao passar o mouse: clique na alavanca para ativar ou desativar a pausa do slideshow quando um visitante passa o mouse sobre um item da galeria.
- Imagens por linha: escolha quantas imagens são mostradas de uma só vez. Isso se aplica a todos os tamanhos de tela.
- Espaçamento: escolha quanto espaço deve haver entre as imagens.
Slides
As imagens são exibidas em um slideshow atraente.
- Imagens contínuas: escolha se deseja por permitir que os visitantes percorram suas imagens continuamente.
- Deslizar automaticamente: escolha exibir seus itens em um slideshow contínuo:
- Intervalos: sua galeria desliza para o próximo item após o período de tempo escolhido. Arraste o slider "Tempo entre as imagens" para alterar o intervalo de segundos entre os itens.
- Contínuo: sua galeria desliza automaticamente. Arraste o slider Velocidade do slideshow para ajustar a velocidade dos itens da galeria.
- Pausar ao passar o mouse: clique na alavanca para ativar ou desativar quando um visitante passa o mouse sobre um item da galeria.
Dica: quando você define seus slides para deslizar automaticamente, você tem a opção de exibir um contador de slides na sua galeria na aba Texto da seção Design.
- Barra de informações: adiciona espaço para ícones, título e descrição sob a galeria.
- Botão Reproduzir: adicione um botão para permitir que os visitantes pausem ou reproduzam os slides. (Essa opção só está disponível quando você ativar a opção "Deslizar automaticamente").
- Redimensionar miniatura:
- Recortar: adapta o tamanho da imagem ao tamanho da galeria.
- Ajustar: mostra a imagem em sua proporção original e a adapta ao tamanho da galeria. Se houver muito espaço vazio ao redor da imagem, você precisa aumentar a altura da galeria.
- Espaçamento: defina o espaçamento entre as imagens.
Faixa
As imagens são organizadas como faixas horizontais de página inteira, uma abaixo da outra.
- Espaçamento: defina o espaçamento entre as imagens.
- Botão "Ver mais": clique na alavanca para ativar ou desativar o botão "Ver mais":
- Ativada: o botão Ver mais aparece sob a galeria. Os visitantes clicam nesse botão para carregar mais imagens.
- Quantas imagens carregam?: escolha se deseja exibir Todas as imagens ou Mais uma seção (adiciona outra seção do mesmo tamanho que a galeria original).
- Desativada: sua galeria é totalmente exibida quando carregada e seus visitantes não precisam clicar em nada para ver mais imagens.
- Ativada: o botão Ver mais aparece sob a galeria. Os visitantes clicam nesse botão para carregar mais imagens.
Coluna
As imagens são organizadas como colunas verticais, uma ao lado da outra.
- Imagens contínuas: escolha se deseja por permitir que os visitantes percorram suas imagens continuamente.
- Deslizar automaticamente: escolha exibir seus itens em um slideshow contínuo:
- Intervalos: sua galeria desliza para o próximo item após o período de tempo escolhido. Arraste o slider "Tempo entre as imagens" para alterar o intervalo de segundos entre os itens.
- Contínuo: sua galeria desliza automaticamente. Arraste o slider Velocidade do slideshow para ajustar a velocidade dos slides da galeria.
- Pausar ao passar o mouse: clique na alavanca para ativar ou desativar a pausa quando um visitante passa o mouse sobre um item da galeria.
- Espaçamento: defina o espaçamento entre as imagens.
Ladrilhos, Misto e Alternar
Utilize esses layouts para exibir itens da galeria de diferentes tamanhos e orientações lado a lado.
- Número de itens exibidos: escolha quantos itens de galeria são exibidos de cada vez.
- Espaçamento: escolha quanto espaço deve haver entre as imagens.
Mágico
Esse layout permite que você altere o layout para outro com um clique. Basta clicar em Crie layout mágico para deixar o layout da sua galeria aleatório.