Превратите ссылку "Рокспрокет (полоски)" в всплывающее окно

Question

Кто-нибудь знает, как я могу превратить ссылку readmore на roksproket во всплывающее окно? Не ломая рокспрокет?

Answer 1

Вы можете изменить файл шаблона, который отвечает за отображение списка статей, и добавить несколько плагинов jquery, таких как: http://dimsemenov.com/plugins/magnific-popup/

Вам нужно будет добавить несколько ссылок в заголовок вашего шаблона. Вы можете сделать это вручную, отредактировав файл index.php вашего шаблона. Сначала проверьте, что у вас в голове загружен jquery. Добавьте это к голове:

<!-- Magnific Popup core CSS file -->
<link rel="stylesheet" href="magnific-popup/magnific-popup.css"> 


<!-- Magnific Popup core JS file -->
<script src="magnific-popup/jquery.magnific-popup.js"></script>

если jquery не установлен, добавьте это перед любым js:

<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

Вам нужно будет изменить URL-адрес файлов в соответствии с настройками вашего сервера (вам нужно поставить jquery.magnific-popup.js а также magnific-popup.css в папке js и css соответственно.)

Затем найдите ссылку readmore <a class="readon" ... в файле шаблона roksproket, отвечающего за отображение списка статей (обычно это категория или блог). Добавьте класс, такой как mypopup чтобы получить что-то вроде <a class="readon mypopup" ...

Затем добавьте небольшой скрипт

<script type="text/javascript">
$('.mypopup').magnificPopup({ 
  type: 'inline'
    // other options
});
</script>

проверьте документацию плагина, но это должно сделать работу.