Skip to main content

Yootheme Avanzato

Popup di apertura 

<div id="modal" uk-modal>
    <div class="uk-modal-dialog uk-modal-body">
        <h2 class="uk-modal-title uk-text-center uk-text-danger">Titolo</h2>
        <p class="uk-text-center">Gentile Cliente,</p>
<p class="uk-text-center">Lorem ipsum</p>
        <p class="uk-text-right"><button class="uk-button uk-button-primary uk-modal-close" type="CLOSE">Chiudi</button>
        </p>
    </div>
</div>
<script>
UIkit.util.ready(function() {
   UIkit.modal('#modal').show();
});
</script>

Popup di apertura immagine #piccola 

<div id="modal" uk-modal>
    <div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical" style="padding: 5px 5px!important;">
        <button class="uk-modal-close-default" type="button" uk-close></button>
        <a href="contatti/"><img src="wp-content/uploads/img.jpg" alt="Black Friday"></a>
    </div>
</div>
<script>
UIkit.util.ready(function() {
   UIkit.modal('#modal').show();
});
</script>

Popup di apertura immagine #grande 

<div id="modal-container" class="uk-modal-container" uk-modal>
    <div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical" style="padding: 5px 5px!important;">
        <button class="uk-modal-close-default" type="button" uk-close></button>
        <a href="contatti/"><img src="wp-content/uploads/img.jpg" alt="Black Friday"></a>
    </div>
 </div>

<script>
UIkit.util.ready(function() {
   UIkit.modal('#modal-container').show();
});
</script>

Fissare modulo/widget in modalità sticky 

UIkit.util.ready(function() {
    UIkit.sticky('#tm-sidebar > div', { offset: 90, bottom: true });
});
×