Jump to content
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

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

plazmatics
 Share

Recommended Posts

plazmatics Newbie

plazmatics

Posted
Posted

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

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

Благодарю.

Link to comment
Share on other sites

georg Enthusiast

georg

Posted
Posted

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

Link to comment
Share on other sites

georg Enthusiast

georg

Posted
Posted

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

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>

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

Link to comment
Share on other sites

templater Rising Star

templater

Posted
Posted

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

Link to comment
Share on other sites

georg Enthusiast

georg

Posted
Posted

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

<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>
- выдает ошибку. Может, надо в контроллере дописать что-то для вывода потому чтольшого изображения?
Link to comment
Share on other sites

freelancer Grand Master

freelancer

Posted
Posted

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

<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
Link to comment
Share on other sites
1

  • 7 months later...
dsd10 Contributor

dsd10

Posted
Posted

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

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

Link to comment
Share on other sites

dsd10 Contributor

dsd10

Posted
Posted

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

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 стоит, если что.

Link to comment
Share on other sites

dsd10 Contributor

dsd10

Posted
Posted

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

как ик? :blink:

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

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

Link to comment
Share on other sites

  • 2 weeks later...
dsd10 Contributor

dsd10

Posted
Posted

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

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

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

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

Link to comment
Share on other sites

afwollis Grand Master

afwollis

Posted
Posted

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" - чтобы не возникло конфликтов.

  • +1 1
Link to comment
Share on other sites
1

  • 2 years later...
WebMarket Collaborator

WebMarket

Posted
Posted

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

Link to comment
Share on other sites

  • 2 months later...
WebMarket Collaborator

WebMarket

Posted
Posted (edited)

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

Edited by WebMarket
Link to comment
Share on other sites

  • 5 months later...
avkm Apprentice

avkm

Posted
Posted

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

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

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

Link to comment
Share on other sites

  • 1 month later...
NSK54 Explorer

NSK54

Posted
Posted

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" - чтобы не возникло конфликтов.

 

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

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

Link to comment
Share on other sites

  • 1 year later...
  • 6 months later...
Egor2014 Enthusiast

Egor2014

Posted
Posted (edited)

вопрос актуальный, как реализовать всплывающую картинку в ситье, 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>

 

Edited by Egor2014
Link to comment
Share on other sites

  • 2 years later...
helen2014 Experienced

helen2014

Posted
Posted

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

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

<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>
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

Покупателям

Разрилитликам

Полезная информация

Последние дополнения

×
×
  • Create New...

Important Information

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

  I accept