Vimeo Video Showcase - slider responsivo e lightbox com miniaturas automáticas

Um vídeo que leva as pessoas para o Vimeo é um vídeo que perde a venda

Os vídeos de produto, os tutoriais e as peças de marca vendem — mas só enquanto o cliente continua na sua loja. Este módulo faz com que ele fique: os vídeos vivem num slider na sua página inicial e, ao clicar num deles, abre-se um lightbox sobre a página em vez de um novo separador em vimeo.com.

Cole uma ligação. A configuração é isto.

• 1. Copie a ligação do vídeo a partir da barra de endereço ou do botão Partilhar do Vimeo.
• 2. Cole-a em "Add a video" e clique em Adicionar. A pré-visualização aparece assim que a ligação é reconhecida.
• 3. Não há terceiro passo — a miniatura e o título chegam do Vimeo automaticamente e o slider já está a funcionar na sua página inicial.

Deixe o título em branco e será usado o próprio título do vídeo no Vimeo. Aceita-se qualquer formato de ligação: vimeo.com/…, player.vimeo.com/video/…, ligações de canal, de grupo e de showcase, e até o ID do vídeo isolado.

Vídeos não listados, sem os tornar públicos

Cole a ligação privada completa — aquela que traz o código adicional a seguir ao número — e o vídeo é reproduzido na sua loja enquanto continua escondido no Vimeo. É exatamente o que precisa para tutoriais, material exclusivo para clientes ou qualquer conteúdo que ainda não esteja pronto para um canal público.

Um lightbox, não um desvio

Os vídeos abrem numa camada sem distrações, que se fecha com um clique ou com a tecla Escape, e são reproduzidos no modo Do-Not-Track do Vimeo (dnt=1). A reprodução automática do slider fica em pausa enquanto há um vídeo a decorrer e enquanto o separador do navegador está em segundo plano, para que nada deslize por trás do leitor.

Um slider que se porta bem em qualquer ecrã

Escolha quantos vídeos ficam numa linha no computador, de um a oito; o slider mostra automaticamente no máximo quatro em ecrãs de computador pequenos, três em tablets e dois em telemóveis, com deslize táctil nativo. As setas e os pontos são opcionais e ambos desaparecem sozinhos quando todos os vídeos já cabem no ecrã. A velocidade da reprodução automática e a pausa ao passar o rato também são definições.

Controlo vídeo a vídeo, e por idioma

A lista Your videos permite-lhe reordenar com as setas para cima e para baixo, ocultar um vídeo com um clique, editá-lo ou eliminá-lo. Qualquer vídeo pode ficar limitado a um único idioma da loja ou ser mostrado a toda a gente — muito útil quando um tutorial só existe em alemão ou quando uma peça de campanha se destina a um só mercado. Os vídeos cujo idioma foi entretanto removido da loja ficam assinalados, para que os possa reatribuir em vez de os ver desaparecer sem aviso.

Leve por opção

Sem jQuery. Sem slick, sem plugin de modal-video, sem bibliotecas externas, sem chave API. Um ficheiro CSS pequeno e um pequeno ficheiro de código JavaScript, carregados apenas quando há algo para mostrar e com a versão do módulo no URL para invalidar a cache, de modo que as atualizações chegam aos visitantes recorrentes sem precisarem de recarregar a página à força.

O que a versão 2.0 corrigiu

As versões antigas carregavam o jQuery 1.10 a partir de uma CDN em todas as páginas, ligavam-se tanto a header como a displayHeader (pelo que os recursos eram carregados duas vezes), deixavam que os URL vazios gerassem diapositivos cinzentos avariados e tinham uma página de configuração que falhava nas versões modernas do PrestaShop. Tudo isso desapareceu por opção de desenho: nada de jQuery, cada gravação validada e redirecionada, e nenhum vídeo pode ser guardado sem uma ligação válida do Vimeo. Ao atualizar, os seus vídeos existentes são migrados automaticamente — os ID são extraídos, as miniaturas voltam a ser obtidas e qualquer diapositivo antigo sem um vídeo válido é mantido e marcado como Hidden em vez de ser eliminado.

Compatibilidade

PrestaShop 1.7, 8 e 9, em oito idiomas: alemão, espanhol, francês, inglês, italiano, neerlandês, polaco e turco. Ao instalar, o slider liga-se a displayHome, é apresentado em qualquer hook de visualização se o mover a partir de Design → Positions e pode ser colocado diretamente num template com {widget name='vimeoslider'}. A desinstalação remove a tabela e as definições do módulo — os seus vídeos no Vimeo ficam intactos.

Perguntas frequentes

Preciso de uma chave API do Vimeo?

Não. Cole a ligação e o módulo trata sozinho de obter a miniatura e o título.

Posso usar vídeos não listados?

Sim — cole a ligação privada completa, com o código que vem a seguir ao número do vídeo, e este é reproduzido na sua loja sem deixar de estar não listado no Vimeo.

Onde é reproduzido o vídeo?

Num lightbox sobre a sua página, que se fecha com um clique ou com a tecla Escape, para que o cliente nunca saia da loja.

Quantos vídeos aparecem de cada vez?

Escolhe entre um e oito por linha no computador; em tablets e telemóveis aparecem automaticamente menos, com deslize táctil.

É possível mostrar um vídeo apenas num idioma?

Sim. Cada vídeo pode ficar limitado a um único idioma da loja ou ser mostrado a toda a gente.

Posso colocar o slider noutro sítio que não a página inicial?

Sim. Mova-o ou copie-o para qualquer hook de visualização a partir de Design → Positions, ou coloque-o num template com {widget name='vimeoslider'}.

Uma miniatura aparece como um retângulo escuro — e agora?

O Vimeo não respondeu quando o módulo lha pediu. Abra o formulário de edição do vídeo, clique em Update video e confirme que o vídeo não está privado; para vídeos não listados é necessária a ligação privada completa.