Kowal PageBuilder Slider Fix – slider responsive senza compromessi

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

Magento PageBuilder offre uno slider nativo che, in linea di principio, è un'ottima soluzione:

  • non richiede librerie esterne,

  • è completamente integrato con l'editor dei contenuti,

  • supporta immagini separate per desktop e mobile,

  • funziona correttamente con cache, Varnish e PageBuilder Preview.

Ed è proprio per questo che vale la pena usarlo.

Purtroppo, nella pratica molti store Magento incontrano gli stessi problemi, soprattutto con layout moderni e responsive.

 

Problemi dello slider nativo di PageBuilder

Nella configurazione standard di PageBuilder:

  • l'altezza dello slider è imposta in modo rigido (min-height),

  • le proporzioni dell'immagine non derivano dalle dimensioni reali della grafica,

  • su mobile compaiono margini vuoti sopra e sotto lo slider,

  • lo slider non sempre reagisce correttamente al cambio dei breakpoint,

  • CSS e JS di PageBuilder impongono comportamenti difficili da sovrascrivere senza intervenire sul core.

Il risultato?

Lo slider spesso appare bene solo su uno schermo –
mentre ad altre risoluzioni perde proporzioni o qualità estetica.

 

Cosa fa il nostro modulo?

Kowal PageBuilder Slider Fix risolve questi problemi senza disattivare PageBuilder e senza intervenire sul core di Magento.

Il modulo:

  • rimuove l'imposizione rigida dell'altezza (min-height) da parte di PageBuilder,

  • consente allo slider di adattare dinamicamente l'altezza all'immagine,

  • mantiene la larghezza completa (100% viewport width),

  • gestisce correttamente immagini desktop e mobile separate,

  • funziona solo dove lo slider è effettivamente presente.

 

Come funziona tecnicamente?

  • utilizza text/x-magento-init – il meccanismo nativo di Magento,

  • non carica JS globale su ogni pagina,

  • funziona per singolo slider, non globalmente,

  • collabora con il meccanismo data-background-images di PageBuilder,

  • è compatibile con PageBuilder Preview e con l'editor CMS.

Questo significa:

✔ nessun conflitto
✔ nessun problema con la cache
✔ nessun impatto sulle prestazioni dello store

 

Per chi è pensato questo modulo?

Questo modulo è ideale se:

  • usi PageBuilder Slider o Banner Slider,

  • ti interessa una responsività perfetta,

  • vuoi mantenere le soluzioni native di Magento,

  • non vuoi installare slider esterni pesanti,

  • ti interessa l'estetica su mobile, senza margini vuoti.

 

Perché non uno slider esterno?

Gli slider esterni:

  • spesso caricano grandi librerie JS,

  • non collaborano perfettamente con PageBuilder,

  • possono creare problemi con cache / Varnish,

  • rendono più difficile la modifica dei contenuti per le persone non tecniche.

Il nostro modulo corregge ciò che serve – e nulla di più.

 

Riepilogo

Kowal PageBuilder Slider Fix:

  • mantiene i vantaggi dello slider nativo di Magento,

  • elimina i suoi difetti principali,

  • funziona in modo stabile su desktop e mobile,

  • è leggero, veloce e sicuro,

  • pronto per l'uso negli store in produzione.

Se usi PageBuilder – questo modulo dovrebbe esserne il complemento naturale.

Implemented in real Magento 2 stores
Case study: toursport.pl

Progetto: toursport.pl
Tecnologia: Magento 2 + PageBuilder
Problema: lo slider sulla homepage perdeva le proporzioni su mobile: comparivano margini vuoti sopra e sotto l’immagine e l’altezza era forzata artificialmente indipendentemente dalle dimensioni dello schermo.

Sfida

Il team di Toursport utilizzava lo slider nativo di PageBuilder per:

  • la facile modifica dei contenuti,

  • la possibilità di impostare immagini separate per desktop / mobile,

  • la buona integrazione con la cache e le prestazioni.

Allo stesso tempo, il comportamento standard di PageBuilder causava:

  • un aspetto poco estetico dello slider sugli smartphone,

  • il mancato mantenimento delle proporzioni dell’immagine,

  • problemi al variare della risoluzione.

Soluzione

È stato utilizzato Kowal PageBuilder Slider Fix, che:

  • ha rimosso il min-height fisso,

  • ha permesso allo slider di adattare l’altezza alle proporzioni reali dell’immagine,

  • ha mantenuto l’intera larghezza dello schermo,

  • ha gestito correttamente le immagini mobile.

Risultato

  • ✔ responsività ideale su tutti i dispositivi,

  • ✔ nessun margine vuoto su mobile,

  • ✔ PageBuilder nativo mantenuto, senza slider aggiuntivi,

  • ✔ migliore resa visiva della homepage.

Il modulo è stato implementato senza impatto sulle prestazioni e senza necessità di modificare i contenuti in PageBuilder.

Pytania i odpowiedzi

Domanda
Il modulo sostituisce lo slider nativo di PageBuilder?
Risposta
No. Il modulo non sostituisce lo slider, ma ne corregge solo il comportamento. Continui a utilizzare al 100% il PageBuilder nativo.
Domanda
Il modulo funziona con immagini desktop e mobile separate?
Risposta
Sì. Il modulo supporta pienamente il meccanismo desktop_image / mobile_image di PageBuilder e cambia correttamente le immagini sui breakpoint.
Domanda
Il modulo influisce sulle prestazioni del negozio?
Risposta
No. Lo script viene eseguito solo dove è presente uno slider, senza JS globale e senza librerie aggiuntive.
Domanda
Il modulo è sicuro durante gli aggiornamenti di Magento?
Risposta
Sì. Il modulo non interviene sul core, non sovrascrive i file di Magento ed è sicuro durante gli aggiornamenti.
Domanda
Il modulo funziona con cache, Varnish e PageBuilder Preview?
Risposta
Sì. La soluzione è pienamente compatibile con la cache di Magento, Varnish e l’editor PageBuilder.
Write Your Own Review
You're reviewing:Kowal PageBuilder Slider Fix – slider responsive senza compromessi
Prodotti
Aktualizacja preferencji plików cookie