Estensione Magento 2 Infinite Scroll Archives - Knowband Blog

1.0 Introduzione

Lo scorrimento infinito carica continuamente il contenuto della pagina web mentre l’utente scorre la pagina web. Fondamentalmente, lo scorrimento infinito è la tecnica del web design per eliminare l’impaginazione dal sito web. Estensione Infinite Scroll di Magento 2 di Knowband fa lo stesso. Rimuove l’impaginazione e la funzionalità di ricarica della pagina dal sito Web e semplifica la navigazione per i visitatori del tuo negozio Magento per visualizzare il set successivo di prodotti senza ricaricare la pagina web.

1.1 Caratteristiche dell’estensione di scorrimento rapido di Magento 2:

L’estensione Magento 2 Infinite Scroll sostituisce il sistema di impaginazione dal sito web.
L’estensione di scorrimento veloce di Magento 2 riduce il tempo di caricamento del sito web.
L’amministratore del negozio può abilitare o disabilitare il modulo di scorrimento infinito di Magento 2 con un solo clic.
L’estensione di scorrimento rapido di Magento 2 offre all’amministratore l’opzione di test sandbox. Dopo aver abilitato questo negozio, l’amministratore deve inserire l’indirizzo IP specifico per testare il modulo.
Lo scorrimento infinito per l’estensione Magento 2 offre una migliore esperienza utente.
Il modulo di scorrimento veloce Magento 2 ottimizza la navigazione del sito.
L’amministratore può specificare il numero di pagine dopo il quale verrà mostrato “Carica altro”. L’amministratore del negozio può anche regolare la velocità del caricatore.
L’amministratore del negozio può visualizzare il messaggio della pagina finale dopo il completamento dell’elenco dei prodotti.
L’estensione di scorrimento infinito di Magento 2 funziona perfettamente con le visualizzazioni elenco e la visualizzazione griglia.
L’amministratore del negozio può impostare il colore di sfondo e il colore del testo del messaggio della pagina finale e andare al collegamento superiore.
Il modulo di scorrimento infinito Magento2 offre all’amministratore del negozio di aggiungere l’impostazione del selettore.
Il modulo di scorrimento infinito di Magento 2 è mobile reattivo.

2.0 Passaggi di installazione di scorrimento infinito per l’estensione Magento 2:

I passaggi per installare l’estensione di scorrimento rapido Magento 2 sono indicati di seguito:

1. Acquista l’estensione Infinite scroll per Magento 2 da Knowband. Puoi scaricare il pacchetto di estensione. 2. Il pacchetto ha un file zippato che contiene il manuale utente e il codice sorgente di Magento 2 Infinite Scroll Extension. Decomprimere il pacchetto. 3. Crea una cartella {Magento root} / app / code / Knowband / Infinitescroll 4. Carica il contenuto estratto nella cartella sopra tramite FTP manager (come Filezilla o WinSCP – scarica qui: https://filezilla-project.org/) . 5. Ora esegui i seguenti comandi per installare Magento 2 Infinite Scroll Extension: php -f bin / magento module: enable –clear-static-content Knowband_ Infinitescroll php -f bin / magento setup: upgrade php -f bin / magento setup: di: compile php bin / magento setup: static-content: deploy php bin / magento cache: clean 6. L’estensione è ora installata e pronta per l’uso. Nel pannello di amministrazione vai su “Knowband Extensions> Infinite Scroll”. Ora puoi configurare e utilizzare l’estensione Magento 2 Infinite Scroll.

3.0 Interfaccia di amministrazione

L’estensione di scorrimento veloce di Magento 2 offre le seguenti interfacce da configurare:

Impostazioni generali
Impostazioni aspetto e sensibilità
Impostazioni del selettore
Impostazioni sandbox

Di seguito la descrizione dettagliata di ogni impostazione:

3.1 Impostazioni generali

Da questa scheda, l’amministratore del negozio può regolare le impostazioni generali del modulo di scorrimento infinito Magento 2.

Abilita l’estensione: Questa scheda dello scorrimento veloce di Magento 2 abiliterà l’opzione di scorrimento infinito. L’amministratore può abilitare / disabilitare questa estensione Magento ogni volta che è necessario.
Visualizza messaggio di fine pagina: Questo campo dell’estensione di scorrimento rapido di Magento 2 consente all’amministratore di abilitare / disabilitare il messaggio che verrebbe visualizzato alla fine della pagina di elenco dei prodotti.
Messaggio di fine pagina: Questo campo dell’estensione di scorrimento infinito di Magento 2 consente all’amministratore di impostare il testo del messaggio della pagina finale che verrà visualizzato alla fine della pagina di elenco dei prodotti.
Visualizza il link Vai all’inizio: Il modulo di scorrimento infinito di Magento 2 consente all’amministratore di visualizzare l’opzione “Vai all’inizio del collegamento” che aiuta gli utenti a saltare all’inizio della pagina di elenco dei prodotti.
Messaggio di caricamento: Questa sezione dell’estensione di scorrimento veloce di Magento 2 offre all’amministratore di impostare il testo durante il caricamento del contenuto della pagina web.
Seleziona tipo di scorrimento: L’estensione di scorrimento rapido di Magento 2 consente all’amministratore di selezionare il tipo di scorrimento nella pagina di elenco dei prodotti. Le seguenti opzioni sono fornite nel tipo di scorrimento:

un. Scorrimento infinito

b. Carica altro link

Carica più etichetta: Quando è selezionata l’opzione “Carica altro collegamento”, verrà visualizzato questo campo. Questo campo dell’estensione di scorrimento infinito di Magento 2 consente all’amministratore di impostare il testo sul collegamento Carica altro.
Frequenza per mostrare Carica altro testo: Questo campo dell’estensione di scorrimento veloce di Magento 2 funzionerà solo quando “Tipo di scorrimento” è “Scorrimento infinito”. Questo campo consente all’amministratore di impostare la frequenza di caricamento di più link da mostrare nel front-end.
Ritardo caricatore: Questo campo del modulo di scorrimento infinito di Magento 2 consente all’amministratore di impostare il numero minimo di millisecondi per rimanere in uno stato di caricamento.
Margine negativo: Questo campo dell’estensione di scorrimento rapido di Magento 2 ti darà la possibilità di caricare i nuovi elementi prima di raggiungere l’ultimo elemento della pagina. Per impostazione predefinita, il caricatore inizia a caricare nuovi elementi quando l’utente scorre fino all’ultimo elemento della pagina. L’amministratore può impostare il numero di prodotti qui. Ad esempio, se qui viene inserito il numero “X”, il caricatore inizierà a caricare prima che rimangano X numero di prodotti nella pagina web.
Visualizza barra degli strumenti: Questo campo dell’estensione di scorrimento infinito di Magento 2 consentirà all’amministratore se visualizzare o meno la barra degli strumenti nella pagina di elenco dei prodotti.

ï ¿½

3.2 Impostazioni di aspetto grafico

Da questa scheda, l’amministratore del negozio può regolare lo sfondo e il colore del testo della finestra di messaggio e andare al link di inizio.

Colore sfondo casella messaggi: Questa scheda dell’estensione di scorrimento infinito di Magento 2 offre all’amministratore di impostare il colore di sfondo della finestra di messaggio.
Colore del bordo: L’estensione Magento 2 Infinite Scroll consente all’amministratore di personalizzare il colore del bordo della finestra di messaggio secondo le sue preferenze.
Colore del testo: L’amministratore può personalizzare il colore del testo della finestra di messaggio secondo la sua scelta. Può fare lo stesso semplicemente selezionando il colore dal selettore di colori.
Vai all’inizio Colore di sfondo del collegamento: Questo campo dell’estensione di scorrimento veloce di Magento 2 consente all’amministratore di impostare il colore di sfondo del “Vai all’inizio del collegamento”. Di seguito è riportato lo screenshot del collegamento Vai all’inizio:

CSS personalizzato: Se l’amministratore desidera aggiungere il CSS personalizzato per qualsiasi elemento di scorrimento infinito per l’estensione Magento 2, può fare lo stesso aggiungendo CSS in questo campo.
Carica immagine caricatore: Questa scheda dell’estensione di scorrimento infinito di Magento 2 consente all’amministratore di caricare l’immagine del caricatore di sua scelta. L’amministratore può caricare solo immagini in formato .jpg, .png e .gif. La dimensione dell’immagine non deve essere superiore a 2 MB.

3.3 Impostazioni del selettore:

Contenuto: questa scheda dell’estensione Magento 2 Infinite Scroll consente all’amministratore di impostare il nome della classe del contenitore dei contenuti.
Avanti: Questa scheda dell’estensione di scorrimento veloce di Magento 2 offre all’amministratore di impostare il nome della classe dell’elemento successivo.
Precedente: questa scheda dell’estensione di scorrimento rapido di Magento 2 consente all’amministratore di impostare il nome della classe dell’elemento precedente.
Griglia elemento: questo campo dell’estensione di scorrimento infinito di Magento 2 consente all’amministratore di impostare il nome della classe dell’elemento Griglia.
Elenco elementi: questo campo dell’estensione di scorrimento infinito di Magento 2 consente all’amministratore di impostare il nome della classe dell’elemento dell’elenco.
Barra degli strumenti: in questo campo del modulo di scorrimento infinito di Magento 2, l’amministratore dovrà impostare il nome della classe della barra degli strumenti.
Impaginazione: questa scheda dell’estensione di scorrimento rapido di Magento 2 consente all’amministratore di impostare il nome della classe del contenitore di impaginazione.

NOTA:

1. Non dimenticare di aggiungere “#” prima dell’elemento id e “.” prima dell’elemento di classe.
2. Se non si ha familiarità con questi elementi del selettore, non modificarli.

3.4 Impostazioni sandbox:

La scheda Impostazioni Sandbox dell’estensione di scorrimento infinito di Magento 2 offre all’amministratore di testare l’estensione prima di implementarla sul sito.

Attivare: Abilita questo campo dell’estensione di scorrimento veloce Magento 2 per testare l’estensione.
Indirizzo IP autorizzato: In questo campo dell’estensione di scorrimento rapido di Magento 2, inserisci gli indirizzi IP su cui desideri che lo scorrimento infinito sia attivo. Assicurati che gli indirizzi IP inseriti siano separati da una virgola. È possibile aggiungere l’IP facendo clic sull’opzione “Aggiungi il mio IP”.

Front-end del negozio 4.0

L’estensione per lo scorrimento infinito di Magento 2 sarà abilitata su tutto il sito Web in cui avviene l’impaginazione. Lo scorrimento infinito per l’estensione Magento 2 apparirà nella parte anteriore come segue:

End pagina message and in alto linchiostro:

Trova maggiori dettagli su questo scorrimento infinito per Magento 2 di seguito:

Demo dell’amministratore dell’estensione di scorrimento infinito Magento 2

Estensione a scorrimento veloce Magento 2 Extension Front Demo

“Inoltre, esplora di più Estensioni Magento 2 per il tuo negozio. “

Con la disponibilità di più negozi e-commerce, gli acquirenti online hanno un numero di opzioni tra cui scegliere. Ma cosa porta al processo decisionale degli acquirenti quando si tratta di scegliere il miglior negozio tra tutti? Puoi indovinare?

È l’interfaccia utente. A parte l’interfaccia utente, è l’UX. L’aspetto del tuo sito web è la prima impressione del tuo negozio eCommerce sui tuoi visitatori. Se non sembra gradevole, non sarai in grado di far rimanere i tuoi visitatori nel tuo negozio. Una buona interfaccia utente è seguita da una buona esperienza utente. Se la tua interfaccia utente è impressionante ma non riesci a fornire un’esperienza di navigazione confortevole ai tuoi visitatori, probabilmente non li vedrai di nuovo sul tuo negozio.

Quindi, al fine di fornire ai clienti un’esperienza piacevole e piacevole, è necessario migliorare l’interfaccia utente e l’esperienza dell’utente. Colmare il divario tra l’esperienza utente e l’interfaccia utente è molto importante per il successo di un negozio di e-commerce. I commercianti di e-commerce utilizzano diversi strumenti e funzionalità nei loro negozi web per renderlo più interattivo e coinvolgente. Uno di questi metodi per migliorare l’UI e l’UX di un sito eCommerce è lo scrolling infinito.

Lo scrolling infinito, indicato anche come scorrimento Endless, elimina il processo di impaginazione dal tuo negozio portando il caricamento automatico e continuo. Mentre un utente scorre verso il basso la pagina, l’elenco dei prodotti continua a popolare. Di conseguenza, gli utenti non devono fare clic sulla pagina successiva per esplorare ulteriormente.

Il modulo Infinite Scroll di Knowband aiuta i commercianti eCommerce a liberarsi del tradizionale sistema di impaginazione. Aggiunge una scroll automatica sulla pagina di elenco dei prodotti e consente all’utente di navigare facilmente tra i prodotti del negozio, su una singola pagina. Se gestisci un negozio di e-commerce su Prestashop, OpenCart, Magento o Magento 2, puoi usufruire dei vantaggi di questo modulo Infinite Scroll. Provali:

Addon scroll infinito per Prestashop

Estensione OpenCart Infinite Scroll

Estensione Infinite Scroll per Magento

Estensione Infinite Scroll per Magento 2

Sei ancora seduto sul recinto se implementare questa funzionalità di scorrimento infinito nel tuo negozio o no? Ecco alcuni dei motivi convincenti che ti aiuteranno a prendere una decisione.

Lo scroll infinito fa risparmiare tempo

Come rivenditore online, il tuo obiettivo principale dovrebbe essere quello di mantenere il flusso degli utenti quando sono presenti nel tuo negozio. Un processo di impaginazione può disturbare il flusso degli utenti e creare frustrazione quando gli utenti passano attraverso un numero di pagine. Lo scrolling infinito, d’altra parte, rende la navigazione interessante e veloce.

Scorrimento infinito offre una facile navigazione

Uno dei principali vantaggi dello scrolling infinito è che semplifica la navigazione. Con il caricamento automatico dei prodotti, i clienti devono solo scorrere per trovare il prodotto desiderato. Ma lo scorrimento continuo, a volte, può far scavare un utente così in profondità che sarà difficile raggiungere nuovamente la parte superiore della pagina. A tale scopo, il modulo Infinite Scroll contiene un pulsante “Vai all’inizio” per consentire all’utente di navigare facilmente nella parte superiore della pagina.

Lo scorrimento infinito aumenta la durata della sessione

Per essere molto veri, gli utenti si annoiano e si stancano dopo aver sfogliato un certo numero di pagine. Non guardano nemmeno oltre per vedere più risultati e uscire dal tuo negozio. Questo non è il caso di Infinite Scrolling. Quando i prodotti vengono visualizzati continuamente su una singola pagina per gli utenti, navigano più prodotti e trascorrono più tempo nel tuo negozio, il che aiuta ad aumentare il tempo medio trascorso da un utente sul tuo sito.

Infinite Scroll offre una navigazione veloce

I clienti preferiscono il caricamento veloce. Semplicemente odiano aspettare che le pagine vengano caricate. Facendo clic sulla pagina successiva diverse volte e aspettando che la pagina venga caricata ogni volta, i tuoi visitatori possono essere irretiti. Lo scorrimento infinito supera questo problema e continua ad aggiungere automaticamente il contenuto della pagina successiva. Gli utenti trovano questo modo più conveniente.

Incredibile per i dispositivi touchscreen

I dispositivi mobili touchscreen stanno dominando i dispositivi a tastiera negli ultimi anni. Oggi quasi ogni utente possiede un telefono cellulare touchscreen. Questo è il motivo per cui lo scorrimento infinito è considerato il modo ideale e preferito per l’impaginazione dei commercianti di e-commerce. Diventa così semplice usare solo un pollice per navigare in pagine diverse. Facebook è un ottimo esempio.

Lo scorrimento infinito crea più coinvolgimento dell’utente

Quando il contenuto viene caricato rapidamente, rende un utente più a lungo sulla pagina, quindi aumenta il coinvolgimento dei clienti. A causa dell’aspetto continuo dei prodotti, gli utenti si trovano a interagire nel tuo negozio per un periodo più lungo.

Conclusione

I clienti adorano la funzionalità di scorrimento infinito. Migliora la loro esperienza utente e li tiene impegnati nel tuo negozio. Immagino che questo sia sufficiente per rendere questa funzione disponibile nel tuo negozio di e-commerce. Controlla i moduli Infinite Scroll e fammi sapere i risultati che ottieni in seguito.

Piaciuto questo articolo? Ti piaceranno anche questi:

Paginazione vs scorrimento infinito

Ottimizzazione scorrimento infinita: ti iscrivi mentre scorrono

Tag: Estensione Magento 2 Infinite Scroll

Magento 2 Infinite Scroll Extension – Manuale dell’utente