Blog List Slider

Controle deslizante da lista de blogs

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 a versão 2.5 do tema e temas GRATUITOS do Shopify 2.0

Mostre seus blogs com um controle deslizante. O estilo se ajusta a qualquer tema do Shopify 3.0 que você tenha.

Confira a loja DEMO aqui 💻 . Senha: made4uo

O que você está comprando:

  • Adicione um controle deslizante da lista de blogs

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

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. Vamos criar uma folha de estilo. Vá para a pasta Asset e crie um arquivo css, chame-o de “blog-slider”. Em seguida, cole o código abaixo.

4. A última coisa a fazer é adicionar um código javascript para que o controle deslizante funcione. Vá para o arquivo global.js na pasta Asset e cole o código abaixo.

NOTA: Se você comprou o collection-list-slider , você pode ter este código. Se sim, pule esta parte.

Copied!
Voltar para o blogue

Deixe um comentário