Sin impuesto Con impuesto

Barra flottante RKR Aggiungi al carrello

  • Nuovo
Barra di aggiunta al carrello RKR Floating — pulsante di acquisto sempre visibile in PrestaShop
search
  • Barra di aggiunta al carrello RKR Floating — pulsante di acquisto sempre visibile in PrestaShop
  • Barra di aggiunta al carrello RKR Floating — pulsante di acquisto sempre visibile in PrestaShop
  • Barra di aggiunta al carrello RKR Floating — pulsante di acquisto sempre visibile in PrestaShop
  • Barra di aggiunta al carrello RKR Floating — pulsante di acquisto sempre visibile in PrestaShop
  • Barra di aggiunta al carrello RKR Floating — pulsante di acquisto sempre visibile in PrestaShop
  • Barra di aggiunta al carrello RKR Floating — pulsante di acquisto sempre visibile in PrestaShop
  • Barra di aggiunta al carrello RKR Floating — pulsante di acquisto sempre visibile in PrestaShop
48,28
39,90 € Sin impuesto 48,28 € Con impuesto

Il pulsante "Acquista" è sempre visibile. Quando il pulsante originale scompare dallo schermo, appare una barra mobile con foto, nome, variante selezionata e prezzo, e il relativo pulsante "Aggiungi al carrello" utilizza quello del tuo template. Il sistema tiene traccia della combinazione visualizzata dal cliente: prezzo, variante e immagine si aggiornano automaticamente quando cambiano taglia o colore. Nessuna modifica al template, nessun jQuery e nessuna modifica al layout.

Quantità

Asesor experto

¿Necesitas ayuda de un experto? ¿Hablamos?

Conversione

La decisione è stata presa. Il pulsante per l'acquisto si trova due schermate più in alto.

Il cliente scorre verso il basso per leggere la descrizione, controlla le recensioni e confronta le taglie. Quando decide di acquistare, deve scorrere di nuovo verso l'alto. La barra "Aggiungi al carrello" fluttuante gliela mostra proprio davanti, nell'esatto momento in cui prende la decisione.

0 linee
template da toccare: si installa e funziona sul tema che hai già
8.x → 9.x
JavaScript puro, senza jQuery: funziona altrettanto bene in Classic e Hummingbird
1 schermo
configurazione, senza schede o procedure guidate

Appare solo quando necessario.

Sebbene il pulsante di acquisto sia visibile, la barra non è presente: oscurerebbe inutilmente il prodotto. Non appena scompare dallo schermo, riappare in basso (o in alto, a seconda della scelta) con la foto del prodotto, il suo nome, la variante selezionata, il prezzo e il proprio pulsante.

Non monitora lo scorrimento, che è la causa dei salti che rallentano la pagina. Utilizza IntersectionObserver : il browser ti avvisa quando il pulsante scompare dalla visualizzazione. Praticamente senza costi e senza alterazioni del layout .

Segui la combinazione che il cliente sta guardando

Questo è il problema che affligge quasi tutte le barre degli strumenti flottanti. Quando si sceglie una taglia o un colore, PrestaShop non aggiorna il blocco del carrello, ma lo sostituisce completamente. Una barra degli strumenti che mantiene il vecchio pulsante smette di aggiungere articoli al carrello da quel momento in poi, e nessuno se ne accorge finché non iniziano a mancare gli ordini.

Prezzo
Viene aggiornato con quello relativo alla combinazione selezionata, incluso il prezzo barrato in caso di sconti.
Variante
Il nome di ciò che hai scelto, sotto il prodotto: "Rosa", "M · Bianco".
Immagine
La foto cambia a seconda della combinazione, proprio come sulla carta.
Azione
Se quello originale si spegne per mancanza di scorte, anche quello sul bancone si spegne con esso.

/ Acquista utilizzando il pulsante dal tuo modello

La barra non aggiunge automaticamente gli articoli al carrello; inoltra il clic al pulsante che hai già. In questo modo, la quantità selezionata, il controllo delle scorte, la notifica del tema e qualsiasi altra impostazione associata a quel pulsante vengono mantenute. Se domani cambierai tema, la barra continuerà a funzionare.

E si adatta al tuo negozio senza modificare alcun codice.

Colori
Sfondo, testo, prezzo e pulsante, ognuno con il proprio selettore.
Forma
Raggio d'angolo, dalla pillola alla carta, e larghezza massima o larghezza intera.
Icona
O quella fornita, o una tua in formato SVG, oppure un'immagine che carichi. O nessuna delle due.
Strato
Se ricevi una notifica di supporto tramite chat o cookie, aumenta lo Z-Index e smetti di calpestarlo.

Il tema è stato pesantemente modificato? Il selettore del pulsante di acquisto è solo un'altra impostazione: viene modificato dalla configurazione, senza toccare alcun file.

/ Su dispositivi mobili, dove è più evidente

Sullo schermo di un telefono, il pulsante di acquisto scompare al primo scorrimento. La barra si riduce automaticamente: mantiene la foto, il prezzo e il pulsante, lasciando il testo per gli schermi più grandi.

Compatibile con PrestaShop 8.x e 9.x · Temi Classic e Hummingbird

Sviluppato e gestito da REKIRE

Consenso sui cookie