Primeira página
A sua capa não tem a mesma aparência em dispositivos móveis.
Você cria um banner horizontal de 1920 pixels, mas no dispositivo móvel do seu cliente, ele é reduzido a uma faixa de dois centímetros onde o título fica ilegível. Metade dos seus visitantes o vê dessa forma. Rekire Slider é um carrossel onde cada slide pode exibir três imagens: uma para desktop, uma para tablet e uma para celular. O navegador baixa apenas uma delas.
3
Imagens por slide, uma por dispositivo.
0
crones: o agendamento por data funciona sozinho
4
Formas de posicioná-lo sem tocar no modelo.
Uma imagem por tela, e apenas uma é baixada.
Não se trata da mesma foto recortada por CSS: é a foto que você preparou para esse tamanho. O módulo cria um elemento picture com seu source , então um dispositivo móvel não baixa a imagem da versão para desktop apenas para exibir a versão menor. Somente a imagem da versão para desktop é obrigatória; as outras duas são opcionais, e a imagem da versão para desktop é usada quando as outras estão ausentes.
O que geralmente falta em um carrossel gratuito
Vídeo
Um slide pode conter um arquivo MP4 ou WebM em vez de uma imagem. Ele é reproduzido silenciosamente, em loop e dentro da página. Também suporta uma fonte por dispositivo.
Cópias WebP
Ao ativá-las, cada imagem também gera uma cópia leve, e o modelo oferece ambas. Ativá-las também gera cópias do que você já carregou, sem precisar editar slide por slide.
Datas de início e término
Cada slide aparece e desaparece automaticamente no dia que você especificar. Sem tarefas agendadas ou cron jobs: uma campanha é preparada e depois esquecida.
Dois com meia largura
Dois slides emparelhados compartilham um espaço no carrossel, metade cada um. Em dispositivos móveis, eles ocupam a largura total, um sobre o outro.
Textos posicionáveis
Título, legenda e descrição, em cada idioma, à esquerda, ao centro, à direita ou ocultos. Trata-se de texto simples: seu texto nunca poderá interferir no layout da capa.
Link verificado
Um endereço completo ou rota até sua loja. Qualquer outra informação será rejeitada ao salvar, com um aviso no idioma em que você está trabalhando.
A tela do módulo cabe em uma lista.
Cada linha inclui uma miniatura, os dispositivos que exibem a imagem, quando ela é mostrada e se está ativa. A ordem é alterada arrastando a linha — ou usando as setas, que estão ali porque arrastar não funciona em tablets — e salva automaticamente sem precisar recarregar a página.
O editor possui uma aba por idioma , portanto, uma loja com seis idiomas não acaba com seis blocos de campos empilhados.
Onde você coloca isso?
Por padrão, ele aparece na página inicial e, a partir daí, pode ser movido ou removido em Design → Posições . Ele também responde ao displayWrapperTop , que o coloca sobre o conteúdo em todas as páginas. Para qualquer outra localização, ele usa seu próprio gancho, {hook h='displayRkrSlider'} , e funciona como um widget de qualquer modelo de tema.
Um detalhe bem-vindo na hora de atualizar. As imagens são salvas em img/rkrslider/ , fora da pasta do módulo. Atualizar um módulo enviando seu arquivo ZIP substitui essa pasta: como as imagens estão armazenadas lá, elas seriam perdidas e o carrossel ficaria vazio.
O que geralmente preocupa
Desempenho
Uma única imagem é baixada por visita, as cópias WebP são opcionais e nenhum serviço externo é utilizado. O cache do repositório só é atualizado com um registro de data e hora quando um slide é agendado.
Segurança
Arquivos SVG não são suportados: eles são marcação, podem conter scripts e seriam servidos a partir do seu domínio. O tipo de arquivo é verificado pelo seu conteúdo, não pela sua extensão.
Loja com várias unidades
Cada slide está associado às lojas no contexto em que foi criado, e a tela indica de qual loja você está visualizando.
Instalação
Instale, clique em Configurar e pronto. O único requisito é que img/ tenha permissões de escrita; caso contrário, o aviso informará o caminho exato.
Compatível com PrestaShop 8.0 e 9.x, com PHP 7.4 a 8.5. Testado nas 8.2.8 , 9.1.5 e 9.2.0.
Desenvolvido e mantido por REKIRE
