Cria uma galeria multimedia personalizada ou de produtos em destaque para o slideshow da tua loja online.
Configura uma galeria multimedia
A galeria multimedia é configurada no menu Aparência / Theme Editor, através do Shopkit Theme Editor. Para acederes ao mesmo, clica no botão Personalizar.
De seguida, em Componentes, acede à secção Galeria Multimedia.
Podes definir a lista de páginas em que o slideshow é apresentado no campo Lista de páginas.
Escolhe o tipo de galeria
No campo Tipo de galeria podes optar entre dois tipos slideshow para a tua loja online:
- Multimedia: escolhe até 6 imagens e/ou vídeos personalizados;
- Produtos: mostra até 3 produtos em destaque.
Nota
Apenas é possível definir imagens e/ou vídeos diferentes para a galeria desktop e mobile se escolheres o tipo de galeria Multimedia.
Galeria multimedia personalizada
Ao escolheres uma galeria do tipo Multimedia, podes escolher até 6 imagens e/ou vídeos personalizados para cada vista do slideshow.
Na secção Galeria desktop podes configurar as imagens e/ou os vídeos do slideshow que serão mostrados em ecrãs com uma largura igual ou superior a 768 pixeis, como computadores.
Na secção Galeria mobile podes configurar as imagens e/ou os vídeos do slideshow que serão mostrados em ecrãs com uma largura inferior a 768 pixeis, como smartphones.
Para ambas as galerias podes ajustar a altura (em pixeis) através do campo Altura da galeria. Esta afeta qualquer imagem/vídeo que faça parte da galeria, independentemente da sua resolução original. Caso pretendas que a galeria ocupe a altura total do ecrã (desktop, tablet e mobile), ativa a opção Preencher altura total do ecrã.
Para cada imagem e/ou vídeo podes atribuir um Título, uma Descrição, um Botão e um Link.
Se adicionares um link e um botão às tuas imagens e/ou aos teus vídeos, estes tornam-se clicáveis e facilitam o acesso a páginas da tua loja, tais como páginas de categorias com novas coleções e páginas com listas de produtos em promoção.
Para adicionares novas imagens ou novos vídeos começa por clicar em + Adicionar multimedia e carrega a imagem/vídeo a utilizar. Podes escolher uma imagem ou um vídeo a partir do teu dispositivo ou selecionar imagens ou vídeos já carregados para o menu Multimedia da tua loja.
De seguida, opcionalmente, podes preencher os campos disponíveis. No final, clica em Gravar dados e, novamente, em Gravar dados, no canto superior direito, para gravar as alterações efetuadas no editor de temas.
Galeria com produtos em destaque
Ao escolheres uma galeria de produtos, são utilizados os produtos em destaque da tua loja, ou seja, aqueles que têm o atributo Produto é destaque. O slideshow será composto por 3 produtos em destaque, ordenados por posição e será visível em todas as vistas (desktop, tablet e mobile) da loja.
Personalizar a galeria multimedia
Podes personalizar a aparência e funcionamento da galeria multimedia e slideshow da tua loja online, logo após a definição do Tipo de Galeria.
Velocidade dos slides
Podes definir o tempo (em segundos) de transição das imagens personalizadas ou produtos em destaque no slideshow da tua loja online.
Alinhamento vertical do conteúdo multimedia
Podes optar por alinhar verticalmente o conteúdo multimedia de três formas: topo (parte de cima da imagem/vídeo), centro (parte central da imagem/vídeo) ou fundo (parte inferior da imagem/vídeo).
Alinhamento horizontal do conteúdo multimedia
Podes optar por alinhar horizontalmente o conteúdo multimedia de três formas: à esquerda (parte esquerda da imagem/vídeo), ao centro (parte central da imagem/vídeo) ou à direita (parte direita da imagem/vídeo).
Posição do conteúdo multimedia
Podes optar por usar imagens/vídeos esticadas ou contidas.
- As imagens/vídeos esticadas ocupam todo o espaço disponível no slideshow, ainda que partes destas possam ficar ocultas;
- As imagens/vídeos contidas são totalmente apresentadas no slideshow e ocupam proporcionalmente o espaço disponível.
Cor da máscara
A máscara é uma transparência aplicada sobre as imagens que compõem o slideshow sempre que existem imagens com títulos e botões configurados. A máscara é fundamental para garantir a legibilidade dos elementos.
Se adicionares vídeos ao slideshow, a cor da máscara que definires não será aplicada aos mesmos.
Cor de texto
Escolhe a cor do texto dos títulos e descrição adicionados nas imagens/vídeos da galeria em todas as vistas da loja (desktop, tablet e mobile).
Background do botão
Escolhe a cor do botão de ação adicionado nas imagens/vídeos personalizados. A cor que escolheres é aplicada em todas as vistas da loja (desktop, tablet e mobile).
Cor de texto do botão
Escolhe a cor do texto do botão de ação adicionado nas imagens/vídeos personalizados, que será aplicada em todos os botões na galeria, para todas as vistas da loja (desktop, tablet e mobile).
Nota
Algumas opções de configuração da galeria multimedia e do slideshow não estão disponíveis em todos os templates.
