it-swarm.com.de

Login-Menüpunkt als modal

Gibt es eine Möglichkeit, den Menüpunkt "Login" als Modal Box zu öffnen?

Auf diese Weise kann der Benutzer nach dem Anmelden auf derselben Seite bleiben.

Ich möchte keine Erweiterungen von Drittanbietern, da diese im Laufe der Zeit zum Knacken neigen. Ich dachte eher an ein Überschreiben der Benutzerkomponente zusammen mit einer Art Klasse oder Attribut, um die Anmeldeseite als Modal zu öffnen, anstatt den Benutzer zu umzuleiten eine Anmeldeseite.

Ich verwende Ulkit - siehe hier ein Beispiel für eine modale Komponente

Meine Seite ist this

Vielen Dank im Voraus für Ihre Hilfe!

2
Nuno Nogueira

a) Fügen Sie der Frontend-Vorlage index.php den folgenden Code hinzu

<?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) Erstellen Sie in template.xml eine Vorlagenposition mit dem Namen 'modal'

c) Platzieren Sie Ihr Login-Modul in dieser Position 'modal'.

d) Möglicherweise müssen Sie das Anmeldemodul überschreiben, um mit dem UI-Kit kompatibel zu sein, da dies ein Bootstrap wäre. https://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core

Hier ist ein Beispiel von einem, das ich für Zurb Foundation 5 Modal gemacht habe:

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

e) Rufen Sie den Code mit Ihrer Taste auf:

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

Sie können auch ein eigenes Modul chrome ( https://docs.joomla.org/Applying_custom_module_chrome ) für das UI Kit erstellen.

2
iamrobert

Sie können dieses kostenlose Modul verwenden: https://jsns.eu/joomla-extensions/js-lightbox-login

Erstellen Sie einfach einen neuen Menüpunkt (System Links -> URL). Dann setzen Sie die URL auf:

#login-modal
0
Frostbourn