Skip to content
Skip to content
CTASoftware Blog

Para Desenvolvedores De Software

  • Sobre Mim
← Funções de Data SQL Server
Paginação AngularJS – dirPagination →
-->

Prestashop – Modal Fancybox

Posted on 25 de julho de 2016 by Everton Gonçalves

Dica para quem quer abrir uma nova página dentro do PrestaShop.

Incluir o código JQuery abaixo no footer.tpl do seu tema.

<script language=”JavaScript” type=”text/javascript”>

$(document).on(‘click’, ‘.classe-link’, function(e){
e.preventDefault();
var url = this.href;
if (!!$.prototype.fancybox)
$.fancybox({
‘padding’: 20,
‘width’: 980,
‘height’: 400,
‘type’: ‘iframe’,
‘href’: url + ‘/index.html?idUsuario=’,
});
});
</script>

Link:

<a href=”www.link-que-desejo-abrir.com” class=”classe-link”>Clique Aqui</a>

Dessa forma o link irá abrir em uma modal respeitando o padrão do prestashop

Compartilhe isso:

  • Clique para compartilhar no Twitter(abre em nova janela)
  • Clique para compartilhar no Facebook(abre em nova janela)
  • Clique para compartilhar no WhatsApp(abre em nova janela)
  • Clique para compartilhar no Telegram(abre em nova janela)
  • Clique para compartilhar no LinkedIn(abre em nova janela)
  • Clique para enviar um link por e-mail para um amigo(abre em nova janela)

Relacionado

About Everton Gonçalves

http://www.ctasoftware.com.br
View all posts by Everton Gonçalves
This entry was posted in PHP, Prestashop and tagged FancyBox, Modal, Prestashop. Bookmark the <a href="https://www.ctasoftware.com.br/blog/prestashop-modal-fancybox/" title="Permalink to Prestashop – Modal Fancybox" rel="bookmark">permalink</a>.
← Funções de Data SQL Server
Paginação AngularJS – dirPagination →

Deixe um comentário Cancelar resposta

Você precisa fazer o login para publicar um comentário.

© 2026 | Blog info WordPress Theme | By Bharat Kambariya