В продукте вместо

Georgiy

Осваиваюсь на форуме
49
0 / 0

В продукте вместо "Увеличить изображение" - клик на картинку и увеличение

« : 29.12.2012, 22:53:19 »

Здравствуйте,
в общем, когда мы заходим в товар и нажимаем на картинку, она открывается вместо главной картинки сайта, под ней есть ссылка "Увеличить изображение", которая выводит его посреди экрана, затемняя все вокруг. Хочу достичь такого эффекта просто при клике по картинке(не хочу, чтоб оно появлялось вместо главной).
Я прочитал много об этом, там разные модули есть или с помощью js можно изменить, пробовал.. и у меня в итоге получилось, что при нажатии на картинке, оно открывается под главной со ссылкой "Увеличить изображение".
Подскажите, пожалуйста, если знаете, что делать.
Пока что ничего по этому вопросу не нарыл, но предпологаю, что что-то удалить нужно в файле product_defaut.php.

Записан

denben777

Захожу иногда
157
78 / 1

Re: В продукте вместо "Увеличить изображение" - клик на картинку и увеличение

« Ответ #1 : 04.01.2013, 02:04:14 »

Предполагаете правильно - правда я чуть голову не сломал пока расшифровал ваше сообщение "из под главной затемняя все вокруг..."

Как я понял вы хотите, чтобы при клике по миниатюре (если в товаре больше одной картинки, то тогда под большой картинкой появляются маленькие - миниатюры) сразу бы открывалось изображение в lightbox (в окошке, по центру, с затемнением), а не в окошке предпросмотра, где отображается "главная" или "по-умолчанию" картинка товара.

Для этого нужно в файле product_default.php найти:

Код

<span id='list_product_image_thumb'>
     <?php if ( (count($this->images)>1) || (count($this->videos) && count($this->images)) ) {?>
          <?php foreach($this->images as $k=>$image){?>
               <img class="jshop_img_thumb" src="<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>" onclick="showImage(<?php print $image->image_id?>)" />
          <?php }?>
     <?php }?>
</span>

и заменить:
1. span на div,
2. в <img ...> удалить событие onclick="...", а сам тег завернуть в <a class="lightbox" href="<?php print $this->image_product_path?>/<?php print $image->image_full;?>">...</a>
в общем получится так:

Код

<div id='list_product_image_thumb'>
     <?php if ( (count($this->images)>1) || (count($this->videos) && count($this->images)) ) {?>
          <?php foreach($this->images as $k=>$image){?>
               <a class="lightbox" href="<?php print $this->image_product_path?>/<?php print $image->image_full;?>">
                    <img class="jshop_img_thumb" src="<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>" />
               </a>
          <?php }?>
     <?php }?>
</div>

Записан

Georgiy

Осваиваюсь на форуме
49
0 / 0

Re: В продукте вместо "Увеличить изображение" - клик на картинку и увеличение

« Ответ #2 : 19.01.2013, 15:21:03 »

Да, denben777, это работает! Спасибо еще раз за помощь!

Записан

[Решено] Увеличение выбора покупаемых товаров + - Автор Aspik	Ответов: 216 Просмотров: 51130	02.08.2023, 21:31:25 от kit2m2
Вывести артикул вместо кода товара в письмо клиента Автор antony2606	Ответов: 2 Просмотров: 3254	09.02.2021, 17:01:25 от antony2606
Не могу нормально настроить увеличение изображения в lightbox Автор seralex	Ответов: 6 Просмотров: 1157	02.11.2018, 15:39:51 от seralex
Листалка основной фотографии вместо всплывашки Автор Taatshi	Ответов: 15 Просмотров: 2049	21.05.2018, 18:16:42 от Taatshi
Изменить иконку если у товара нет изображения, всплывающее изображение товара Автор Kitokedoki	Ответов: 5 Просмотров: 2591	01.04.2018, 11:11:05 от Biss

В продукте вместо "Увеличить изображение" - клик на картинку и увеличение - Дизайн и оформление

Новости Joomla

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

Georgiy

В продукте вместо "Увеличить изображение" - клик на картинку и увеличение

denben777

Re: В продукте вместо "Увеличить изображение" - клик на картинку и увеличение

Georgiy

Re: В продукте вместо "Увеличить изображение" - клик на картинку и увеличение

Похожие темы