Перейти к содержанию
  • В связи с блокировкой банка QIWI оплата через сайт не возможна.
    Для оплаты и получения дополнений просьба писать в личные сообщения
    Admin*у
    После оплаты Вам так же будет доступно скачивание дополнений и обновлений на данном форуме

[Решено]Вывести любую статью или страницу в модальном окне


Рекомендуемые сообщения

Нередко в процессе доработок приходится сталкиваться с выводом тех или иных статей в модальном (всплывающем) окне. В принципе в опенкарте такая функция предусмотрена по умолчанию. Для этого необходимо просто ссылке, которая ссылается на статью, задать класс

class="agree"

Однако проблема в том, что при включенном модуле СЕО ЧПУ данный вариант не срабатывает. Решение достаточно простое и не займет много времени. Достаточно в файле

common.js

вашего шаблона добавить следующую функцию

$(document).delegate('a.clickmodal', 'click', function(e) {
    e.preventDefault();
 
    $('#modal-inf').remove();
 
    var element = this;
 
    $.ajax({
        url: $(element).attr('href'),
        type: 'get',
        dataType: 'html',
        success: function(data) {
            html  = '<div id="modal-inf" class="modal">';
            html += '  <div class="modal-dialog">';
            html += '    <div class="modal-content">';
            html += '      <div class="modal-header">';
            html += '        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>';
            html += '        <h4 class="modal-title">' + $(element).text() + '</h4>';
            html += '      </div>';
            html += '      <div class="modal-body">' + $('#content', data).html() + '</div>';
            html += '    </div';
            html += '  </div>';
            html += '</div>';
 
            $('body').append(html);
 
            $('#modal-inf').modal('show');
        }
    });
});

После чего любой ссылке на статью достаточно будет присвоить класс

clickmodal

В результате ссылка должна иметь следующий вид

<a href="http://вашсайт.ru/delivery/" class="clickmodal">Доставка</a>

И теперь текст статьи будет открываться в модальном окне.

P.S. Только учтите, статья должна находиться на Вашем сайте.

Ссылка на комментарий

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...