Snippet para exibir uma janela ao carregar a pagina
HTML
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Newsletter</h4>
</div>
<div class="modal-body">
<form action="{{ links.newsletter }}" method="POST">
<input type="hidden" name="loja" value="{{ store.id }}">
<input name="email" type="text" placeholder="email@templateshop.com">
<button class="btn btn-default btn-block news-button">Cadastrar</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
Javascript
(function($) {
var boostrap_script = document.createElement('script');
boostrap_script.setAttribute('src','https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js');
var bootstrap_enabled = (typeof $.fn.modal == 'function');
if(!bootstrap_enabled) {
$(window).load(function(){
document.head.appendChild(boostrap_script);
});
}
})(jQuery);Exemplo
Como usar
Insira o bloco de código HTML no arquivo layouts/default.html antes do fechamento da tag <body>
Insira o bloco de código Javascript em seu arquivo JS
Comentários