Как реализовать модальное (всплывающее окно) с информацией?

[Densport]

Здравствуйте, нужна помощь специалиста.

 

Хочу сделать, чтобы по нажатию на 3 разные ссылки в карточке товара, появлялись всплывающие окна с нужным мне текстом.

 

 

Пример карточки товара тут.

 

На сайте есть обратный звонок, который вызывается по нажатию. Я по аналогии сделал такую же ссылку для "Способы доставки". Если нажать на "способы доставки" появится всплывающее окно с текстом.

 

В папке /template/module/ есть файл callback.tpl с таким содержанием:

<div id="callback">
<i class="fa fa-times close" onclick="$('#callback').popup('hide')"></i>
<div class="head box-heading">Заказ звонка</div>
<div class="callback">

тут разный текст

Данные из которого вызываются на странице по нажатию по ссылке в таком формате:

<span class="open_callback" onclick="$('#callback').popup('show');">Способы доставки</span>

Помогите, пожалуйста, как сделать по аналогии еще три таких окна?

 

Насколько я понимаю, нужно файл callback.tpl скопировать 3 раза и переименовать например в файлы okno1.tpl,  okno2.tpl,  okno3.tpl  В каждом файле написать свой текст. А как потом правильно вызвать этот текст по нажатию на ссылки?

Змінено 13 жовтня 2016 користувачем Densport