ocStore 1.5.4.1 Задумал я добавить карту с увеличением по клику. Т.е. есть у меня маленькая картинка и большая. Помогите поправить код, чтоб она не в этом же окне открывалась, а всплывала, как при увеличении картинки товара. Сейчас все выглядит так: Код: <a class="colorbox" href="image/data/big.jpg" rel="colorbox"><imgsrc="image/data/small.jpg"></a> Итог: при клике переходит на большую в этом же окне, но не всплывает.
Код: <a href="site/........./image/data/big.jpg title="карта" class="colorbox cboxElement" rel="colorbox"><img src="site/........./image/data/big.jpg" title="карта" alt="карта" id="image"></a>
Нет, что то не так. У меня пока сайт на неофф хостинге, без домена. Но как то странно получается, что она начинает добавлять %% и прочее.. Заменил ваш код на этот Код: <a class="colorbox cboxElement" href="site/........./image/data/big.jpg" rel="colorbox"><img src="site/........./image/data/big.jpg" title="карта" alt="карта" id="image"></a> а то добавляется %class= после картинки и страница не показывается. Получается пока у меня ет домена - ничего не получится? Или мне путь внутри сайта типа defaultroot надо писать? чет моск вообще уже не соображает
Теперь еще и не всплывают изображения продукта... что твориться? вот с продуктом точно ничего не делал ((
попробуй реализовать задуманное через nivo zoom красивое и современное решение, к тому же легко устанавливается на сайт. я себе его поставил и очень доволен удачи.
Подскажи как этот nivo zoom поставить не нарушив работу увеличения картинок в товаре. У меня не получилось. (((
увеличение картинок в товаре ни как не связан с nivo zoom так как он работает через собственный класс а именно через class="nivoZoom"
давайте ссылку на сайт будем смотреть. есть class="colorbox" а есть class="nivozoom" они не должны пересекаться. --- добавлено: Mar 11, 2013 4:54 PM --- для будущих поколений )
Собственно разобрался почему у меня работало, а у человеков нет =) Колорбокс нужно еще подключить (по умолчанию он подключен в продукте), вставляем в information.tpl перед футером или bottom: Код: <script type="text/javascript"><!-- $('.colorbox').colorbox({ overlayClose: true, opacity: 0.5 }); //--></script> И копируем/вставляем код со странички товара (из браузера легче) в статью Код: <a rel="colorbox" class="colorbox cboxElement" title="" href="http://site/image/cache/data/image500x500.jpg"><img id="image" alt="" title="" src="http://site/image/cache/data/image228x228.jpg"></a>
Rusik, супер, все работает, думаю это лучший вариант, без внедрения других скриптов и т.д. Мне кажется что если в панели редактора, добавить кнопку, которая сама будет вставлять необходимый код при выборе картинки, то вообще цены бы не было. И еще, есть ли какие то дополнительные параметры, чтобы фото открывалось в пределах экрана, в том случае если фото большого размера, а экран маленький, что бы оно увеличивалось не на весь размер.
Можно залить картинку меньше, задать размеры в ссылке или подправить colorbox.js - maxHeight и maxWidth ("100%" или "500px") (вместо false)
