it-swarm-eu.dev

Voce di menu di accesso come modale

Esiste un modo per aprire la voce di menu "login" come una casella modale?

Ciò consentirebbe all'utente di rimanere sulla stessa pagina dopo aver effettuato l'accesso.

Non voglio estensioni di terze parti poiché tendono a rompersi nel tempo, stavo pensando più a una sostituzione del componente degli utenti, insieme a una sorta di classe o attributo per aprire la pagina di accesso come modale invece di reindirizzare l'utente a una pagina di accesso.

Sto usando Ulkit - vedi qui un esempio di componente modale

La mia pagina è questa

Grazie in anticipo per l'aiuto!

2
Nuno Nogueira

a) Aggiungi il seguente codice al tuo modello frontend index.php

<?php if ($this->countModules( 'modal' )) : ?>
<!-- This is the modal -->
<div id="modal-example" uk-modal>
    <div class="uk-modal-dialog uk-modal-body">
        <jdoc:include type="modules" name="modal" />
        <p class="uk-text-right">
            <button class="uk-button uk-button-default uk-modal-close" type="button">Cancel</button>
            <button class="uk-button uk-button-primary" type="button">Save</button>
        </p>
    </div>
</div>
<?php endif;?>

b) Crea una posizione del modello chiamata 'modale' in template.xml

c) Posiziona il tuo modulo di login in questa posizione 'modale'.

d) Potrebbe essere necessario sovrascrivere il modulo di login per essere compatibile per funzionare con ui kit come sarebbe bootstrap. https://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core

Ecco un esempio di quello che ho fatto per Zurb Foundation 5 modale:

https://Gist.github.com/iamrobert/5a1d206279d1faad245dc7c1f1502772

e) Chiama il codice con il tuo pulsante:

<a href="#modal-example" uk-toggle>Open</a>

Puoi anche creare il tuo modulo chrome ( https://docs.joomla.org/Applying_custom_module_chrome ) anche per UI Kit ....

2
iamrobert

Puoi utilizzare questo modulo gratuito: https://jsns.eu/joomla-extensions/js-lightbox-login

Basta creare una nuova voce di menu (Collegamenti di sistema -> URL). Quindi impostare l'URL su:

#login-modal
0
Frostbourn