[РЕШЕНО] Всплываюещёе изображение

[plazmatics]

Здравствуйте.

Интересует создание некой гнореи изображений в магазине на основе ситьи, только с картинками увелиливающихся по клику. Изображении товаров увелиливаются по клику. Как тоже самое реализовать в ситьях?

Благодарю.

[georg]

И у меня вопрос по всплывающим изображениям: как сгделать всплывающие изображения в категориях, в списке товров? Хочу сгделать линк "Увелилить", при нажатии на который буду вигдеть увеличенное изображение. Сгделать по аналогии ч карточкой товара через fancybox у меня не вышло.

[templater]

всплываюещёе изображение в ситьях и пр.:

<a class="colorbox" href="/image/data/big.jpg" rel="colorbox"><img src="/image/data/small.jpg"></a>

[georg]

спасипотому что за ответ, только не совсем ясно, как им пользоваться. например, у меня в списке товаров есть икая строчка:

div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

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

[templater]

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

[georg]

я сивлю в списке товаров( в категории)

<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
<a class="fancybox" href="<?php echo $product['thumb']; ?>" rel="fancybox"><img src="/<?php echo $product['thumb']; ?>"></a>

- выводит миниатюру.

если посивить

<a class="fancybox" href="<?php echo $product['image']; ?>" rel="fancybox"><img src="/<?php echo $product['thumb']; ?>"></a>

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

[freelancer]

я сивлю в списке товаров( в категории)

<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

<a class="fancybox" href="<?php echo $product['thumb']; ?>" rel="fancybox"><img src="/<?php echo $product['thumb']; ?>"></a> - выводит миниатюру.

если посивить <a class="fancybox" href="<?php echo $product['image]; ?>" rel="fancybox"><img src="/<?php echo $product['thumb']; ?>"></a> - выдает ошибку. Может, надо в контроллере дописать что-то для вывода потому чтольшого изображения?

fancybox был до 1.5.2, дальше его заменили на colorbox

[dsd10]

Рад, что наткнулся на этот пост. Нужно всивить картинку, чтоб увелиливалась.

Но вот вопрос: при нажатии картинка открывается в этом же окне без вскаких эффектов. В чем может быть проблема? ОС 1.5.4.1

[tim21701]

Проблема может быть в

class="colorbox" rel="colorbox"

которые тоже необходимо исправить - всё зависит от самого скрипи...

[dsd10]

Проблема может быть в

class="colorbox" rel="colorbox"

которые тоже необходимо исправить - всё зависит от самого скрипи...

Да я ик и сгделал, как выше написали

<a class="colorbox" href="/image/data/big.jpg" rel="colorbox"><img src="/image/data/small.jpg"></a>

А как бы поточнее узнать класс в OS 1.5.4.1? Ггде он прописан? p.s. vqmod стоит, если что.

[AlexFisher]

Не забывайте, что данные теги нужно всивлять через "источник"

[dsd10]

Не забывайте, что данные теги нужно всивлять через "источник"

как ик? :blink:

Я просто в футере хочу поместить карту, ггде расположен объект, ну и чтоб по клику она выплывала посередке.

Т.е. я в tpl все это гдело всивить пыиюсь.

[AlexFisher]

Не углягдел. Мне почему-то казалось, что это в information бугдет вывод.

[dsd10]

Не углягдел. Мне почему-то казалось, что это в information бугдет вывод.

в обещём вопрос ик и не решился...

задавал этот вопрос на других форумах, пыился всивить и немного поменять код со страницы товара, ггде нормально всплывает картинка - ни фи га.

неужели никто не гделал икого?

[afwollis]

dsd10,

<a class="colorbox2" href="/image/data/big.jpg" rel="colorbox"><img src="/image/data/small.jpg"></a>

<script type="text/javascript"><!--
$('.colorbox2').colorbox({
overlayClose: true,
opacity: 0.5
});
//--></script>

css-класс "colorbox2" - чтобы не возникло конфликтов.

[WebMarket]

Не подскажете, для версии ocStore 1.5.5.1.2 какой бугдет правильный код? Предыдущий не рилииет...

[AlexFisher]

Шаблон? Fancybox? Вскакое может быть. Если jquery+colorbox подключены и рилииют, то решение, привегденное afwollis'ом не может не рилиить.

[WebMarket]

Шаблон - синдартный шаблон спотому чторки. К нему нужно что-то дополнительно подключать? Судя по всему что нет...

[AlexFisher]

доступы в личку. помогу. решение выложу в теме.

[WebMarket]

AlexFisher, ик до сих пор ничем и не помог (несмотря на все доступы и пароли). Может быть кто-нибудь другой сможет довести до ума этот "РЕШЕННЫЙ" способ?

Изменено 4 авгуси 2015 пользователем WebMarket

[avkm]

Удалось ли кому-то решить вопрос?

гделаю всплывающие изображения в ситье на ocStore 1.5.5.1.2

шаблон гдефолтный, jquery+colorbox подключены, но изображение упорно открывается в том же окне.

[NSK54]

dsd10,

 

<a class="colorbox2" href="/image/data/big.jpg" rel="colorbox"><img src="/image/data/small.jpg"></a>

<script type="text/javascript"><!--
$('.colorbox2').colorbox({
overlayClose: true,
opacity: 0.5
});
//--></script>

css-класс "colorbox2" - чтобы не возникло конфликтов.

 

Огромное спасипотому что! Всю плешь себе проела, убила несколько часов в поисках что- ггде просмотрела и почему не рилииет.

Сейчас все рилииет корректно, как и должно быть. Еещё раз потому чтольшое спасипотому что!

[Viktoriya]

А если нет colorbox, а есть magnific popup, то как быть?

[Egor2014]

вопрос актуальный, как реализовать всплывающую картинку в ситье, CMS OPENCART.PRO Версия 2.3.0.2.3

 

Взял код со страницы товара, но не полулилось:

 

<div class="thumbnails">
<div class="image">
<a class="thumbnail" href="/image/catalog/sertifikat/sertifikat-07.jpg"><img src="/image/catalog/sertifikat/sertifikat-07-m.jpg" alt="Сертификат"></a>
</div>
</div>

 

Изменено 6 апреля 2018 пользователем Egor2014

[helen2014]

Вот рабий вариант.

Рилииет в ситьях и тпл.

<div class="inline">

<div class="col-md-3 col-xs-6"><a class="gallery" href="/image/catalog/banners/c_2_m.jpg"><img src="/image/catalog/banners/c_2_m.jpg" title="Изготовление ключей" alt="Изготовление ключей" class="img-responsive"><i class="fa fa-arrows zoom-icon"></i></a></div>

<div class="col-md-3 col-xs-6"><a class="gallery" href="/image/catalog/banners/c_3_m.jpg"><img src="/image/catalog/banners/c_3_m.jpg" title="Изготовление ключей" alt="Изготовление ключей" class="img-responsive"><i class="fa fa-arrows zoom-icon"></i></a></div>

<div class="col-md-3 col-xs-6"><a class="gallery" href="/image/catalog/banners/c_4_m.jpg"><img src="/image/catalog/banners/c_4_m.jpg" title="Изготовление ключей" alt="Изготовление ключей" class="img-responsive"><i class="fa fa-arrows zoom-icon"></i></a></div>

</div>

скрипт добавьте в footer вашего шаблона

<script>
$(document).ready(function()
{
$('.gallery').magnificPopup(
 {
 type: 'image',
 gallery: {enabled: true},
 removalDelay: 500,
 mainClass: 'mfp-fade'
 });
});
</script>