collection list slider shopify

Controle deslizante da lista de coleções

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 apenas com a versão Dawn 3.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 . Se você tiver outros temas do Shopify ou uma versão superior do Dawn ou outros temas do Shopify 2.0, poderá usar este código universal aqui .

Confira a loja DEMO aqui 💻 . Senha: made4uo

O que você está comprando :

  • Um controle deslizante para lista de coleções

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 "Controle deslizante da lista de coleção" 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 arquivo CSS e nomeie-o como "collection-list-slider" e coloque o código abaixo.



4. Ainda na pasta Asset, abra o global.js e adicione o código abaixo. Este código javascript é compartilhado com outro código que possuo, verifique se você possui "UniversalSldierComponent". Em caso afirmativo, não há necessidade de executar a etapa 4.

É isso.

Copied!
Voltar para o blogue

Deixe um comentário