Compatibilidade: Compatível com a maioria dos temas do Shopify, do Debut ao Dawn (todos os temas GRATUITOS do Shopify 2.0
Com o novo Shopify 2.0, o tema Dawn tem esta seção de colagem, mas é limitada a apenas três itens. Neste tutorial vamos criar uma seção com colagem de mais de 100 fotos. Você também pode usar imagens GIF. Eu criei outra colagem com posição definida na galeria aqui .
NOTA: O vídeo abaixo pode ser diferente da aparência real. Por favor, verifique a loja de demonstração aqui . Senha: made4uo
Criei diversas galerias de imagens que você pode gostar, veja a seguir:
O que você está comprando:
- Uma seção para sua própria colagem
- Atribua quantas colunas você deseja para visualização em desktop, visualização em tablet e visualização em dispositivos móveis
- Escolha a proporção da imagem entre paisagem, retrato e quadrado
- Atribua a cor do texto, a cor do texto da imagem e a cor da sombra da caixa
- O título da colagem será exibido quando a imagem for clicada
- Capaz de clicar uma vez para ampliar a imagem para o meio em vez de passar o mouse
- Capaz de clicar duas vezes na imagem antes de aplicar zoom para abrir o link (se o link for fornecido)
- Clique na imagem ampliada para fechar
O que torna nosso código melhor:
- Não usamos bibliotecas externas, com isso dito, nosso código não terá nenhum efeito mínimo no desempenho de velocidade do seu site
- Não deixamos nem adicionamos códigos para anunciar em nosso site
- Nosso código é compatível com dispositivos móveis
Quaisquer problemas relacionados ao código serão corrigidos sem custo adicional, excluindo solicitações de customização de código. Basta entrar em contato conosco em "Converse conosco". Estamos a apenas um botão de distância.
1. Vá para sua loja online > Temas > Ações > Editar código
2. Vá para a pasta Seção, crie uma seção, você pode nomeá-la como quiser
3. Na seção recém-criada, substitua o código existente pelo código abaixo
4. Certifique-se de clicar em SALVAR.
5. Pronto! Tudo o que resta é personalizar sua galeria no editor de temas. O nome da seção é Colagem Personalizada, ao adicionar a seção em seu editor de tema.
É isso (",)
Copied!