collection list slider shopify

Adicionar controle deslizante de lista de coleção - Temas do Shopify

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 GRATUITOS do Shopify 2.0 . Atualizado para a versão mais recente 12.0

Mostre todas as suas coleções usando um controle deslizante. Este é um controle deslizante para as coleções e NÃO para os produtos. Para controle deslizante do produto, consulte aqui

Confira a loja DEMO aqui 💻 . Senha: made4uo

O que você está comprando:

  • Um controle deslizante para lista de coleções
  • Opções para alterar o fundo do cartão e a borda ativa
  • Opção para definir quantos itens para desktop, tablet e celular
  • Opção incluída para definir a largura máxima da seção
  • Adicionada uma opção para ocultar o título da coleção
  • Opção para mostrar o contador como pontos, controle deslizante e número
  • Adicionada uma opção para mostrar o botão na lateral

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. Vá para loja Admin Shopify > Temas > Ações > Editar código

2. Na pasta Seção, crie uma nova seção, nomeie-a como quiser e substitua o código padrão pelo código abaixo.



3. Em seguida, abra a pasta Ativos e "crie um novo ativo". Crie um novo arquivo CSS e nomeie-o como "collection-list-slider" e coloque o código abaixo.




4. Ainda na pasta Asset, abra global.js ou theme.js e adicione o código abaixo.

5. Certifique-se de SALVAR.

É isso (",)

Copied!
Voltar para o blogue

2 comentários

What seems to be the problem. If you cannot see the code, please follow the steps mentioned above. You can also contact me at chat with us

Made4uo

I bought the code and it does not work correctly, can you correct it please

Guillermo

Deixe um comentário