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.

Helpful Free links

Migrating to Shopify Transferring Domain to Shopify Master sections and blocks Free Essential tools Custom App Creation Shopify theme templates Add custom CSS to themes Master product variants in Shopify Free Shopify Themes How to customize Shopify themes Automate your store processes Improve store's search Free apps to enhance your store Upload and manage files Facebook ads for your Shopify Shopify Support Stay updated with Shopify changes Join Shopify Community for free help

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