Пошук по сайту

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

300 Завантажити / Придбати розширення Просмотр картинок товара, быстрый просмотр товаров Модуль добавляет возможность на странице категории просматривать все картинки товаров. По клике на картинку товара на странице категории открывается окно со всеми картинками товара. Модуль умеет работать в 2-х режимах: 1. В окне просмотра картинок показываются только картинки с возможностью перелистывания (Демо) 2. В окне просмотра открывается карточка товара с картинками в виде слайдера и зумом, а так же кнопкой купить, опциями итд. (Демо) vqmod не используется Установка 1. Скопировать все с папки "upload" в корневую папку вашего магазина. Файлы ядра не будут перезаписаны. 2. Установить модуль в панели управления 3. При необходимости поменяйте настройки Версии движка, на которых тестировался модуль: - ocStore v1.5.5.1 но должен работать на всех 1.5.х версиях Версия 1.1 - изменен код - модуль теперь работает не только на странице категорий но у на других страницах - добавлена поддержка сео ссылок - добавлена поддержка модуля filter pro - в режиме показа только картинок размеры окна задаются в админке Версия модуля, которая работает на странице товара: Просмотр картинок товара Автор sv2109 долучення 26.03.14 Категорія Модули Системные требования Метод активации Ioncube Loader ocStore OpenCart.Pro, ocShop Звернення до сервера розробника  

В основном, эта проблема встречается с Elevatezoom и всякими Colorbox'ами Решение простое: pointer-events: none; на картинке

Спешу поделиться классным способом работы со всплывающими окнами :-) Очевидно, что всплывающие окна (с увеличенными картинками и другой информацией) - это хорошо и гораздо лучше открытия в новом окне, особенно когда там не много информации, которую лучше показать посетителю сразу на той странице, где он находится. Многие из вас наверное заметили, что каждая статья в 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

Приветствую! Имеется магазин сантехники на ocstore 1.5.5.1.2. не могу справиться с всплывающим изображением colorbox( например при увеличении изображения в карточке товара). Если сайт отображается в полном размере(мобильной верстки нет), то всплывающее изображение отображается слева и не в полный размер - вот так http://pixs.ru/showimage/Bezimyanni_6691044_22501114.png , а нужно, что бы изображение открывалось по ширине дисплея во весь размер вот так http://pixs.ru/showimage/Bezimyanni_5886507_22501123.png. Это можно как то поправить? Если нужна ссылка на магазин http://shop-grohe.by/

Почему он это мне пишет ? что случилось и как исправить? jquery.colorbox-min.js:4 Uncaught TypeError: Cannot read property 'rel' of undefined просто в один прекрасный момент взял и перестал работать colorbox :(

Доброго времени суток! Помогите, пожалуйста, разобраться. Хочу сделать в карточке товара (OcStore 1.5.5.1.2 PavTheme StyleShop) всплывающие окна при нажатии на ссылку. В всплывающем окне будет текст например о доставке или оплате или картинка. Как это правильно реализовать? Большое спасибо!

Всем привет! Редактирую уже давно работающий интернет магазин. Товаров много - соответственно много фото. Решил сделать динамическим окно просмотра изображений в карточке товара Реализовал следующим способом - Но картинка большого размера закрывает весь экран. И проблемы бы не было, если бы больших картинок было бы не много, а их сотни! Как сделать так, чтобы картинка, сохраняя пропорции, занимала.. ну например не более 70% от ширины экрана?

Изображение товара открывается в новом окне! Пожалуйста помогите починить! ocStore Версия 1.5.5.1.2 В файле catalog/view/theme/ТЕМА/template/product/product.tpl <script type="text/javascript"><!-- $(document).ready(function() { $('.colorbox').colorbox({ overlayClose: true, opacity: 0.5, rel: "colorbox" }); }); //--></script> В файле header.tpl <script src="catalog/view/javascript/jquery/colorbox/jquery.colorbox-min.js" type="text/javascript"></script> <link media="screen" href="catalog/view/javascript/jquery/colorbox/colorbox.css" type="text/css" rel="stylesheet"> В папке colorbox вроде все файлы есть. В чем может быть проблема?

На сайте корректно работает Cloud-Zoom. Установила дополнительно ColorBox, но, видать, где-то чего-то не учла, потому что не работает.. Помогите разобраться!! Нужно, чтобы работали совместно Версия OC 1.5.4.1 (на всякий случай) Спасибо всем откликнувшимся!

Здравствуйте форумчане. В процессе разработки сайта возникла одна трудность. Сеошник попросил, чтобы в карточке товара для картинок во всплывающем окне генерились alt и title, такие же как и для основного изображения. Возможно ли такое решение вообще и имеет ли эта идея смысл? Подскажите, пожалуйста, может кто-то уже сталкивался с данной проблемой. Использую Opencart 1.5.6.4. Всплывающие картинки реализованы с помощью colorbox (ну это вы и сами знаете). Вот если что сам сайт: http://goody-good.ru Заранее спасибо!

Здравствуйте! Пожалуйста, подскажите, как изменить по умолчанию функцию "остановить слайдшоу" и "включить слайдшоу" Сейчас она при открытии окна включена, мне надо, чтобы при открытии окна она была бы выключена.

Решил реализовать форму "Получить скидку" на всех страницах зафиксеной с правой стороны, эта же кнопка работает немного другим образом в шаблоне продукта. Вывожу её таким же способом в футер и она отказывается там работать... Вот сама ССЫЛКА Помогите плз)

Значит вопрос заключается вот в чем: есть интернет магазин на движке OpenCart, проблема появилась на страничке с продуктами, на сайте включен SEO url, когда переходишь на товар напрямую, без категорий (http:// мой сайт/товар) все отлично, но если в url появляется любая категория (http:// мой сайт/категория/товар), все ломается: слетает favicon и все возможные javascript-ы (фото товара, вместо colorbox, открывается в отдельной вкладке, вкладки меню характеристики и сопутствующие товары становятся не кликабельны. Подскажите пожалуйста, если и не решение проблемы то корень где её можно найти. Заранее благодарен!

Сайтом начал заниматься недавно, прогать не умею, по образованию - материаловед. Так что для меня это скачок, не закидывайте какахами =)) Скорее я это пишу сюда для таких же нубиков как я. Короче, люблю я делать красочные описания у категорий. Чтобы было много текста и картинок, только вот с картинками не очень получалось. Ибо можно просто ставить картинку в html. Но если картинок много, то большим размером их не вставишь, а картинки маленького размера не видно. Поэтому решил сделать возможность просматривать через ColorBox как в карточке товара. Для этого в файле catalog/view/theme/действующая_тема/template/product/category.tpl нужно подключить colorbox т.е. после <?php echo $content_bottom; ?></div> вставить скрипт <script type="text/javascript"><!-- $('.colorbox').colorbox({ overlayClose: true, opacity: 0.5 }); //--></script> теперь в описании категории можно вставлять картинку следующим кодом <div class="image"> <a class="colorbox cboxElement" href="url_картинки_при_просмотре" rel="colorbox" title="название картинки"> <img alt="описание картинки" height="100" id="image" src="url_превью_картинки" title="название картинки" width="100" /></a></div> Можно задать на превью одну картинку, а при просмотре уже другую. Размеры превью и увеличенной картинки можно регулировать. Чтобы можно было просматривать все картинки в одном окошке, картинки нужно сгруппировать. Т.е. всем картинкам, которые вы ходите собрать в группу нужно присвоить одинаковый rel="xxx"

Подскажите как можно организовать вывод мини корзины через колорбокс? есть скрипт common.js в котором есть код отвечающий за вывод мини корзины /* Ajax Cart */ $('#cart > .heading a').live('click', function() { $('#cart').addClass('active'); $('#cart').load('index.php?route=module/cart #cart > *'); $('#cart').live('mouseleave', function() { $(this).removeClass('active'); }); }); как отредактировать, что бы корзина открылась в модальном окне?

Здравствуйте. Есть увеличение картинки с помощью cloud-zoom как здесь http://minimalism.oldaine.tk/index.php?route=product/product&product_id=78. При нажатии на лупу открывается всплывающее окно с 1ой картинкой с использованием colorbox. Как сделать чтобы при выборе например 4той фотографии в сплывающем окне отображало именно ее, а не бросала обратно на первую, главную картинку? То есть порядок открытия в colorbox шел не с 1 фотограйфии, а с той с которой выбирает пользователь и нажимает потом на картинку лупы. Вот код где прописаны вызовы cloud-zoom и colorbox. <?php if ($thumb || $images) { ?> <div class="left"> <div class="imageopen"> <!-- SALE --> <?php if (!$special) { ?> <?php } else { ?> <a class="sale_producttpl"></a> <?php } ?> <!- SALE --> <a style="color: #f00;" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="catalog/view/theme/default/image/zoom.png"></a></div> <?php if ($thumb) { ?> <div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom" id='zoom1' rel="adjustX: 8, adjustY:0, tint:'#000000',tintOpacity:0.5, zoomWidth:405, zoomHeight: 388"> <img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div> <?php } ?> <div class="product_raiting"><img src="catalog/view/theme/default/image/stars-<?php echo $rating; ?>.png" alt="<?php echo $reviews; ?>" /></div> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" width="66" height="65" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" width="66" height="65" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <a style="display: none;" href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <?php } ?> </div> <?php } ?>

Перенес сайт с локалхоста на хостинг. После этого на странице товара при нажатии на его изображение не всплывает модальное окно с изображением товара, а совершается переход на страницу с изображением товара. Вместе с тем на локалке все нормально работало, а через некоторое время такое же произошло и на локалке. В чем может быть причина? адрес сайта на хостинге http://fabri.su ocstore 1.5.5.1.1

Друзья, помогите дописать скрипт. Ситуация следующая: в файле размещён input, рядом ссылка, которая открывает модальное окно и подгружает в него html файл. <div class="class1"> <input type="text" name="name1" value="value1" id="css_caption"/><a title="">Открыть окно</a> </div> <script> $(document).ready(function(){ $(".class1 a" ).colorbox({href:"../caption.html"}); }); </script> Подгружаемый файл содержит список. При клике на строку списка содержимое передаётся в родительский файл в input с id=css_caption <div class="typo"> <div data-class="param1">Example text</div> </div> <div class="typo"> <div data-class="param2">Example text</div> </div> <script type="text/javascript"> $('div.typo').live('click', function() { parent.$('#css_caption').attr('value', $("div", this).attr("data-class") ); $.colorbox.close() }); </script> Мне необходимо передавать значение атрибута так: parent.$(' .class1 #css_caption').attr('value', $("div", this).attr("data-class") ); Как понимаю, надо передать имя класса в модальное окно, не знаю, как реализовать.

Добрый день, возникла проблема при подключение colorbox http://clip2net.com/clip/m0/1369743068-clip-3kb.png" Версия 1.5.4.1 Кто сталкивался?