Pulsante torna in alto: configurazione e aiuto

Segui i passaggi in Avvio rapido.

Apri "Configure" > Impostazioni torna in alto > Generale.

Per un negozio con un widget di chat a destra, prova Posizione Sinistra, Stile pulsante Rotondo e Mostra dopo scorrimento (px) 600. Per lo stile quadrato, scegli Quadrato con una soglia di 300.

Ereditarietà multinegozio

I valori del pulsante vengono risolti dal negozio al gruppo, poi a tutti i negozi e infine ai valori predefiniti forniti. Nel contesto di un negozio o gruppo, ogni selettore Origine del valore: ... offre Usa il valore ereditato e Usa un valore esplicito. Un valore ereditato segue le modifiche successive del contesto padre. Un valore esplicito viene salvato solo per il contesto selezionato.

Usa Usa le impostazioni ereditate del pulsante per cancellare tutte e quattro le impostazioni sostitutive del pulsante nel contesto figlio selezionato. Per conservarne alcune, modifica solo i singoli selettori dell’origine dei valori. Il salvataggio richiede il permesso di modifica e l’accesso del dipendente a ogni negozio interessato.

Apri Stili del tema con un solo negozio selezionato. La schermata non consente di modificare il tema nei contesti di gruppo o di tutti i negozi.

Lascia Valore personalizzato disattivato per usare i valori rilevati dal tema. Il modulo associa lo sfondo a quello del pulsante principale, il testo al testo del pulsante principale, il passaggio del mouse allo stato hover principale, il raggio a quello del pulsante, colore e larghezza del bordo ai valori del tema e il focus al colore del bordo di focus. Dove presente, Tutti i moduli modifica il valore condiviso del negozio, mentre Solo Pulsante torna in alto o la riga specifica del modulo modifica solo questo modulo. Il nome esatto della riga segue il nome visualizzato tradotto del modulo.

Modifica sfondo, testo, hover, bordi o focus se il controllo rilevato è poco visibile. Modifica Raggio per lo stile Quadrato se gli angoli non corrispondono al tema. Questi campi partono dai valori rilevati anziché da colori fissi del modulo.

Usa Aggiorna gli stili del negozio dopo aver cambiato il tema o le sue impostazioni di stile. I valori personalizzati esistenti vengono mantenuti. Cancella gli stili personalizzati elimina i valori di stile personalizzati e ripristina quelli abbinati al negozio; controlla la conferma perché questa infrastruttura di stile è condivisa.

Il tema deve visualizzare almeno uno tra displayFooter, displayFooterAfter e displayBeforeBodyClosingTag. Il modulo evita la duplicazione del pulsante quando il tema chiama più di uno di questi hook. Registra CSS e JavaScript tramite gli hook dei media e dell’intestazione del front office.

Il pulsante usa #mprb2t-btn, .mprb2t-visible, .mprb2t-left o .mprb2t-right, e .mprb2t-circle o .mprb2t-square. Contiene la freccia SVG verso l’alto, un’etichetta accessibile Torna su e un titolo. La dimensione predefinita è 48 per 48 pixel. Si trova a 30 pixel dal fondo e dal lato selezionato.

Lo script richiede lo scorrimento fluido quando il browser lo supporta. Con le preferenze di movimento ridotto usa lo scorrimento automatico. Se le opzioni di scorrimento non sono supportate, passa allo scorrimento immediato. Quando il pulsante ha il focus della tastiera, resta disponibile finché il focus non si sposta, anche se la pagina torna sopra la soglia.

Prova prima e dopo la soglia. Clicca sulla freccia, attivala con la tastiera e controlla il pulsante su schermi stretti. Non ci sono campi integrati per selezionare pagine, limitare la visibilità ai dispositivi mobili, caricare icone o scegliere lo scorrimento istantaneo.

Se il controllo non compare, verifica Abilita, il valore effettivo multinegozio, la soglia di scorrimento e l’hook del tema. Controlla che views/js/front.js e views/css/front.css vengano caricati senza errori. Usa la pagina "Integrity" del modulo per i controlli di configurazione.

Se il colore non corrisponde, controlla Stili del tema e i valori personalizzati esistenti. Se il salvataggio viene rifiutato, ricarica il modulo e verifica i permessi di modifica e l’accesso ai negozi.

Per altre modifiche, inserisci il CSS nel foglio di stile del tema. Questi selettori corrispondono al pulsante visualizzato:

#mprb2t-btn { background: #111; color: #fff; }
#mprb2t-btn:hover { background: #444; }
#mprb2t-btn.mprb2t-right { bottom: 20px; right: 20px; }
#mprb2t-btn.mprb2t-left { bottom: 20px; left: 20px; }

L’override del template supportato è themes/your-theme/modules/mprbacktotop/views/templates/hook/backtotop.tpl. Se modifichi il markup, conserva l’ID fisso, il dato della soglia e gli attributi di accessibilità.

Imposta Abilita su No nel contesto effettivo oppure disattiva il modulo in "Module Manager". Usa "Uninstall" per rimuoverlo. La disinstallazione elimina la registrazione del tema, la configurazione e il menu di amministrazione. Se la pulizia del tema fallisce, la disinstallazione restituisce un errore per consentirti di risolvere il problema e riprovare.