Animated Announcement Bar Shopify

Barra de anúncios animados 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: todos os temas do Shopify (o design pode variar)

Você deve ter visto aquelas barras de anúncios que podem chamar a atenção dos clientes. A barra de anúncios é muito importante para manter o seu cliente pelo menos 10 segundos ao visitar a loja.

Por favor, verifique a loja de demonstração aqui . Senha: made4uo

O que você está comprando:

  • Barra de anúncios animada
  • 3 animações para escolher, virar, deslizar e desaparecer.
  • Você pode personalizar o plano de fundo da seção e a cor do texto
  • Você também pode adicionar uma imagem clicável. NOTA: Aconselhável usar imagem 1100 x 50

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
  • 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. Na sua página de administração, clique em Loja Online > Temas > Ações > Editar código
2. Na pasta Seção, crie uma seção. Diga barra animada . O arquivo deve mostrar barra animada .liquid na pasta Seção.
3. Cole o código abaixo no arquivo. Certifique-se de clicar em SALVAR.

4. Abra sua pasta Asset, encontre theme.js ou global.js para outros. Este é o seu arquivo js principal.

5. Cole o código abaixo no final do arquivo.

6. Em seguida, vá para a pasta Layout e abra theme.liquid.

7. Encontre o {% section 'header' %} e, abaixo deste código, cole o código fornecido abaixo.

Veja a imagem para posicionamento.

barra de anúncio animado

É isso (",)

NOTA: Cada tema tem estilos e configurações diferentes. O código pode variar.

Copied!
Voltar para o blogue

Deixe um comentário