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

[RGB]

Не сработало!

у автора колорбокса работает, а у вас нет, очень любопытно)

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

[nadim]

Может и не догадался. Я думал, что colorbox уже используется в opencart, если я ошибаюсь то направьте на путь истины.

[12strun]

Может и не догадался. Я думал, что colorbox уже используется в opencart, если я ошибаюсь то направьте на путь истины.

В вашем шаблоне может быть убран (да и зачем его оставлять, если cloudzoom используется?).

Возьмите из дефолтного.

[RGB]

Может и не догадался. Я думал, что colorbox уже используется в opencart, если я ошибаюсь то направьте на путь истины.

он и используется, но не на странице статей, где вы пытаетесь его вызвать, значит скорее всего его нет в header.tpl из-за того, что у вас версия новее 1541, а значит надо туда внести изменения из этого поста https://opencartforum.com/topic/23880-besplatnye-vsplyvaiuschie-uvedomleniia-free-popup-cart-vqmod/?do=findComment&comment=210697

[nadim]

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

<p><a class="colorbox" href="картинка_1.jpg" rel="group1"><img src="картинка_1.jpg" style="height: 100px; width: 100px;" /></a></p>
<p><a class="colorbox" href="картинка_2.jpg" rel="group1"><img src="картинка_2.jpg" style="height: 100px; width: 100px;" /></a></p>

Змінено 19 листопада 2013 користувачем nadim

[nadim]

Помогите завести colorbox в статье. 

[regme]

Помогите разобраться до 8марта.. Хочу установить "кнопки поделится в социалках" для каждой картинки, которая открывается в окне колорбокс. 

Вывод кнопок удалось сделать следующим путем:

в product.tpl установил код

<script type="text/javascript">(function() {
  if (window.pluso)if (typeof window.pluso.start == "function") return;
  if (window.ifpluso==undefined) { window.ifpluso = 1;
    var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
    s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
    s.src = ('https:' == window.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
    var h=d[g]('body')[0];
    h.appendChild(s);
  }})();</script>

#####
<? $share_buttons='<div class="pluso" data-background="transparent" data-options="big,square,line,horizontal,nocounter,theme=04" data-services="vkontakte,odnoklassniki,facebook,print" data-image="'.$image['popup'].'" style="margin-top: -30px;text-align: center;"></div><div class="clear"></div>'; ?>

<script type="text/javascript"><!--
jQuery("#cboxContent").append('<? echo $share_buttons;?>');
//--></script> 
 

Но не знаю как передать адрес картинки открытой в текущем окне колорбокса property="og:image"  . В данном коде могу вывести только последнюю картинку из цикла 

data-image="'.$image['popup'].'"

А как подставлять актуальную ссылку ума не приложу.

[RGB]

Помогите разобраться до 8марта.. 

Лучше поздно, чем никогда:)

 

Можно повесить на коллбек onComplete например (да и на любой другой) такой алерт

alert(this.href);

и в нем this.href и будет нужным вам адресом текущей картинки

[eeeMan]

странно, на главной не работает хоть и подключен в хедере колорбокс

[beeboosters]

Я прошу прощения, может не в тему, но инфу по доставке и оплате лучше разместить просто на странице товара, удобно - табами. А что бы не прописывать заголовок таба и его содержимое прямо в коде product.tpl, лучше скриптом подтягивать их из заранее созданной в optncart страницы.

[RGB]

странно, на главной не работает хоть и подключен в хедере колорбокс

ссылку на главную покажите

 

 

Я прошу прощения, может не в тему, но инфу по доставке и оплате лучше разместить просто на странице товара, удобно - табами. А что бы не прописывать заголовок таба и его содержимое прямо в коде product.tpl, лучше скриптом подтягивать их из заранее созданной в optncart страницы.

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

[eeeMan]

ссылку на главную покажите

да я уже разобрался, подрубил минискрипт еще и заработало,

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

<?php foreach ($informations as $information) { ?> <a class="colorboxInfo" href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a> <?php } ?>

класс colorbox, но при этом во первых в окне открывается не текст статьи а весь сайт и во вторых наблюдаются странные глюки колорбокса будто открывается сразу 2 попап окна

[eeeMan]

как можно вывести статьи в хедере через колорбокс, не прибегая к ручному вводу ссылок на эти статьи в хедере?

[RGB]

Как может колорбокс выводить статьи куда либо? Не понял ваш вопрос

[eeeMan]

Как может колорбокс выводить статьи куда либо? Не понял ваш вопрос

как понять куда либо? Данная тема открыта на обсуждение того что, статьи которые мы прописываем ручками (например в хедере) можно выводить через колорбокс, ок, это работает, но ссылки на статьи приходится писать в ручную.

Как сделать так, что бы колорбокс корректно открывал их из функции -

<?php foreach ($informations as $information) { ?> <a class="colorboxInfo" href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a> <?php } ?>

[DAN]

Подскажите можно как то сделать в colorboxe карту яндекса интерактивную. С вашим скриптом текст открывается на ура. А вот script от яндекса не хочет.

<script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=wR61abJt9zwппаава9FCHuKPy_&width=600&height=450"></script> 

Вставляю его в новую статью. По прямой ссылке открывается карта. А через colorbox просто пустое окно с названием статьи.

[RGB]

А если вставлять не так, а через фрейм?

[DAN]

А если вставлять не так, а через фрейм?

В статье вставил так 

<script type="text/javascript" charset="utf-8"><iframe frameborder="0" height="450" scrolling="no" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=wR61abJt..............yZFlXSpN9FCHuKPy_&width=600&height=450" width="600"></iframe>​</script>

в colorbox крутиться загрузка и ничего не открывается. Как правильно прописать?

[RGB]

А если только это вставить?

 

 

<script type="text/javascript" charset="utf-8"><iframe frameborder="0" height="450" scrolling="no" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=wR61abJt..............yZFlXSpN9FCHuKPy_&width=600&height=450" width="600"></iframe></script>

[DAN]

А если только это вставить?

<iframe frameborder="0" height="450" scrolling="no" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=wR61abJt..............yZFlXSpN9FCHuKPy_&width=600&height=450" width="600"></iframe>

Выводит текст скрипта 

 

(function(A,o,f,s,B,c){if(!A.response){return}var m=window.location.protocol==="file:"?"http:":"",a=m+c+"2.0/",j={MAP:"yandex#map",SATELLITE:"yandex#satellite",HYBRID:"yandex#hybrid",PMAP:"yandex#publicMap"},r=A.response.map,t=["package.map","package.controls","package.geoObjects"],u=o[0]?o[0]+"px":"100%",p=o[1]?o[1]+"px":"100%",y=String(Number(new Date))+String(Math.round(Math.random()*1000000)),l="ymaps"+y,b="fid"+y,C=r.lang||"ru-RU",d=a+"?................

[DAN]

Так тоже выдает текст скрипта

<iframe frameborder="0" height="450" scrolling="no" <script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=wR61abJt9zw7B....lXSpN9FCHuKPy_&width=600&height=450"><script> width="600"></iframe>

[ocshopworld]

Подскажите можно как то сделать в colorboxe карту яндекса интерактивную. С вашим скриптом текст открывается на ура. А вот script от яндекса не хочет.

<script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=wR61abJt9zwппаава9FCHuKPy_&width=600&height=450"></script> 

Вставляю его в новую статью. По прямой ссылке открывается карта. А через colorbox просто пустое окно с названием статьи.

 

 

Попробуйте такое решение 

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

Вызывать например через onclick="colormap(sid)"

 

[DAN]

Попробуйте такое решение 

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

Вызывать например через onclick="colormap(sid)"

 

Что не работает, может куда то не туда пишу?

В статье в конце вставил скрипт 

function colormap(sid)........

Вызываю в этой же статье так

<a onclick="colormap(wR61abJt9zw7B....FlXSpN9FCHuKPy_)"> <strong>на карте</strong></a>

При нажатии ничего не происходит, в отладчике ошибка

 

 

Uncaught ReferenceError: wR61abJt9zw7B....FlXSpN9FCHuKPy_ is not defined

Подскажите чего не так делаю. Я в скриптах не силен.

[ocshopworld]

<a onclick="colormap(wR61abJt9zw7B....FlXSpN9FCHuKPy_)"> <strong>на карте</strong></a>

sid в кавычках должен быть -

 colormap('wR61abJt9zw7B....FlXSpN9FCHuKPy_')

[DAN]

sid в кавычках должен быть -

 colormap('wR61abJt9zw7B....FlXSpN9FCHuKPy_')

Точно! Тупанул))))

Все работает, СПАСИБО.