Categorized Image Section

Seção de imagens categorizadas

Log in or Sign up to ensure access to purchased code across multiple devices.

Como ver o código

1. Faça login/crie uma conta primeiro. Isso é para garantir que todas as compras estejam conectadas a uma conta e possam ser visualizadas em diferentes dispositivos.

2. Adquira o código através da “caixa de compras” na página específica do código desejado.

3. Após a compra, atualize a página.

 Compatibilidade : Compatível com todos os temas do Shopify.

As imagens são muito importantes em um site. Apresentar as imagens de forma correta e única também é fundamental para causar uma boa impressão aos clientes.

Você pode categorizar suas imagens como quiser.

Você pode verificar 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:

  • Mostrar/ocultar botão anterior e próximo
  • Ajuste como a imagem se ajusta ao contêiner usando a posição do objeto.
  • Faça upload de várias imagens (isso pode afetar o tempo de carregamento)
  • Aplique filtros de imagem a cada imagem, como brilho, contraste, escala de cinza, inverter, opacidade, saturar, sépia e nenhum
  • As imagens são apresentadas em um quadrado, mas podem ser visualizadas em um modal
  • Atribuir uma única imagem a uma categoria
  • Não há limite no número de imagens

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.

Para iniciar:

1. Acesse Loja Admin Shopify > Temas > Ações > Editar código.

2. Na pasta Seção, crie uma nova seção. Você pode nomear o que quiser.

3. Substitua o código padrão pelo código abaixo. Certifique-se de SALVAR.


4. Adicione o código javascript na parte inferior de seu global.js ou theme.js na pasta Asset.

5. Adicione a seção chamada Imagem Categorizada em seu Editor de Tema. Clique nos três pontos e personalize seu tema.

É isso (",)

Copied!
Voltar para o blogue

Deixe um comentário