Adding Countdown Snippet to Product Page

Adicionando snippet de contagem regressiva à página do produto

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 funcionam melhor com os temas GRATUITOS do Shopify 2.0

Vi várias seções de contagem regressiva para o Shopify, mas não vi um relógio de contagem regressiva com opções para fornecer dias, horas ou minutos. Você pode usar essa contagem regressiva para o layout da sua senha, quando sua loja não estiver pronta para abrir.

Adicione um snippet de contagem regressiva em suas seções do Shopify, como a página do produto, com uma bela animação giratória.

Se você deseja adicionar uma contagem regressiva como uma seção, você pode verificar este código aqui .

Você pode verificar a loja de demonstração aqui . Senha: made4uo

O que você está comprando:

  • Uma seção de contagem regressiva
  • Capaz de ter contagem regressiva com dias, horas ou minutos
  • Capaz de adicionar título, richtext, botão, imagem de fundo e contagem regressiva.
  • A altura do contêiner depende da altura da imagem de fundo
  • Você também pode usar a cor de fundo

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. Na sua página de administração, clique em Loja Online > Temas > Ações > Editar código
2. Na pasta Snippet, crie uma seção e nomeie-a como “contagem regressiva” e cole o código abaixo. Certifique-se de clicar em SALVAR

3. Se estiver usando um Shopify 2.0 com líquido personalizado, você pode ir para o editor de tema. Na página do seu produto, adicione um bloco "Líquido personalizado" e cole o código abaixo

Altere o texto em negrito para o valor de sua preferência.

NOTA: Certifique-se de seguir o formato de data, hora e cores. Tenha cuidado ao escolher o tamanho, pois ele pode depender do código atual do seu tema do Shopify.

Se você não possui um líquido customizado em seu tema, deverá colocar o código dentro de sua seção. Você deve ter conhecimento de onde deseja colocá-lo. Se você estiver tendo problemas, não hesite em nos contatar.

É isso (",)

Copied!
Voltar para o blogue

Deixe um comentário