Dica — Override Modal Bootstrap Simples com Seblod — cckJoomla

Pessoal, apenas para contribuir com uma dica simples que talvez sirva pra alguém.

Modal Bootstrap utilizado: http://getbootstrap.com/javascript/#modals

Quem já tentou criar um modal com override no Seblod, deve ter percebido que ao clicar no botão para abrir o modal, ele sempre busca um único conteúdo e não o que está relacionado ao item.

Isso ocorre porque o modal precisa de um link com “id exclusivo” entre o atributo “data-target” do botão e o “ID” da div no modal para fazer a referência correta:

Botão: Div Modal

Sabemos que nos artigos do Joomla a informação que temos única e exclusiva é o “alias”, utilizaremos essa informação para substituir os atributos do modal, fazendo um override no Seblod, por exemplo:

<button type=”button” class=”btn btn-primary btn-lg” data-toggle=”modal” data-target=”#<?php echo $cck->getValue(‘art_alias’); ?>”> Launch demo modal </button>

<div class=”modal fade” id=”<?php echo $cck->getValue(‘art_alias’); ?>” tabindex=”-1" role=”dialog” aria-labelledby=”myModalLabel”>

Note que no atributo data-target, mantém-se o “#”. Se você tiver feito um campo específico para o seu alias, substitua “art_alias” pelo seu campo “seu_campo”

Essa dica vale também para outros componentes do Bootstrap, use como quiser.

Bom pessoal, como disse era somente uma dica de implementação do modal utilizando o override, o restante como título, conteúdo, etc mantém a mesma coisa de qualquer override.

Espero que possa ser útil para alguém!

Originally published at http://cckjoomla.org.