Jump to content
Sign in to follow this  
RGB

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

Recommended Posts

По просьбе форумчан, решение вывода карты Яндекс из статьи в 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>

Share this post


Link to post
Share on other sites

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

 

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

 

Зависит от того, что вы делали со своим магазином icon_e_smile.gif Я вот чтобы не путаться, создал отдельный класс для таких ссылок, которые имеют эту хитрую конструкцию, и назвал его 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="">Вот только как это можно применить к галерее фото я с трудом представляю, но вам виднее icon_e_smile.gif

 

 

 

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

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

 

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

 

Opencart 1.5.6.4, шаблон Journal 2

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

Share this post


Link to post
Share on other sites
На главной, страницах категорий, контактов, логина и в статьях - не работает ни в какую

 

 

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

Share this post


Link to post
Share on other sites

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

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

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

<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 , и считал, что проблема не в этом, но видимо где-то ошибся при их добавлении (а так как в коде я совершенно не силён, то и не видел, где накосячил), сейчас заново аккуратно вставил эти две строки и всё заработало :-)
Спасибо за помощь! :-)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

  • +1 1

Share this post


Link to post
Share on other sites

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

 

 

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

 

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

 

 6e652acfa2fbab3c4d5c22e332e25557.jpg

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By comers
      Привет!
      Стоит задача показывать корзину в шапке, если товар добавлен в нее или скрывать, если она пустая. Добавление класса к #cart после php-проверки не вариант, т.к. надо корзину показывать сразу после первого клика на кнопку Купить. Единственный правильный способ - дописать ajax, который добавляет товар в корзину, а именно в cart.tpl. Я пробовал добавить в common.js в функцию
      'add': function(product_id, quantity) { после 
      success: function(json) {  команду 
       
      $('#cart').addClass('block');  но она не срабатывает. Что я делаю не так?
       
    • By colaweb
      Сделаю анимацию для вашего магазина или сайта.
      Большой опыт работы.
       
      Примеры
      Анимация главной страницы
      «Эффект полета» картинки в корзину при клике на кнопку "купить"
       
      Мой портфолио на форуме
      https://opencartforum.com/profile/12157-colaweb/content/?type=downloads_file
    • By colaweb
      Скачать/Купить дополнение


      Анимация для вашего магазина или сайта
      Сделаю анимацию для вашего магазина или сайта.
      Большой опыт работы.
       
      Примеры
      Анимация главной страницы
      «Эффект полета» картинки в корзину при клике на кнопку "купить"
       
      Мой портфолио на форуме
      https://opencartforum.com/profile/12157-colaweb/content/?type=downloads_file
      Добавил colaweb Добавлено 19.02.2018 Категория Услуги  
    • By Kingfrelance
      Добрый день 
      вот сайт
      http://088.cafe
      Кнопка добавить в корзину не работает в консоли ошибка
      jquery-2.1.1.min.js:4 POST http://088.cafe/ajax.php?do=addcart 404 (Not Found) Работает кнопка только в модуле рекомендуемые, это на главной - где вкусная пицца .. но ошибка в консоли все равно есть.
    • By Dragon
      jQuery async load
      Скачать/Купить дополнение Модуль позволяет переместить javascript-скрипты из шапки в подвал сайта и подгружать их асинхронно, тем самым ускорить отрисовку страницы, увеличить баллы в Google Pagespeed и повысить ранжирование в поисковой выдаче.

      Важно: модуль распространяется по принципу – одна лицензия на один домен.
       
      С его помощью можно добиться 100/100 баллов в Google PageSpeed Insights. Но только если вы выполнили все рекомендации Google PageSpeed Insights, кроме пункта "Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы". В противном случае результат может быть всего на пару процентов лучше. 
      Демо: https://matuvi.com/oc2/async/


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

      Протестировано на версиях OpenCart/ocStore 2.0.1.1, 2.1.0.2 и 2.3.0.2.3 на стандартных шаблонах со стандартным набором модулей.
      Автор модуля не гарантирует стабильную работу со сторонними плагинами и шаблонами.

      Теоретически модуль будет работать и на других версиях и сборках (пока кроме 3+).
      Если самостоятельно модуль установить не удалось: пишите в тему поддержки - поможем настроить.
      Добавил Dragon Добавлено 22.01.2018 Категория Кэширование, сжатие, ускорение Системные требования Сайт разработчика https://matuvi.com/ Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика  
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.