Интересный способ работы с colorbox

[DAN]

По просьбе форумчан, решение вывода карты Яндекс из статьи в colorbox. СПАСИБО ocshopworld

Я сделал так:

В common.js добавил:

/* Colorbox for Yandex maps */
function colormap(sid) {
	$.colorbox({
		html:'<div id="ymp" style="width: 600px; height: 450px;" ></div>',
		onComplete:function() {
		$.getScript("//api-maps.yandex.ru/services/constructor/1.0/js/?sid="+sid+"&width=600&height=450&id=ymp",function() {
			$.colorbox.resize();
		});}
	});
}

Вызывать из статьи, да и я думаю из любого места так:

<a onclick="colormap('SfcU079x762lQv.......emN_MfL3Tf-')"><strong>на карте</strong></a>

[Metric]

Всем участникам дискуссии спасибо за отличные решения! :-)

 

Может быть кто-нибудь подскажет, в чем может быть проблема: сделал всё по инструкции, как предложено в сообщении #7

 

Зависит от того, что вы делали со своим магазином Я вот чтобы не путаться, создал отдельный класс для таких ссылок, которые имеют эту хитрую конструкцию, и назвал его showArticle, а в файле\catalog\view\javascript\common.js в самом начале добавил:

$(document).ready(function(){$(".showArticle").colorbox({href:function(){ return $(this).attr('to'); },fixed: true, width:"650px", height:"500px"});});
Соответственно теперь у меня все такие ссылки выглядят в коде:
<a href="site.com" to="index.php?route=information/information/info&information_id=1" class="showArticle" title="">Вот только как это можно применить к галерее фото я с трудом представляю, но вам виднее

 

 

 

но всплывающее окно срабатывает не на всех страницах. На странице товара, корзины, оформления заказа, регистрации - всё прекрасно работает.

На главной, страницах категорий, контактов, логина и в статьях - не работает ни в какую. Происходит обычный переход по ссылке.

 

С чем может быть связана такая избирательноть и как от неё избавиться?

 

Opencart 1.5.6.4, шаблон Journal 2

Указанный код добавил и в common.js (хотя тут он ничего не дал), и как Custom Code JS код через админку шаблона.

[RGB]

На главной, страницах категорий, контактов, логина и в статьях - не работает ни в какую

 

 

а там сам скрипт колорбокса подключается? посмотрите исходный код этих страниц

[Metric]

Фух.., спасибо большое за наводку!

а там сам скрипт колорбокса подключается? посмотрите исходный код этих страниц

Если я правильно понимаю, за подключение колорбокса отвечают эти строки

<link rel="stylesheet" href="catalog/view/javascript/jquery/colorbox/colorbox.css?j2v=2.4.12"/>
<script type="text/javascript" src="catalog/view/javascript/jquery/colorbox/jquery.colorbox-min.js?j2v=2.4.12"></script>

вот их не было в исходном коде страниц, где окно не работало.

Я прописывал их прямо в header.tpl , и считал, что проблема не в этом, но видимо где-то ошибся при их добавлении (а так как в коде я совершенно не силён, то и не видел, где накосячил), сейчас заново аккуратно вставил эти две строки и всё заработало :-)
Спасибо за помощь! :-)

[Andrej1986]

Извиняюсь за глупый вопрос. Со статьями всё получается, а возможно ли также вывести страницу контактов? Или только переделывать контакты под статьи?

[RGB]

Страницу контактов вы так просто не получите в виде хтмл, так что проще вынести контакты в отдельную статью

[Donarium]

Спешу поделиться классным способом работы со всплывающими окнами :-)

 

 

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

 

Может подскажите куда копать?

 

 

[rukol]

Здравствуйте, пробую вставить карту через colorbox, появляется окно но в нем ничего не загружается. oc 2.1

[rukol]

Здравствуйте, подскажите можно ли реализовать форму обратной связи через colorbox?

[ANiMAL]

Похоже что во 2й версии опенкарта такие ссылки не работают

index.php?route=information/information/info&information_id=1

выдает что страницы не найдена

[RGB]

Зато работают другие :) Посмотрите как это сделано у меня в шаблоне http://moneymaker2.com/portable (промо-блок после товара JBL EON 515)

[Tom]

Для двойки  присвойте своим ссылкам   class="agree"...

[ANiMAL]

Зато работают другие :) Посмотрите как это сделано у меня в шаблоне http://moneymaker2.com/portable (промо-блок после товара JBL EON 515)

 

Поведайте нам как это сделать (если не секрет) и откуда выводится информация? Со статей?

[RGB]

Чтобы не трогать классы ссылок, используйте такую конструкцию index.php?route=information/information/agree&information_id=..

[megasvf]

А есть отдельный модуль для версии 2,1, который бы сделал нужные ссылки в всплывающем окне?

[Гість]

А есть отдельный модуль для версии 2,1, который бы сделал нужные ссылки в всплывающем окне?

то есть нужные ссылки ?