Kowal PageBuilder Slider Fix – slider responsivo sem compromissos

14,02 € 11,40 €
Instalacja COMPOSER
M2-PB-SLIDER-FIX
PayPal PayPal
Przelew Przelew

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-images do 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.

Implemented in real Magento 2 stores
Estudo de caso: toursport.pl

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-height rí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.

Pytania i odpowiedzi

Question
O módulo substitui o slider nativo do PageBuilder?
Answer
Não. O módulo não substitui o slider; apenas corrige o seu comportamento. Continua a utilizar 100% o PageBuilder nativo.
Question
O módulo funciona com imagens separadas para desktop e mobile?
Answer
Sim. O módulo suporta totalmente o mecanismo desktop_image / mobile_image do PageBuilder e alterna corretamente as imagens nos breakpoints.
Question
O módulo afeta o desempenho da loja?
Answer
Não. O script é executado apenas onde existe um slider, sem JS global e sem bibliotecas adicionais.
Question
O módulo é seguro durante as atualizações do Magento?
Answer
Sim. O módulo não interfere no core, não substitui ficheiros do Magento e é seguro durante as atualizações.
Question
O módulo funciona com cache, Varnish e PageBuilder Preview?
Answer
Sim. A solução é totalmente compatível com a cache do Magento, o Varnish e o editor do PageBuilder.
Write Your Own Review
You're reviewing:Kowal PageBuilder Slider Fix – slider responsivo sem compromissos
Produtos
Aktualizacja preferencji plików cookie