RGB Опубліковано: 8 січня 2013 Share Опубліковано: 8 січня 2013 Спешу поделиться классным способом работы со всплывающими окнами :-)Очевидно, что всплывающие окна (с увеличенными картинками и другой информацией) - это хорошо и гораздо лучше открытия в новом окне, особенно когда там не много информации, которую лучше показать посетителю сразу на той странице, где он находится.Многие из вас наверное заметили, что каждая статья в Opencart, помимо своего основного адреса, может быть открыта по такому адресу: /index.php?route=information/information/info&information_id=1 При этом открывается именно содержимое статьи, т.е. без шапки сайта, без футера и т.п., чистый html из статьи.Очень удобно открывать такие вещи через colorbox, допустим информацию про доставку, чтобы посетитель, зайдя на страничку товара, не открывал лишних вкладок, а просто клацал левой кнопкой по ссылке, ведущей на статью, которая появляется во всплывающем окошке.Но при этом у такого способа есть серьезный недостаток, как и вообще у самого colorbox - если посетитель клацает средней кнопкой (или правой - открыть новую вкладку), то вместо красивого всплывающего окошка появится голая новая вкладка с тем контентом, который должен был загружаться в colorbox (но который туда не попадает, ибо colorbox в таком случае вообще не инициируется). Попробуйте сами открыть так фотку товара у себя на странице товара. И если с картинками еще ситуация терпимая, то при открытии статьи по вышеуказанному способу, откроется голая страница, ничем не напоминающая сайт магазина, с одним лишь текстом статьи.Решается эта проблема через изящный костыль способ, хотя не валидно (не по спецификации html). Что нужно сделать для этого?В параметрах инициализации ссылок на colorbox дописать:href:function(){ return $(this).attr('to'); }, А в коде страницы в том месте, где идет ссылка на то, что мы хотим показать во всплывающем окне, сделать вот так (любители валидного html, не бросайте в меня помидорами):<a to="index.php?route=information/information/info&information_id=1" href="Статья_1" class="" title="">Текст ссылки</a> Что это все значит: как видите, у элемента a появился новый параметр to, которого нет в спецификации хтмл и который по сути будет адресом того содержимого, которое мы хотим открыть во всплывающем окне. При этом у ссылки все так же остается правильный адрес href, по которому пойдут поисковики и те пользователи, которые захотят открыть содержимое через среднюю кнопку или через контекстное меню, короче через создание новой вкладки.В результате хорошо и пользователям, и поисковикам - первые не теряются, попадая на страницы без шапки и футера сайта, а вторые индексируют именно то, что нам нужно. UPD: А чтобы проходить валидацию, можно использовать data-to вместо to 6 Надіслати Поділитися на інших сайтах More sharing options... zcell Опубліковано: 10 січня 2013 Share Опубліковано: 10 січня 2013 А что поменялось то от этого? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 11 січня 2013 Автор Share Опубліковано: 11 січня 2013 При попытке открытия статей, подгружаемых через colorbox в popup-окно, в новой вкладке - открывается не голый html-код одной лишь статьи, а полноценная страничка магазина с этой статьей (собственно вы сами указываете, что открывать). Можно было бы запретить пользователю нажатие средней кнопки или вызов контекстного меню, чтобы избежать такой ситуации, но ИМХО в юзабилити нет ничего хуже, чем лишать пользователя привычных инструментов просмотра сайтов в сети. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 11 січня 2013 Автор Share Опубліковано: 11 січня 2013 Короче говоря, в такой ситуации до предложенного варианта открывшаяся статья выглядела бы вот так: А после внесения изменений - уже так: Есть разница? :-) Надіслати Поділитися на інших сайтах More sharing options... 1 month later... Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 RGB, Добрый день! Подскажите, а где находится "В параметрах инициализации ссылок на colorbox дописать:"... , т.е. какой файл ковырять? хочу сделать галерею фото, Ваше решение похоже то, что мне надо. Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Наподобие как при просмотре товара - кликаешь, а фотка увеличивается. А главный вопрос - как это сделать (как в html ссылку на рисунок написать чтоб работало), напишите плиз) если не сложно Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 14 лютого 2013 Автор Share Опубліковано: 14 лютого 2013 Зависит от того, что вы делали со своим магазином :-) Я вот чтобы не путаться, создал отдельный класс для таких ссылок, которые имеют эту хитрую конструкцию, и назвал его 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=""> Вот только как это можно применить к галерее фото я с трудом представляю, но вам виднее :-) Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 Понял :-) , спасибо за подсказку! Попробую ковырнуть, об успехах отпишусь) Надіслати Поділитися на інших сайтах More sharing options... 2 months later... pashast Опубліковано: 17 квітня 2013 Share Опубліковано: 17 квітня 2013 Во спасибо. Такая нужная и незадокументированая фича. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 17 квітня 2013 Автор Share Опубліковано: 17 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :-D 1 Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :) да посчитал, почему бы и нет :-) Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, насчет всплывающего окна, наподобие как открывается окно с фоткой товара - если кто из заходящих в тему знает "секрет" - поделитесь, как правильно прописать класс ссылки, чтоб заключенный в ссылку код показывался во всплывающем окне при клике. Решения пока не успел найти. А было бы полезно. Например, галерея фото, видео отзывы (выкладываем миниатюрные фото, при клике всплывает окошко с увеличенным фото или встроенным видео). Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Можно указать тип содержимого - хтмл, и вписать туда вообще что душе угодно, хоть видео с ютуба, хоть целую новую страницу. Посмотрите тут примеры 1 Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 А можно сделать адиптивный поп-ап, размеры которого меняются под размер страницы? Как на fancybox http://fancyapps.com/fancybox/demo/ ? В доках и примерах не нашел. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 А нужен ли он на мобильных устройствах? Ведь там и так экран маленький, и использование поп-апа с увеличенным изображением на responsive-шаблонах ничего не даст. Я видел такое решение с его отключением на маленьких экранах. Ну а если все таки без ресайза никак, то на гитхабе есть обсуждение этой темы Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Дело даже не в мобильных устройствах. Я например поставил большую картинку товара на карточку товара- 1400*1000. У пользователей с нормальными мониторами FullHD все будет хорошо. А у пользователей ноутбуков - картинка уедет за пределы окна и появятся полосы прокрутки. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Пожалейте пользователей с медленным инетом :) В обсуждении на гитхабе есть парочка вариантов реализации ресайза, гляньте там Надіслати Поділитися на інших сайтах More sharing options... 4 weeks later... RGB Опубліковано: 11 травня 2013 Автор Share Опубліковано: 11 травня 2013 Pashast, нашел классное решение, причем срабатывает даже при смене ориентации по сенсору :-) <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> 1 Надіслати Поділитися на інших сайтах More sharing options... 6 months later... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> 1 Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> Да, можно выводить и через фрейм, но этот способ не отобразит окно в нужных размерах, а растянет его на весь экран, если использовать функцию для ресайза из моего прошлого сообщения Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Интересный способ работы с colorbox Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення SP Telegram повідомлення FREE Автор: spectre Відключити порожні категорії Автор: spectre SEO Автор тексту категорії / фільтра / блогу з датою оновлення контенту + мікророзмітка Автор: radaevich Промо банери в категоріях товарів Автор: IHOR1989 Trend - адаптивний універсальний шаблон Автор: DSV × Уже зареєстровані? Ввійти Реєстрація Ваші замовлення Назад Придбані модулі та шаблони Ваші рахунки Лист очікувань Альтернативні контакти Форум Новини ocStore Назад Офіційний сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Завантажити ocStore Документація Історія версій ocStore Блоги Модулі Шаблони Назад Безкоштовні шаблони Платні шаблони Де купувати модулі? Послуги FAQ OpenCart.Pro Назад Демо Купити Порівняння × Створити... Important Information На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність. Я даю згоду
zcell Опубліковано: 10 січня 2013 Share Опубліковано: 10 січня 2013 А что поменялось то от этого? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 11 січня 2013 Автор Share Опубліковано: 11 січня 2013 При попытке открытия статей, подгружаемых через colorbox в popup-окно, в новой вкладке - открывается не голый html-код одной лишь статьи, а полноценная страничка магазина с этой статьей (собственно вы сами указываете, что открывать). Можно было бы запретить пользователю нажатие средней кнопки или вызов контекстного меню, чтобы избежать такой ситуации, но ИМХО в юзабилити нет ничего хуже, чем лишать пользователя привычных инструментов просмотра сайтов в сети. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 11 січня 2013 Автор Share Опубліковано: 11 січня 2013 Короче говоря, в такой ситуации до предложенного варианта открывшаяся статья выглядела бы вот так: А после внесения изменений - уже так: Есть разница? :-) Надіслати Поділитися на інших сайтах More sharing options... 1 month later... Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 RGB, Добрый день! Подскажите, а где находится "В параметрах инициализации ссылок на colorbox дописать:"... , т.е. какой файл ковырять? хочу сделать галерею фото, Ваше решение похоже то, что мне надо. Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Наподобие как при просмотре товара - кликаешь, а фотка увеличивается. А главный вопрос - как это сделать (как в html ссылку на рисунок написать чтоб работало), напишите плиз) если не сложно Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 14 лютого 2013 Автор Share Опубліковано: 14 лютого 2013 Зависит от того, что вы делали со своим магазином :-) Я вот чтобы не путаться, создал отдельный класс для таких ссылок, которые имеют эту хитрую конструкцию, и назвал его 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=""> Вот только как это можно применить к галерее фото я с трудом представляю, но вам виднее :-) Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 Понял :-) , спасибо за подсказку! Попробую ковырнуть, об успехах отпишусь) Надіслати Поділитися на інших сайтах More sharing options... 2 months later... pashast Опубліковано: 17 квітня 2013 Share Опубліковано: 17 квітня 2013 Во спасибо. Такая нужная и незадокументированая фича. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 17 квітня 2013 Автор Share Опубліковано: 17 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :-D 1 Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :) да посчитал, почему бы и нет :-) Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, насчет всплывающего окна, наподобие как открывается окно с фоткой товара - если кто из заходящих в тему знает "секрет" - поделитесь, как правильно прописать класс ссылки, чтоб заключенный в ссылку код показывался во всплывающем окне при клике. Решения пока не успел найти. А было бы полезно. Например, галерея фото, видео отзывы (выкладываем миниатюрные фото, при клике всплывает окошко с увеличенным фото или встроенным видео). Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Можно указать тип содержимого - хтмл, и вписать туда вообще что душе угодно, хоть видео с ютуба, хоть целую новую страницу. Посмотрите тут примеры 1 Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 А можно сделать адиптивный поп-ап, размеры которого меняются под размер страницы? Как на fancybox http://fancyapps.com/fancybox/demo/ ? В доках и примерах не нашел. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 А нужен ли он на мобильных устройствах? Ведь там и так экран маленький, и использование поп-апа с увеличенным изображением на responsive-шаблонах ничего не даст. Я видел такое решение с его отключением на маленьких экранах. Ну а если все таки без ресайза никак, то на гитхабе есть обсуждение этой темы Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Дело даже не в мобильных устройствах. Я например поставил большую картинку товара на карточку товара- 1400*1000. У пользователей с нормальными мониторами FullHD все будет хорошо. А у пользователей ноутбуков - картинка уедет за пределы окна и появятся полосы прокрутки. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Пожалейте пользователей с медленным инетом :) В обсуждении на гитхабе есть парочка вариантов реализации ресайза, гляньте там Надіслати Поділитися на інших сайтах More sharing options... 4 weeks later... RGB Опубліковано: 11 травня 2013 Автор Share Опубліковано: 11 травня 2013 Pashast, нашел классное решение, причем срабатывает даже при смене ориентации по сенсору :-) <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> 1 Надіслати Поділитися на інших сайтах More sharing options... 6 months later... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> 1 Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> Да, можно выводить и через фрейм, но этот способ не отобразит окно в нужных размерах, а растянет его на весь экран, если использовать функцию для ресайза из моего прошлого сообщения Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Интересный способ работы с colorbox Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення SP Telegram повідомлення FREE Автор: spectre Відключити порожні категорії Автор: spectre SEO Автор тексту категорії / фільтра / блогу з датою оновлення контенту + мікророзмітка Автор: radaevich Промо банери в категоріях товарів Автор: IHOR1989 Trend - адаптивний універсальний шаблон Автор: DSV × Уже зареєстровані? Ввійти Реєстрація Ваші замовлення Назад Придбані модулі та шаблони Ваші рахунки Лист очікувань Альтернативні контакти Форум Новини ocStore Назад Офіційний сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Завантажити ocStore Документація Історія версій ocStore Блоги Модулі Шаблони Назад Безкоштовні шаблони Платні шаблони Де купувати модулі? Послуги FAQ OpenCart.Pro Назад Демо Купити Порівняння × Створити... Important Information На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність. Я даю згоду
RGB Опубліковано: 11 січня 2013 Автор Share Опубліковано: 11 січня 2013 При попытке открытия статей, подгружаемых через colorbox в popup-окно, в новой вкладке - открывается не голый html-код одной лишь статьи, а полноценная страничка магазина с этой статьей (собственно вы сами указываете, что открывать). Можно было бы запретить пользователю нажатие средней кнопки или вызов контекстного меню, чтобы избежать такой ситуации, но ИМХО в юзабилити нет ничего хуже, чем лишать пользователя привычных инструментов просмотра сайтов в сети. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 11 січня 2013 Автор Share Опубліковано: 11 січня 2013 Короче говоря, в такой ситуации до предложенного варианта открывшаяся статья выглядела бы вот так: А после внесения изменений - уже так: Есть разница? :-) Надіслати Поділитися на інших сайтах More sharing options... 1 month later... Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 RGB, Добрый день! Подскажите, а где находится "В параметрах инициализации ссылок на colorbox дописать:"... , т.е. какой файл ковырять? хочу сделать галерею фото, Ваше решение похоже то, что мне надо. Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Наподобие как при просмотре товара - кликаешь, а фотка увеличивается. А главный вопрос - как это сделать (как в html ссылку на рисунок написать чтоб работало), напишите плиз) если не сложно Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 14 лютого 2013 Автор Share Опубліковано: 14 лютого 2013 Зависит от того, что вы делали со своим магазином :-) Я вот чтобы не путаться, создал отдельный класс для таких ссылок, которые имеют эту хитрую конструкцию, и назвал его 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=""> Вот только как это можно применить к галерее фото я с трудом представляю, но вам виднее :-) Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 Понял :-) , спасибо за подсказку! Попробую ковырнуть, об успехах отпишусь) Надіслати Поділитися на інших сайтах More sharing options... 2 months later... pashast Опубліковано: 17 квітня 2013 Share Опубліковано: 17 квітня 2013 Во спасибо. Такая нужная и незадокументированая фича. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 17 квітня 2013 Автор Share Опубліковано: 17 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :-D 1 Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :) да посчитал, почему бы и нет :-) Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, насчет всплывающего окна, наподобие как открывается окно с фоткой товара - если кто из заходящих в тему знает "секрет" - поделитесь, как правильно прописать класс ссылки, чтоб заключенный в ссылку код показывался во всплывающем окне при клике. Решения пока не успел найти. А было бы полезно. Например, галерея фото, видео отзывы (выкладываем миниатюрные фото, при клике всплывает окошко с увеличенным фото или встроенным видео). Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Можно указать тип содержимого - хтмл, и вписать туда вообще что душе угодно, хоть видео с ютуба, хоть целую новую страницу. Посмотрите тут примеры 1 Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 А можно сделать адиптивный поп-ап, размеры которого меняются под размер страницы? Как на fancybox http://fancyapps.com/fancybox/demo/ ? В доках и примерах не нашел. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 А нужен ли он на мобильных устройствах? Ведь там и так экран маленький, и использование поп-апа с увеличенным изображением на responsive-шаблонах ничего не даст. Я видел такое решение с его отключением на маленьких экранах. Ну а если все таки без ресайза никак, то на гитхабе есть обсуждение этой темы Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Дело даже не в мобильных устройствах. Я например поставил большую картинку товара на карточку товара- 1400*1000. У пользователей с нормальными мониторами FullHD все будет хорошо. А у пользователей ноутбуков - картинка уедет за пределы окна и появятся полосы прокрутки. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Пожалейте пользователей с медленным инетом :) В обсуждении на гитхабе есть парочка вариантов реализации ресайза, гляньте там Надіслати Поділитися на інших сайтах More sharing options... 4 weeks later... RGB Опубліковано: 11 травня 2013 Автор Share Опубліковано: 11 травня 2013 Pashast, нашел классное решение, причем срабатывает даже при смене ориентации по сенсору :-) <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> 1 Надіслати Поділитися на інших сайтах More sharing options... 6 months later... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> 1 Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> Да, можно выводить и через фрейм, но этот способ не отобразит окно в нужных размерах, а растянет его на весь экран, если использовать функцию для ресайза из моего прошлого сообщения Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Интересный способ работы с colorbox Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення SP Telegram повідомлення FREE Автор: spectre Відключити порожні категорії Автор: spectre SEO Автор тексту категорії / фільтра / блогу з датою оновлення контенту + мікророзмітка Автор: radaevich Промо банери в категоріях товарів Автор: IHOR1989 Trend - адаптивний універсальний шаблон Автор: DSV × Уже зареєстровані? Ввійти Реєстрація Ваші замовлення Назад Придбані модулі та шаблони Ваші рахунки Лист очікувань Альтернативні контакти Форум Новини ocStore Назад Офіційний сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Завантажити ocStore Документація Історія версій ocStore Блоги Модулі Шаблони Назад Безкоштовні шаблони Платні шаблони Де купувати модулі? Послуги FAQ OpenCart.Pro Назад Демо Купити Порівняння × Створити... Important Information На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність. Я даю згоду
RGB Опубліковано: 11 січня 2013 Автор Share Опубліковано: 11 січня 2013 Короче говоря, в такой ситуации до предложенного варианта открывшаяся статья выглядела бы вот так: А после внесения изменений - уже так: Есть разница? :-) Надіслати Поділитися на інших сайтах More sharing options... 1 month later... Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 RGB, Добрый день! Подскажите, а где находится "В параметрах инициализации ссылок на colorbox дописать:"... , т.е. какой файл ковырять? хочу сделать галерею фото, Ваше решение похоже то, что мне надо. Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Наподобие как при просмотре товара - кликаешь, а фотка увеличивается. А главный вопрос - как это сделать (как в html ссылку на рисунок написать чтоб работало), напишите плиз) если не сложно Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 14 лютого 2013 Автор Share Опубліковано: 14 лютого 2013 Зависит от того, что вы делали со своим магазином :-) Я вот чтобы не путаться, создал отдельный класс для таких ссылок, которые имеют эту хитрую конструкцию, и назвал его 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=""> Вот только как это можно применить к галерее фото я с трудом представляю, но вам виднее :-) Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 Понял :-) , спасибо за подсказку! Попробую ковырнуть, об успехах отпишусь) Надіслати Поділитися на інших сайтах More sharing options... 2 months later... pashast Опубліковано: 17 квітня 2013 Share Опубліковано: 17 квітня 2013 Во спасибо. Такая нужная и незадокументированая фича. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 17 квітня 2013 Автор Share Опубліковано: 17 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :-D 1 Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :) да посчитал, почему бы и нет :-) Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, насчет всплывающего окна, наподобие как открывается окно с фоткой товара - если кто из заходящих в тему знает "секрет" - поделитесь, как правильно прописать класс ссылки, чтоб заключенный в ссылку код показывался во всплывающем окне при клике. Решения пока не успел найти. А было бы полезно. Например, галерея фото, видео отзывы (выкладываем миниатюрные фото, при клике всплывает окошко с увеличенным фото или встроенным видео). Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Можно указать тип содержимого - хтмл, и вписать туда вообще что душе угодно, хоть видео с ютуба, хоть целую новую страницу. Посмотрите тут примеры 1 Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 А можно сделать адиптивный поп-ап, размеры которого меняются под размер страницы? Как на fancybox http://fancyapps.com/fancybox/demo/ ? В доках и примерах не нашел. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 А нужен ли он на мобильных устройствах? Ведь там и так экран маленький, и использование поп-апа с увеличенным изображением на responsive-шаблонах ничего не даст. Я видел такое решение с его отключением на маленьких экранах. Ну а если все таки без ресайза никак, то на гитхабе есть обсуждение этой темы Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Дело даже не в мобильных устройствах. Я например поставил большую картинку товара на карточку товара- 1400*1000. У пользователей с нормальными мониторами FullHD все будет хорошо. А у пользователей ноутбуков - картинка уедет за пределы окна и появятся полосы прокрутки. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Пожалейте пользователей с медленным инетом :) В обсуждении на гитхабе есть парочка вариантов реализации ресайза, гляньте там Надіслати Поділитися на інших сайтах More sharing options... 4 weeks later... RGB Опубліковано: 11 травня 2013 Автор Share Опубліковано: 11 травня 2013 Pashast, нашел классное решение, причем срабатывает даже при смене ориентации по сенсору :-) <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> 1 Надіслати Поділитися на інших сайтах More sharing options... 6 months later... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> 1 Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> Да, можно выводить и через фрейм, но этот способ не отобразит окно в нужных размерах, а растянет его на весь экран, если использовать функцию для ресайза из моего прошлого сообщения Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Интересный способ работы с colorbox Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення SP Telegram повідомлення FREE Автор: spectre Відключити порожні категорії Автор: spectre SEO Автор тексту категорії / фільтра / блогу з датою оновлення контенту + мікророзмітка Автор: radaevich Промо банери в категоріях товарів Автор: IHOR1989 Trend - адаптивний універсальний шаблон Автор: DSV × Уже зареєстровані? Ввійти Реєстрація Ваші замовлення Назад Придбані модулі та шаблони Ваші рахунки Лист очікувань Альтернативні контакти Форум Новини ocStore Назад Офіційний сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Завантажити ocStore Документація Історія версій ocStore Блоги Модулі Шаблони Назад Безкоштовні шаблони Платні шаблони Де купувати модулі? Послуги FAQ OpenCart.Pro Назад Демо Купити Порівняння × Створити... Important Information На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність. Я даю згоду
Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 RGB, Добрый день! Подскажите, а где находится "В параметрах инициализации ссылок на colorbox дописать:"... , т.е. какой файл ковырять? хочу сделать галерею фото, Ваше решение похоже то, что мне надо. Надіслати Поділитися на інших сайтах More sharing options...
Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Наподобие как при просмотре товара - кликаешь, а фотка увеличивается. А главный вопрос - как это сделать (как в html ссылку на рисунок написать чтоб работало), напишите плиз) если не сложно Надіслати Поділитися на інших сайтах More sharing options...
RGB Опубліковано: 14 лютого 2013 Автор Share Опубліковано: 14 лютого 2013 Зависит от того, что вы делали со своим магазином :-) Я вот чтобы не путаться, создал отдельный класс для таких ссылок, которые имеют эту хитрую конструкцию, и назвал его 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=""> Вот только как это можно применить к галерее фото я с трудом представляю, но вам виднее :-) Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 Понял :-) , спасибо за подсказку! Попробую ковырнуть, об успехах отпишусь) Надіслати Поділитися на інших сайтах More sharing options... 2 months later... pashast Опубліковано: 17 квітня 2013 Share Опубліковано: 17 квітня 2013 Во спасибо. Такая нужная и незадокументированая фича. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 17 квітня 2013 Автор Share Опубліковано: 17 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :-D 1 Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :) да посчитал, почему бы и нет :-) Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, насчет всплывающего окна, наподобие как открывается окно с фоткой товара - если кто из заходящих в тему знает "секрет" - поделитесь, как правильно прописать класс ссылки, чтоб заключенный в ссылку код показывался во всплывающем окне при клике. Решения пока не успел найти. А было бы полезно. Например, галерея фото, видео отзывы (выкладываем миниатюрные фото, при клике всплывает окошко с увеличенным фото или встроенным видео). Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Можно указать тип содержимого - хтмл, и вписать туда вообще что душе угодно, хоть видео с ютуба, хоть целую новую страницу. Посмотрите тут примеры 1 Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 А можно сделать адиптивный поп-ап, размеры которого меняются под размер страницы? Как на fancybox http://fancyapps.com/fancybox/demo/ ? В доках и примерах не нашел. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 А нужен ли он на мобильных устройствах? Ведь там и так экран маленький, и использование поп-апа с увеличенным изображением на responsive-шаблонах ничего не даст. Я видел такое решение с его отключением на маленьких экранах. Ну а если все таки без ресайза никак, то на гитхабе есть обсуждение этой темы Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Дело даже не в мобильных устройствах. Я например поставил большую картинку товара на карточку товара- 1400*1000. У пользователей с нормальными мониторами FullHD все будет хорошо. А у пользователей ноутбуков - картинка уедет за пределы окна и появятся полосы прокрутки. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Пожалейте пользователей с медленным инетом :) В обсуждении на гитхабе есть парочка вариантов реализации ресайза, гляньте там Надіслати Поділитися на інших сайтах More sharing options... 4 weeks later... RGB Опубліковано: 11 травня 2013 Автор Share Опубліковано: 11 травня 2013 Pashast, нашел классное решение, причем срабатывает даже при смене ориентации по сенсору :-) <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> 1 Надіслати Поділитися на інших сайтах More sharing options... 6 months later... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> 1 Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> Да, можно выводить и через фрейм, но этот способ не отобразит окно в нужных размерах, а растянет его на весь экран, если использовать функцию для ресайза из моего прошлого сообщения Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Интересный способ работы с colorbox Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення SP Telegram повідомлення FREE Автор: spectre Відключити порожні категорії Автор: spectre SEO Автор тексту категорії / фільтра / блогу з датою оновлення контенту + мікророзмітка Автор: radaevich Промо банери в категоріях товарів Автор: IHOR1989 Trend - адаптивний універсальний шаблон Автор: DSV × Уже зареєстровані? Ввійти Реєстрація Ваші замовлення Назад Придбані модулі та шаблони Ваші рахунки Лист очікувань Альтернативні контакти Форум Новини ocStore Назад Офіційний сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Завантажити ocStore Документація Історія версій ocStore Блоги Модулі Шаблони Назад Безкоштовні шаблони Платні шаблони Де купувати модулі? Послуги FAQ OpenCart.Pro Назад Демо Купити Порівняння × Створити... Important Information На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність. Я даю згоду
Victor74 Опубліковано: 14 лютого 2013 Share Опубліковано: 14 лютого 2013 Понял :-) , спасибо за подсказку! Попробую ковырнуть, об успехах отпишусь) Надіслати Поділитися на інших сайтах More sharing options...
pashast Опубліковано: 17 квітня 2013 Share Опубліковано: 17 квітня 2013 Во спасибо. Такая нужная и незадокументированая фича. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 17 квітня 2013 Автор Share Опубліковано: 17 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :-D 1 Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :) да посчитал, почему бы и нет :-) Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, насчет всплывающего окна, наподобие как открывается окно с фоткой товара - если кто из заходящих в тему знает "секрет" - поделитесь, как правильно прописать класс ссылки, чтоб заключенный в ссылку код показывался во всплывающем окне при клике. Решения пока не успел найти. А было бы полезно. Например, галерея фото, видео отзывы (выкладываем миниатюрные фото, при клике всплывает окошко с увеличенным фото или встроенным видео). Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Можно указать тип содержимого - хтмл, и вписать туда вообще что душе угодно, хоть видео с ютуба, хоть целую новую страницу. Посмотрите тут примеры 1 Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 А можно сделать адиптивный поп-ап, размеры которого меняются под размер страницы? Как на fancybox http://fancyapps.com/fancybox/demo/ ? В доках и примерах не нашел. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 А нужен ли он на мобильных устройствах? Ведь там и так экран маленький, и использование поп-апа с увеличенным изображением на responsive-шаблонах ничего не даст. Я видел такое решение с его отключением на маленьких экранах. Ну а если все таки без ресайза никак, то на гитхабе есть обсуждение этой темы Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Дело даже не в мобильных устройствах. Я например поставил большую картинку товара на карточку товара- 1400*1000. У пользователей с нормальными мониторами FullHD все будет хорошо. А у пользователей ноутбуков - картинка уедет за пределы окна и появятся полосы прокрутки. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Пожалейте пользователей с медленным инетом :) В обсуждении на гитхабе есть парочка вариантов реализации ресайза, гляньте там Надіслати Поділитися на інших сайтах More sharing options... 4 weeks later... RGB Опубліковано: 11 травня 2013 Автор Share Опубліковано: 11 травня 2013 Pashast, нашел классное решение, причем срабатывает даже при смене ориентации по сенсору :-) <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> 1 Надіслати Поділитися на інших сайтах More sharing options... 6 months later... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> 1 Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> Да, можно выводить и через фрейм, но этот способ не отобразит окно в нужных размерах, а растянет его на весь экран, если использовать функцию для ресайза из моего прошлого сообщения Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Интересный способ работы с colorbox Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення SP Telegram повідомлення FREE Автор: spectre Відключити порожні категорії Автор: spectre SEO Автор тексту категорії / фільтра / блогу з датою оновлення контенту + мікророзмітка Автор: radaevich Промо банери в категоріях товарів Автор: IHOR1989 Trend - адаптивний універсальний шаблон Автор: DSV × Уже зареєстровані? Ввійти Реєстрація Ваші замовлення Назад Придбані модулі та шаблони Ваші рахунки Лист очікувань Альтернативні контакти Форум Новини ocStore Назад Офіційний сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Завантажити ocStore Документація Історія версій ocStore Блоги Модулі Шаблони Назад Безкоштовні шаблони Платні шаблони Де купувати модулі? Послуги FAQ OpenCart.Pro Назад Демо Купити Порівняння × Створити... Important Information На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність. Я даю згоду
RGB Опубліковано: 17 квітня 2013 Автор Share Опубліковано: 17 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :-D 1 Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :) да посчитал, почему бы и нет :-) Надіслати Поділитися на інших сайтах More sharing options... Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, насчет всплывающего окна, наподобие как открывается окно с фоткой товара - если кто из заходящих в тему знает "секрет" - поделитесь, как правильно прописать класс ссылки, чтоб заключенный в ссылку код показывался во всплывающем окне при клике. Решения пока не успел найти. А было бы полезно. Например, галерея фото, видео отзывы (выкладываем миниатюрные фото, при клике всплывает окошко с увеличенным фото или встроенным видео). Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Можно указать тип содержимого - хтмл, и вписать туда вообще что душе угодно, хоть видео с ютуба, хоть целую новую страницу. Посмотрите тут примеры 1 Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 А можно сделать адиптивный поп-ап, размеры которого меняются под размер страницы? Как на fancybox http://fancyapps.com/fancybox/demo/ ? В доках и примерах не нашел. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 А нужен ли он на мобильных устройствах? Ведь там и так экран маленький, и использование поп-апа с увеличенным изображением на responsive-шаблонах ничего не даст. Я видел такое решение с его отключением на маленьких экранах. Ну а если все таки без ресайза никак, то на гитхабе есть обсуждение этой темы Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Дело даже не в мобильных устройствах. Я например поставил большую картинку товара на карточку товара- 1400*1000. У пользователей с нормальными мониторами FullHD все будет хорошо. А у пользователей ноутбуков - картинка уедет за пределы окна и появятся полосы прокрутки. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Пожалейте пользователей с медленным инетом :) В обсуждении на гитхабе есть парочка вариантов реализации ресайза, гляньте там Надіслати Поділитися на інших сайтах More sharing options... 4 weeks later... RGB Опубліковано: 11 травня 2013 Автор Share Опубліковано: 11 травня 2013 Pashast, нашел классное решение, причем срабатывает даже при смене ориентации по сенсору :-) <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> 1 Надіслати Поділитися на інших сайтах More sharing options... 6 months later... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> 1 Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> Да, можно выводить и через фрейм, но этот способ не отобразит окно в нужных размерах, а растянет его на весь экран, если использовать функцию для ресайза из моего прошлого сообщения Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Интересный способ работы с colorbox Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення SP Telegram повідомлення FREE Автор: spectre Відключити порожні категорії Автор: spectre SEO Автор тексту категорії / фільтра / блогу з датою оновлення контенту + мікророзмітка Автор: radaevich Промо банери в категоріях товарів Автор: IHOR1989 Trend - адаптивний універсальний шаблон Автор: DSV × Уже зареєстровані? Ввійти Реєстрація Ваші замовлення Назад Придбані модулі та шаблони Ваші рахунки Лист очікувань Альтернативні контакти Форум Новини ocStore Назад Офіційний сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Завантажити ocStore Документація Історія версій ocStore Блоги Модулі Шаблони Назад Безкоштовні шаблони Платні шаблони Де купувати модулі? Послуги FAQ OpenCart.Pro Назад Демо Купити Порівняння × Створити... Important Information На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність. Я даю згоду
Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, RGB у Вас по этой ссылке http://rozetka.com.ua/contacts/ открывается карта проезда в новом окне. Как-то не красиво. Почему бы не сделать вплывающее окно? Только сейчас заметил эту часть вашего комментария. Спасибо, мне очень приятно, что вы меня посчитали владельцем розетки :) да посчитал, почему бы и нет :-) Надіслати Поділитися на інших сайтах More sharing options...
Victor74 Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Кстати, насчет всплывающего окна, наподобие как открывается окно с фоткой товара - если кто из заходящих в тему знает "секрет" - поделитесь, как правильно прописать класс ссылки, чтоб заключенный в ссылку код показывался во всплывающем окне при клике. Решения пока не успел найти. А было бы полезно. Например, галерея фото, видео отзывы (выкладываем миниатюрные фото, при клике всплывает окошко с увеличенным фото или встроенным видео). Надіслати Поділитися на інших сайтах More sharing options...
RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Можно указать тип содержимого - хтмл, и вписать туда вообще что душе угодно, хоть видео с ютуба, хоть целую новую страницу. Посмотрите тут примеры 1 Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 А можно сделать адиптивный поп-ап, размеры которого меняются под размер страницы? Как на fancybox http://fancyapps.com/fancybox/demo/ ? В доках и примерах не нашел. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 А нужен ли он на мобильных устройствах? Ведь там и так экран маленький, и использование поп-апа с увеличенным изображением на responsive-шаблонах ничего не даст. Я видел такое решение с его отключением на маленьких экранах. Ну а если все таки без ресайза никак, то на гитхабе есть обсуждение этой темы Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Дело даже не в мобильных устройствах. Я например поставил большую картинку товара на карточку товара- 1400*1000. У пользователей с нормальными мониторами FullHD все будет хорошо. А у пользователей ноутбуков - картинка уедет за пределы окна и появятся полосы прокрутки. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Пожалейте пользователей с медленным инетом :) В обсуждении на гитхабе есть парочка вариантов реализации ресайза, гляньте там Надіслати Поділитися на інших сайтах More sharing options... 4 weeks later... RGB Опубліковано: 11 травня 2013 Автор Share Опубліковано: 11 травня 2013 Pashast, нашел классное решение, причем срабатывает даже при смене ориентации по сенсору :-) <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> 1 Надіслати Поділитися на інших сайтах More sharing options... 6 months later... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> 1 Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> Да, можно выводить и через фрейм, но этот способ не отобразит окно в нужных размерах, а растянет его на весь экран, если использовать функцию для ресайза из моего прошлого сообщения Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Интересный способ работы с colorbox Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення SP Telegram повідомлення FREE Автор: spectre Відключити порожні категорії Автор: spectre SEO Автор тексту категорії / фільтра / блогу з датою оновлення контенту + мікророзмітка Автор: radaevich Промо банери в категоріях товарів Автор: IHOR1989 Trend - адаптивний універсальний шаблон Автор: DSV × Уже зареєстровані? Ввійти Реєстрація Ваші замовлення Назад Придбані модулі та шаблони Ваші рахунки Лист очікувань Альтернативні контакти Форум Новини ocStore Назад Офіційний сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Завантажити ocStore Документація Історія версій ocStore Блоги Модулі Шаблони Назад Безкоштовні шаблони Платні шаблони Де купувати модулі? Послуги FAQ OpenCart.Pro Назад Демо Купити Порівняння × Створити... Important Information На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність. Я даю згоду
pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 А можно сделать адиптивный поп-ап, размеры которого меняются под размер страницы? Как на fancybox http://fancyapps.com/fancybox/demo/ ? В доках и примерах не нашел. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 А нужен ли он на мобильных устройствах? Ведь там и так экран маленький, и использование поп-апа с увеличенным изображением на responsive-шаблонах ничего не даст. Я видел такое решение с его отключением на маленьких экранах. Ну а если все таки без ресайза никак, то на гитхабе есть обсуждение этой темы Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Дело даже не в мобильных устройствах. Я например поставил большую картинку товара на карточку товара- 1400*1000. У пользователей с нормальными мониторами FullHD все будет хорошо. А у пользователей ноутбуков - картинка уедет за пределы окна и появятся полосы прокрутки. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Пожалейте пользователей с медленным инетом :) В обсуждении на гитхабе есть парочка вариантов реализации ресайза, гляньте там Надіслати Поділитися на інших сайтах More sharing options... 4 weeks later... RGB Опубліковано: 11 травня 2013 Автор Share Опубліковано: 11 травня 2013 Pashast, нашел классное решение, причем срабатывает даже при смене ориентации по сенсору :-) <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> 1 Надіслати Поділитися на інших сайтах More sharing options... 6 months later... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> 1 Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> Да, можно выводить и через фрейм, но этот способ не отобразит окно в нужных размерах, а растянет его на весь экран, если использовать функцию для ресайза из моего прошлого сообщения Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Интересный способ работы с colorbox Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення SP Telegram повідомлення FREE Автор: spectre Відключити порожні категорії Автор: spectre SEO Автор тексту категорії / фільтра / блогу з датою оновлення контенту + мікророзмітка Автор: radaevich Промо банери в категоріях товарів Автор: IHOR1989 Trend - адаптивний універсальний шаблон Автор: DSV × Уже зареєстровані? Ввійти Реєстрація Ваші замовлення Назад Придбані модулі та шаблони Ваші рахунки Лист очікувань Альтернативні контакти Форум Новини ocStore Назад Офіційний сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Завантажити ocStore Документація Історія версій ocStore Блоги Модулі Шаблони Назад Безкоштовні шаблони Платні шаблони Де купувати модулі? Послуги FAQ OpenCart.Pro Назад Демо Купити Порівняння × Створити... Important Information На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність. Я даю згоду
RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 А нужен ли он на мобильных устройствах? Ведь там и так экран маленький, и использование поп-апа с увеличенным изображением на responsive-шаблонах ничего не даст. Я видел такое решение с его отключением на маленьких экранах. Ну а если все таки без ресайза никак, то на гитхабе есть обсуждение этой темы Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Дело даже не в мобильных устройствах. Я например поставил большую картинку товара на карточку товара- 1400*1000. У пользователей с нормальными мониторами FullHD все будет хорошо. А у пользователей ноутбуков - картинка уедет за пределы окна и появятся полосы прокрутки. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Пожалейте пользователей с медленным инетом :) В обсуждении на гитхабе есть парочка вариантов реализации ресайза, гляньте там Надіслати Поділитися на інших сайтах More sharing options... 4 weeks later... RGB Опубліковано: 11 травня 2013 Автор Share Опубліковано: 11 травня 2013 Pashast, нашел классное решение, причем срабатывает даже при смене ориентации по сенсору :-) <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> 1 Надіслати Поділитися на інших сайтах More sharing options... 6 months later... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> 1 Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> Да, можно выводить и через фрейм, но этот способ не отобразит окно в нужных размерах, а растянет его на весь экран, если использовать функцию для ресайза из моего прошлого сообщения Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Интересный способ работы с colorbox Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення SP Telegram повідомлення FREE Автор: spectre Відключити порожні категорії Автор: spectre SEO Автор тексту категорії / фільтра / блогу з датою оновлення контенту + мікророзмітка Автор: radaevich Промо банери в категоріях товарів Автор: IHOR1989 Trend - адаптивний універсальний шаблон Автор: DSV × Уже зареєстровані? Ввійти Реєстрація Ваші замовлення Назад Придбані модулі та шаблони Ваші рахунки Лист очікувань Альтернативні контакти Форум Новини ocStore Назад Офіційний сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Завантажити ocStore Документація Історія версій ocStore Блоги Модулі Шаблони Назад Безкоштовні шаблони Платні шаблони Де купувати модулі? Послуги FAQ OpenCart.Pro Назад Демо Купити Порівняння × Створити... Important Information На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність. Я даю згоду
pashast Опубліковано: 18 квітня 2013 Share Опубліковано: 18 квітня 2013 Дело даже не в мобильных устройствах. Я например поставил большую картинку товара на карточку товара- 1400*1000. У пользователей с нормальными мониторами FullHD все будет хорошо. А у пользователей ноутбуков - картинка уедет за пределы окна и появятся полосы прокрутки. Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Пожалейте пользователей с медленным инетом :) В обсуждении на гитхабе есть парочка вариантов реализации ресайза, гляньте там Надіслати Поділитися на інших сайтах More sharing options... 4 weeks later... RGB Опубліковано: 11 травня 2013 Автор Share Опубліковано: 11 травня 2013 Pashast, нашел классное решение, причем срабатывает даже при смене ориентации по сенсору :-) <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> 1 Надіслати Поділитися на інших сайтах More sharing options... 6 months later... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> 1 Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> Да, можно выводить и через фрейм, но этот способ не отобразит окно в нужных размерах, а растянет его на весь экран, если использовать функцию для ресайза из моего прошлого сообщения Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Интересный способ работы с colorbox Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення SP Telegram повідомлення FREE Автор: spectre Відключити порожні категорії Автор: spectre SEO Автор тексту категорії / фільтра / блогу з датою оновлення контенту + мікророзмітка Автор: radaevich Промо банери в категоріях товарів Автор: IHOR1989 Trend - адаптивний універсальний шаблон Автор: DSV × Уже зареєстровані? Ввійти Реєстрація Ваші замовлення Назад Придбані модулі та шаблони Ваші рахунки Лист очікувань Альтернативні контакти Форум Новини ocStore Назад Офіційний сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Завантажити ocStore Документація Історія версій ocStore Блоги Модулі Шаблони Назад Безкоштовні шаблони Платні шаблони Де купувати модулі? Послуги FAQ OpenCart.Pro Назад Демо Купити Порівняння × Створити... Important Information На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність. Я даю згоду
RGB Опубліковано: 18 квітня 2013 Автор Share Опубліковано: 18 квітня 2013 Пожалейте пользователей с медленным инетом :) В обсуждении на гитхабе есть парочка вариантов реализации ресайза, гляньте там Надіслати Поділитися на інших сайтах More sharing options... 4 weeks later... RGB Опубліковано: 11 травня 2013 Автор Share Опубліковано: 11 травня 2013 Pashast, нашел классное решение, причем срабатывает даже при смене ориентации по сенсору :-) <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> 1 Надіслати Поділитися на інших сайтах More sharing options... 6 months later... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> 1 Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> Да, можно выводить и через фрейм, но этот способ не отобразит окно в нужных размерах, а растянет его на весь экран, если использовать функцию для ресайза из моего прошлого сообщения Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Интересный способ работы с colorbox Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення SP Telegram повідомлення FREE Автор: spectre Відключити порожні категорії Автор: spectre SEO Автор тексту категорії / фільтра / блогу з датою оновлення контенту + мікророзмітка Автор: radaevich Промо банери в категоріях товарів Автор: IHOR1989 Trend - адаптивний універсальний шаблон Автор: DSV × Уже зареєстровані? Ввійти Реєстрація Ваші замовлення Назад Придбані модулі та шаблони Ваші рахунки Лист очікувань Альтернативні контакти Форум Новини ocStore Назад Офіційний сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Завантажити ocStore Документація Історія версій ocStore Блоги Модулі Шаблони Назад Безкоштовні шаблони Платні шаблони Де купувати модулі? Послуги FAQ OpenCart.Pro Назад Демо Купити Порівняння × Створити... Important Information На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність. Я даю згоду
RGB Опубліковано: 11 травня 2013 Автор Share Опубліковано: 11 травня 2013 Pashast, нашел классное решение, причем срабатывает даже при смене ориентации по сенсору :-) <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> 1 Надіслати Поділитися на інших сайтах More sharing options... 6 months later... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> 1 Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> Да, можно выводить и через фрейм, но этот способ не отобразит окно в нужных размерах, а растянет его на весь экран, если использовать функцию для ресайза из моего прошлого сообщения Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Интересный способ работы с colorbox Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення SP Telegram повідомлення FREE Автор: spectre Відключити порожні категорії Автор: spectre SEO Автор тексту категорії / фільтра / блогу з датою оновлення контенту + мікророзмітка Автор: radaevich Промо банери в категоріях товарів Автор: IHOR1989 Trend - адаптивний універсальний шаблон Автор: DSV
nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> 1 Надіслати Поділитися на інших сайтах More sharing options...
RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 Еще один способ всплывающего окна: <?php echo 'Размерная сетка: ' ?><a class="colorbox" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo '/index.php?route=information/information/info&information_id=№статьи' ?>"><?php echo 'Таблица' ?></a> Да, можно выводить и через фрейм, но этот способ не отобразит окно в нужных размерах, а растянет его на весь экран, если использовать функцию для ресайза из моего прошлого сообщения Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Интересный способ работы с colorbox
nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 Подскажите как можно вывести всплывающую картинку в статье? Я методом тыка нашел такой способ: <a class="colorbox" href="/image/data/картинка.jpg"><img alt="" src="/image/data/Vlabi/картинка.jpg" style="height: 100px; width: 100px;" /></a> Этот способ открывает только конкретную картинку а вот листать картинки если их несколько нельзя. Может еще как-то можно, что с перелистыванием? Надіслати Поділитися на інших сайтах More sharing options...
RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 откройте product.tpl и посмотрите, как реализован вывод фоток к товару, если их несколько, то есть и перелистывание Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options... RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Схожі публікації [Поддержка] Текстовый блок HTML PLUS Автор: RoS, 14 квітня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 відповідей 899 переглядів RoS 17 травня 2021 Текстовий блок HTML PLUS Автор: RoS, 16 травня 2021 readmore html (і ще %d) Теги: readmore html текст контент подробнее читать далее читать дальше скрипт read more js. jquery текстовый блок content 0 коментарів 4 127 переглядів RoS 14 квітня 2021 [Поддержка] Просмотр картинок товара, быстрый просмотр товаров Автор: sv2109, 26 березня 2014 просмотр картинки (і ще %d) Теги: просмотр картинки рисунки фотографии товар быстрый просмотр colorbox 19 відповідей 5 138 переглядів comandir22 13 листопада 2020 Opencart 2.3 произвольные меню (название, ссылка, родитель) Автор: Mat, 10 червня 2021 opencart opencart2 (і ще %d) Теги: opencart opencart2 menu category javacript jquery 1 відповідь 471 перегляд antiuser 10 червня 2021 Кнопка показать еще для подгрузки товаров. Автор: ilya_oktane, 8 грудня 2020 шаблон jquery 5 відповідей 1 556 переглядів ilya_oktane 8 грудня 2020 Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку
nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 нашёл вот такой код: <?php if ($thumb || $images) { ?> <div class="left"> <div class="ifsalemove"></div> <?php $zoomHow = $this->config->get('zoom_status'); if ($zoomHow == 1) {?> <?php if ($thumb) { ?> <div class="image"> <div id="wrap"> <a href="<?php echo $popup; ?>" class="cloud-zoom" id="zoomFull" rel="position: 'inside' ,showTitle: false, adjustX:0, adjustY:0" style="position: relative; display: block;"> <img src="<?php echo $thumb; ?>" id="image" style="display: block;" /> </a> </div> <div class="cloud_zoom_about"><?php echo $cloud_zoom_about; ?></div> <div class="cloud_zoom_lupe"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox" id="zoomFullLight" ><i class="icon-zoom-in"></i></a></div> </div> <?php } ?> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" itemprop="image" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoomFull', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <a href="<?php echo $popup; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" class="colorbox cboxElement" rel="colorbox"></a> <?php } ?> <?php } ?> Я думаю это он - наверно. И как его подкинуть в статьи? Надіслати Поділитися на інших сайтах More sharing options...
RGB Опубліковано: 15 листопада 2013 Автор Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Надіслати Поділитися на інших сайтах More sharing options... nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options... Назад 1 2 3 Вперед Сторінка 1 з 3 Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0
nadim Опубліковано: 15 листопада 2013 Share Опубліковано: 15 листопада 2013 да уж, cloudzoom в статьи вам точно не нужен окей, откройте демку колорбокса http://www.jacklmoore.com/colorbox/example1/ и посмотрите на пример группировки фото <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p у ссылок на эти три фотки указан один класс group1, вот этого и достаточно для того, чтобы можно было фотки по этим ссылкам проматывать Не сработало! Надіслати Поділитися на інших сайтах More sharing options...
Recommended Posts