[Решено] Модальное окно. Проблемы с выводом.

zatire · 14 квітня 2015

Добрый вечер. Столкнулся с такой проблемой - хочу сделать вывод статей из заголовка в поп-апе, но не получается. Ни через бутстрап ни через фэнси бокс.

Делаю все по инструкции: закачал с оффсайта плагин fancybox, в header.tpl в тегах <head> подключил нужные файлы -

<link rel="stylesheet" href="catalog/view/javascript/jquery/fancybox_last/jquery.fancybox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="catalog/view/javascript/jquery/fancybox_last/jquery.fancybox.js"></script>

связываю объект ".fancybox" с плагином

<script type="text/javascript">
	   $(document).ready(function() {
		$(".fancybox").fancybox();
	   });
     </script>

в тегах <body> ссылке из заголовка присваиваю параметр class = "fancybox"

<a class="fancybox" href="<?php echo $this->config->get('firstblock_link')?>" >

По идее после этого должно работать. Но при клике происходит переход по ссылке!

Кто знает, в чем я ошибся и как это исправить?

Пытался через бутстрэп сделать то же самое, но результат вновь неутешителен.

Tom · 14 квітня 2015

https://opencartforum.com/topic/16258-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%B5%D1%81%D0%BD%D1%8B%D0%B9-%D1%81%D0%BF%D0%BE%D1%81%D0%BE%D0%B1-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B-%D1%81-colorbox/

zatire · 14 квітня 2015

https://opencartforum.com/topic/16258-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%B5%D1%81%D0%BD%D1%8B%D0%B9-%D1%81%D0%BF%D0%BE%D1%81%D0%BE%D0%B1-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B-%D1%81-colorbox/

Cпасибо, Tom! Вы всегда приходите на помощь.

Только вот к двум так и непонятым плагинам теперь придется добавить еще третий)) Хотя, конечно, хотелось бы закончить сначала с fancybox'ом и bootstrap'ом.

Tom · 14 квітня 2015

Вытащить статью в фенсибоксе можно аналогично колорбоксу.Сам принцип описан в топике ссылку на который я дал.

Здесь вот логотипом две ссылки.Это статьи из админки

http://allinshop.ru/

zatire · 14 квітня 2015

Вытащить статью в фенсибоксе можно аналогично колорбоксу.Сам принцип описан в топике ссылку на который я дал.

Здесь вот логотипом две ссылки.Это статьи из админки

http://allinshop.ru/

По указанному в Вашей ссылке способу через colorbox вызвать окно удалось. Проделывая ровно то же самое для fancybox'a - нет.

Не удалось, правда, понять как использовать предложенное товарищем RGB решение для адаптации к различного рода устройствам:<script type="text/javascript">

jQuery.colorbox.settings.maxWidth = '95%';

jQuery.colorbox.settings.maxHeight = '95%';

var resizeTimer;

function resizeColorBox()

{

if (resizeTimer) clearTimeout(resizeTimer);

resizeTimer = setTimeout(function() {

if (jQuery('#cboxOverlay').is(':visible')) {

jQuery.colorbox.load(true);

}

}, 300);

}

jQuery(window).resize(resizeColorBox);

window.addEventListener("orientationchange", resizeColorBox, false);

</script>

Tom · 14 квітня 2015

Я же вам ссылку дал.Там проинспектировать минутное дело

<div id="links">
    <a class="fancybox" href="./index.php?route=information/information/info&information_id=XXX">Название ссылки</a>
   <script>
       $('.fancybox').fancybox({cyclic: true});
   </script>  
</div>

где XXX это ID статьи.

Вхід

[Решено] Модальное окно. Проблемы с выводом.

Recommended Posts

zatire

Надіслати

Поділитися на інших сайтах

Tom

Надіслати

Поділитися на інших сайтах

zatire

Надіслати

Поділитися на інших сайтах

Tom

Надіслати

Поділитися на інших сайтах

zatire

Надіслати

Поділитися на інших сайтах

Tom

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Ваші замовлення

ocStore

Шаблони

OpenCart.Pro

Important Information