Kowal PageBuilder Slider Fix – slider responsivo sem compromissos
O Magento PageBuilder oferece um slider nativo, que, por princípio, é uma excelente solução:
não requer bibliotecas externas,
está totalmente integrado no editor de conteúdos,
suporta imagens separadas para desktop e mobile,
funciona corretamente com cache, Varnish e PageBuilder Preview.
E é precisamente por isso que vale a pena utilizá-lo.
Infelizmente, na prática, muitas lojas Magento enfrentam os mesmos problemas, especialmente em layouts modernos e responsivos.
Problemas do slider nativo do PageBuilder
Na configuração padrão do PageBuilder:
a altura do slider é imposta de forma rígida (
min-height),as proporções da imagem não resultam das dimensões reais do gráfico,
em mobile surgem margens vazias acima e abaixo do slider,
o slider nem sempre reage corretamente à alteração de breakpoints,
o CSS e o JS do PageBuilder impõem comportamentos difíceis de substituir sem interferir no core.
O resultado?
Muitas vezes, o slider fica bem apenas num ecrã –
e noutras resoluções perde proporções ou qualidade visual.
O que faz o nosso módulo?
Kowal PageBuilder Slider Fix resolve estes problemas sem desativar o PageBuilder e sem interferir no core do Magento.
O módulo:
remove a imposição rígida da altura (
min-height) pelo PageBuilder,permite que o slider ajuste dinamicamente a altura à imagem,
mantém a largura total (
100% viewport width),suporta corretamente imagens separadas para desktop e mobile,
funciona apenas onde o slider existe efetivamente.
Como funciona tecnicamente?
utiliza
text/x-magento-init– o mecanismo nativo do Magento,não carrega JS global em todas as páginas,
funciona por slider, e não globalmente,
colabora com o mecanismo
data-background-imagesdo PageBuilder,é compatível com o PageBuilder Preview e com o editor CMS.
Isto significa:
✔ sem conflitos
✔ sem problemas com cache
✔ sem impacto no desempenho da loja
Para quem é este módulo?
Este módulo é ideal se:
utiliza o PageBuilder Slider ou o Banner Slider,
valoriza uma responsividade perfeita,
pretende manter as soluções nativas do Magento,
não quer instalar sliders externos pesados,
valoriza a estética em mobile, sem margens vazias.
Por que não um slider externo?
Os sliders externos:
muitas vezes carregam grandes bibliotecas JS,
não colaboram de forma ideal com o PageBuilder,
podem ser problemáticos com cache / Varnish,
dificultam a edição de conteúdos por pessoas não técnicas.
O nosso módulo corrige o que é necessário – e nada mais.
Resumo
Kowal PageBuilder Slider Fix:
mantém as vantagens do slider nativo do Magento,
elimina as suas principais limitações,
funciona de forma estável em desktop e mobile,
é leve, rápido e seguro,
está pronto para utilização em lojas em produção.
Se utiliza o PageBuilder – este módulo deve ser o seu complemento natural.
Projeto: toursport.pl
Tecnologia: Magento 2 + PageBuilder
Problema: O slider na página inicial perdia as proporções em mobile – surgiam margens vazias acima e abaixo da imagem, e a altura era imposta artificialmente, independentemente do tamanho do ecrã.
Desafio
A equipa da Toursport utilizava o slider nativo do PageBuilder devido a:
edição fácil de conteúdos,
possibilidade de definir imagens separadas para desktop / mobile,
boa integração com a cache e o desempenho.
Ao mesmo tempo, o comportamento padrão do PageBuilder causava:
aspeto pouco estético do slider em smartphones,
falta de preservação das proporções da imagem,
problemas ao alterar a resolução.
Solução
Foi aplicado o Kowal PageBuilder Slider Fix, que:
removeu o
min-heightrígido,permitiu que o slider ajustasse a altura às proporções reais da imagem,
manteve a largura total do ecrã,
tratou corretamente as imagens mobile.
Resultado
✔ responsividade ideal em todos os dispositivos,
✔ sem margens vazias em mobile,
✔ PageBuilder nativo preservado sem sliders adicionais,
✔ melhor perceção visual da página inicial.
O módulo foi implementado sem impacto no desempenho e sem necessidade de modificar conteúdos no PageBuilder.













