Vídeos responsivos no Produto para Opencart

Coloque vídeos em seus Produtos de forma profissional e responsiva, aumente as conversões dos Produtos com os vídeos.
Pode adicionar vídeos do Youtube ou Vimeo, podendo inclusive usar vídeos com ambos, recomendado o uso do tema nativo do Opencart ou a contratação do nosso serviço de Instalação e Adaptação ao Tema.

Pode ser usado também para adicionar vídeos instrutivos, demostração dos Produtos e outros tipos de vídeos desejados, feito para o Opencart 3 e 2.2 até 2.0.3.2

O que faz

• Adicionado Painel Codemarket
• Novo recurso para ver a miniatura dos Vídeos no Cadastro/Edição do Produto
• Pode pelo Painel ativar uma das opções de visualizações, Título da Tab e ativar o Módulo
• Coloca vídeos do Youtube na Página do Produto
• Coloca vídeos do Vimeo na Página do Produto
• Pacote contendo 8 ícones de exemplo para serem usado na miniatura, créditos para o Flaticon, são exemplos de usos, pode usar outros ícones png ou jpg
• Pode informar a imagem do ícone a ser utilizada na miniatura dos vídeos
• Funciona mesmo sem miniatura das imagens
• Se ativo o vídeo na Capa, ele fica no lugar da Imagem de capa (principal) do Produto e a imagem de capa fica nas miniaturas
• Se ativo o modo Miniatura os vídeos são exibidos na frente das miniaturas das imagens do Produto
• Vídeos responsivos (responsive), funciona em diferentes resoluções, com a ajuda do JS Fitvids
• Quantos vídeos desejar e couber na página do produto,  separe por , os links de novos vídeos
• Funciona com o Modal (lightbox) nativo das imagens do Produto quando clica na miniatura de uma imagem ou vídeo, agora pode ver os vídeos e passar para as imagens a partir do vídeo ou para outros vídeos
• 3 opções de posições para os Vídeos:
• Vídeo abaixo da Descrição do Produto, Vídeo dentro da Tab Vídeos ou Vídeo junto com as imagens de miniatura do Produto e ao clicar abre em Modal o vídeo

Para usar ela, basta adicionar ou editar um produto, ir na Tab Vídeos e colocar a URL do vídeo do Youtube ou do Vimeo, se for colocar mais de 1 vídeo, separa por , as URLS .

Atualização
Versão 3.2 - 23/04/2021

• Adicionado mais comentários no código
• Melhorado no Opencart 3 o espaço que ficava entre o texto digitado no campo vídeo e diminuido para 3 linhas o tamanho da caixa de texto no Opencart 3 e 2
• Adicionado recurso para poder informar se quer exibir o vídeo no lugar da imagem de Capa do Produto
• Se Habilitado o Vídeo na Capa, colocamos a imagem de capa na miniatura para ainda assim ser possível ver ela
• Suporte ao Opencart 3.0.3.7, sendo compatível com todas as versões atuais do Opencart 3

Versão 3.1 - 13/09/2019

• Atualizado para Opencart 3 até 3.0.3.2
• Pequenas melhorias no código, nenhuma de correção

Versão 3.0 - 22/01/2019

• Módulo refeito para Opencart 2.2 até 2.3.0.2 com vários recursos extras, formatação melhorada e melhoria geral no código
• Adicionado vídeo do Vimeo, outra excelente plataforma para por vídeos
• Mais 7 imagens de ícones, totalizando 8 ícones de sugestão de uso
• Pode informar a imagem do ícone usado no Painel do módulo
• Funciona com o Modal (lightbox) nativo das imagens do Produto quando clica na miniatura de uma imagem ou vídeo, agora pode ver os vídeos e passar para as imagens a partir do vídeo ou para outros vídeos
• Usado o Fitvids pelo CDN, com isso melhora o desempenho do carregamento do JS que faz o redimensionamento dos vídeos, pode usar direto na loja se preferir também
• Caso não tenha miniatura de imagens, ainda é exibido a miniatura do vídeo
• Retirado as versões anteriores da 2.2.0.0 do zip, não serão mais mantidas por serem versões desatualizadas, com isso conseguimos focar melhor nas versões recomendadas e mais atuais.

• Atualizado para Opencart 2.x
• Adicionado Painel Codemarket
• Novo recurso para ver a miniatura dos Vídeos no Cadastro/Edição do Produto
• Pode pelo Painel ativar uma das opções de visualizações, Título da Tab e ativar o Módulo

Compatível/Testado 
Opencart 3 até 3.0.3.9
Opencart 2.2 até 2.3.0.2
Painel Codemarket
Tema padrão do Opencart

Observação: Não funciona na minaitura e imagem principal do tema Journal e talvez não pegue em outros que usem Zoom, pois pode ser conflitante.
Pega normal mesmo no Journal na parte da tab extra e abaixo da descrição e podemos colocar para um vídeo do lado direito depois do preço uma miniatura se desejar, por esse e outros motivos recomendados usar o tema padrão do Opencart.

Caso a loja use algum recurso diferenciado que troque as imagens ao selecionar as opções ou carrosel, o vídeo de capa provavelmente não vai funcionar junto.
Podendo nesse caso por adaptação deixar a miniatura apenas no final ou antes das imagens, ou então ativar apenas o modo Descrição ou Tab Vídeos.