it-swarm.dev

Elemento del menú de inicio de sesión como modal

¿Hay alguna forma de abrir el elemento de menú "iniciar sesión" como un cuadro modal?

Esto permitiría al usuario permanecer en la misma página después de iniciar sesión.

No quiero extensiones de terceros, ya que tienden a romperse con el tiempo, estaba pensando más en una anulación del componente de los usuarios, junto con algún tipo de clase o atributo para abrir la página de inicio de sesión como modal en lugar de redirigir al usuario a Una página de inicio de sesión.

Estoy usando Ulkit - vea aquí un ejemplo de componente modal

Mi página es esto

¡Gracias de antemano por ayudar!

2
Nuno Nogueira

a) Agregue el siguiente código a su plantilla 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) Haga una posición de plantilla llamada 'modal' en template.xml

c) Coloque su módulo de inicio de sesión en esta posición 'modal'.

d) Es posible que deba anular el módulo de inicio de sesión para que sea compatible para trabajar con el kit ui, ya que sería bootstrap. https://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core

Aquí hay una muestra de uno que hice para el Zurb Foundation 5 modal:

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

e) Llame el código con su botón:

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

También puede crear su propio módulo chrome ( https://docs.joomla.org/Applying_custom_module_chrome ) para el kit de interfaz de usuario también ...

2
iamrobert

Puede usar este módulo gratuito: https://jsns.eu/joomla-extensions/js-lightbox-login

Simplemente cree un nuevo elemento de menú (Enlaces del sistema -> URL). Luego establezca la URL en:

#login-modal
0
Frostbourn