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

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 Просмотров: 53330	02.08.2023, 21:31:25 от kit2m2
Вывести артикул вместо кода товара в письмо клиента Автор antony2606	Ответов: 2 Просмотров: 3515	09.02.2021, 17:01:25 от antony2606
Не могу нормально настроить увеличение изображения в lightbox Автор seralex	Ответов: 6 Просмотров: 1211	02.11.2018, 15:39:51 от seralex
Листалка основной фотографии вместо всплывашки Автор Taatshi	Ответов: 15 Просмотров: 2095	21.05.2018, 18:16:42 от Taatshi
Изменить иконку если у товара нет изображения, всплывающее изображение товара Автор Kitokedoki	Ответов: 5 Просмотров: 2647	01.04.2018, 11:11:05 от Biss

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

Новости Joomla

👩‍💻 ИИ-админ для Joomla ближе, чем вы думаете: Joomla MCP.

Проблемы с доступом к сайту расширений для JoomShopping - Nevigen

Вышли релизы безопасности Joomla 6.0.4 и Joomla 5.4.4

Georgiy

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

denben777

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

Georgiy

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

Похожие темы