[Tutorial] Exibir uma janela Modal Em qualquer página Joomla

  • rldesign
  • Avatar de rldesign Autor do Tópico
  • Offline
  • JCB! Hero
  • JCB! Hero
Mais
7 anos 9 meses atrás #50870 por rldesign
rldesign created the topic: [Tutorial] Exibir uma janela Modal Em qualquer página Joomla
Você já se perguntou como abrir uma imagem ou uma página Joomla em um popup modal ( um daqueles em que escurece a página de fundo e uma carga nova página na frente )?



Para abrir um popup modal, primeiro você precisa se certificar que você tem direito de carregar javascript na página. Para fazer isso, abra o template e coloque a seguinte linha no <head>
JHTML::_('behavior.modal');

Isso carrega o código Joomla que mostra o pop-up.
Em seguida, você precisa escrever no link para abrir o conteúdo. Você pode fazer isso ou como um item de conteúdo Joomla ou apenas uma imagem. Vamos fazer o primeiro item de conteúdo.
Abra seu artigo conteúdos e encontrar o link que pretende abrir em um popup:
<a href="/component/content/31.html"> links to normal page </a>

Alterar isso para:
<a href="/component/content/31.html?tmpl=component&task=preview"> links to normal page </a>

Observe que temos uma classe adicionada ao link chamado " modal". Isto significa que o joomla vai encontrar nenhum link com essa classe e abrir o pop-up.Nos podemos ir um pouco mais longe e especificar o tamanho da popup:
<a href="/component/content/31.html?tmpl=component&task=preview" class="modal" rel="{handler: 'iframe', size: {x: 680, y: 370}}">link to a modal popup with a dimension of 680px by 370px</a>

Se você deseja modificar o modelo para o pop-up, procure na sua pasta de templates para o arquivo component.php. Este é o arquivo que está alvejando usando o componente = tmpl. Você pode então ajustar esse arquivo para se adequarem.
Se você quiser abrir uma imagem basta substituir a href = "" com o caminho para a imagem em tamanho maior.

Fonte: http://goo.gl/DBTNn

Rafael Santana
Web Designer | R&L Design - Desenvolvimento Gráfico e Sites

Please Entrar ou Registrar to join the conversation.


Mais
7 anos 9 meses atrás #50947 por abobre
abobre replied the topic: Re: [Tutorial] Exibir uma janela Modal Em qualquer página Joomla
Bacana o tutorial !

Abraços

Please Entrar ou Registrar to join the conversation.

Mais
7 anos 6 meses atrás #56615 por apcecim
apcecim replied the topic: Re: [Tutorial] Exibir uma janela Modal Em qualquer página Joomla
Olá boa tarde.
Queria um pouco mais de explicaçao nesse tutorial.
Nao entendi aonde eu coloco esse link pra aparecer a janela modal.
E como eu faço dpx pra configurar ela com o conteudo que eu quero?

POR FAVOR alguem me explica?
Aguardo uma resposta.
Att,
Annapaula

Please Entrar ou Registrar to join the conversation.

Mais
4 meses 2 semanas atrás #101298 por Frank Barraza
Frank Barraza replied the topic: [Tutorial] Exibir uma janela Modal Em qualquer página Joomla
North Face Jackets For Women
Nike Air Force 1
Pandora Jewelry
Skechers
Birkenstock Sandals
Air Max
New Jordans
Kate Spade Outlet
Vans Outlet
Chaussure Air Max 90
Kyrie 4
Birkenstock Sandals For Men
[url=http://www.nike--shoes.us.com/]Nike Shoes For Women[/url]
Michael Kors Canada
Red Bottom Shoes
Pandora Charm
Adidas Outlet
Lebron 15
Pandora Rings
Ralph Lauren Outlet
Christian Louboutin Shoes
Pandora Jewelry
Yeezy Boost 350
Pandora Rings
Moncler UK
Adidas NMD R1
Pandora Jewelry Official Site
Christian Louboutin
Kevin Durant Shoes
Nike Air Max
Pandora Bracelet
Pandora
Adidas Shoes
Kate Spade Outlet Online
Louboutin Shoes
Pandora Charms Sale Clearance
Timberland Boots
[url=http://www.puma--shoes.us.com/]Puma Shoes[/url]
North Face Jackets Clearance
Air Max 90
Nike Uptempo
Jimmy Choo Outlet
Kyrie Irving Shoes
Pandora Jewelry
Kyrie Shoes
[url=http://www.nike--outlet.us.com/]Nike Outlet Store[/url]
Birkenstock Outlet
Curry 4
Nike Vapormax
Adidas Outlet
Vans Store
Jordan 11 Space Jam
NMD
Louboutin Shoes
Nike Cortez Classic
Lebron 15
Adidas Shoes
Goyard Bags
Yeezy Boost 350 V2 Blue Tint
Coach Outlet
Rihanna Puma Slides
Jordan 11 Red
Lebron Shoes
Pandora Outlet
Louboutin Shoes
KD 10 Shoes
[url=http://www.adidas--yeezy.us.com/]Adidas Yeezy[/url]
Yeezy Beluga
Red Bottom Shoes
NMD Adidas
Longchamp Outlet
Polo Ralph Lauren Outlet Online
Longchamp
[url=http://www.ralph--lauren.us.com/]Ralph Lauren[/url]
KD 10
Soccer Shoes
Air Max 2018
Nike Huarache
Coach Outlet Online
[url=http://www.pandora--jewelry.us.com/]Pandora Jewelry[/url]
Ralph Lauren Outlet
Jordan 11
Air Max Shoes
Pandora
Yeezy boost
Pandora
Yeezy Shoes
Air Max 95
Adidas Yeezy
Michael Kors Outlet
Timberlad Shoes
Ultra Boost
Jordan Retro 11
Longchamp Handbags
James Harden shoes
Stephen Curry Shoes
Clarks Shoes
Yeezys
Coach Outlet
Kyrie 3
Harden shoes
Birkenstock Shoes
Yeezy 350 V2 Boost
Vapormax
[url=http://www.nikeoutlet--store.us.com/]Nike Outlet Store[/url]
Kyrie 3
Ralph Lauren Outlet
Moncler
Yeezys
Air Jordan 11

Please Entrar ou Registrar to join the conversation.