Centered Video with Texts

Vídeo Centrado com Textos

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: Qualquer tema do Shopify funciona melhor nos temas GRATUITOS do Shopify 2.0 

Adicione um vídeo com seção de texto ao seu site do Shopify. Você pode escolher sua fonte de vídeo no YouTube, Vimeo ou até mesmo fonte interna. Também adicionei um raio de contêiner de vídeo.

Lembre-se de que, devido à política do navegador, o vídeo será silenciado quando for reproduzido automaticamente. Consulte a política aqui . Alguns estilos CSS podem variar dependendo do tema.

Certifique-se de ajustar o tamanho do vídeo. Nesta seção, é recomendado usar um vídeo com proporção de 2/3.

Confira a loja DEMO aqui 💻 . Senha: made4uo

Se você quiser um vídeo e um texto, você pode usar esta seção aqui .

O que você está comprando:

  • O vídeo está no centro com 4 contêineres de texto de cada lado
  • Seção de vídeo que aceita fonte interna e externa
  • Código bem escrito sem nenhuma biblioteca externa sendo usada
  • Capaz de controlar reprodução automática, looping, mostrar/ocultar controles
  • Capaz de adicionar pôster (imagem de capa) ao usar um vídeo de origem interna
  • Capaz de redimensionar a altura e largura do vídeo usando a proporção
  • Suporta tipo de vídeo WebM SOMENTE para vídeo de origem interna

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 Admin Store > Temas > Ações > Editar código.

2. Abra a pasta Seções e clique em “Adicionar uma nova seção”. Você pode nomeá-lo como quiser.

3. Substitua o código padrão da seção recém-criada pelo código abaixo. Em seguida, clique em "SALVAR.

4. Adicione a seção usando o editor de tema e encontre o Vídeo Centrado com Textos.

É isso (",)

Copied!
Voltar para o blogue

Deixe um comentário