Изображение в списке товаров сделать ссылкой на большое изображение?

[rex658]

Изображение в списке товаров ведет на страницу товара, откуда уже можно открыть полноразмерное изображение. Можно ли сделать, чтобы клик по изображению товара в списке сразу открывал полноразмерное?

[tsesl]

версия какая?

[rex658]

Virtuemart 1.1.2

[tsesl]

использовать в шаблоне переменную $product_full_image...

[alexKll]

Уважаемые Гуру!
Помогите пожалуйста решить простую проблему. Joomla 1.5, VirtueMart 1.1.5  Где и что необходимо подправить, чтобы при клике на картинку, где отображается перечень товаров в категории т.е. (browse) НЕ ОТКРЫВАЛСЯ ligth box с увеличенным изображением, а сразу перебрасывало на страницу описания данного товара (flypage).
Думаю подобный вопрос интересует и многих других пользователей этого форума. В сети подобного ответа не нашел.
Был бы Вам очень признателен за помощь.

[Efanych]

Да. Присоединяюсь к вопросу. Картинку можна увеличить и на странице товара, а лишняя ссылка-картинка не помешает.

[Startfix]

Где и что необходимо подправить, чтобы при клике на картинку, где отображается перечень товаров в категории т.е. (browse) НЕ ОТКРЫВАЛСЯ ligth box с увеличенным изображением, а сразу перебрасывало на страницу описания данного товара (flypage).

Идете в файл components/com_virtuemart/themes/ваш шаблон(по умолчанию default)/templates/browse/ваш файл browse.php
меняете код

Код:

<script type="text/javascript">//<![CDATA[
        document.write('<a href="javascript:void window.open(\'<?php echo $product_full_image ?>\', \'win2\', \'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=<?php echo $full_image_width ?>,height=<?php echo $full_image_height ?>,directories=no,location=no\');">');
        document.write( '<?php echo ps_product::image_tag( urldecode($product_thumb_image), 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?></a>' );
        //]]>
        </script>
        <noscript>
            <a href="<?php echo $product_full_image ?>" target="_blank" title="<?php echo $product_name ?>">
            <?php echo ps_product::image_tag( urldecode($product_thumb_image), 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?>
            </a>
        </noscript>

на

Код:

<a href="<?php echo $product_flypage ?>" title="<?php echo $product_details ?>">
<?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?>
</a>

ваш шаблон и browse выбираетмся в админке VirtueMart

[alexKll]

Браво Startfix! Нет слов. Помогло! После замены кода стало, так как хотелось!
Respect Brother! 

[kottom]

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

Joomla 1.5, VirtueMart 1.1.5
Спасибо,

[Lisichka]

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

Joomla 1.5, VirtueMart 1.1.5
Спасибо,

Так сделайте "обратный процесс"
вот это

Код:

<a href="<?php echo $product_flypage ?>" title="<?php echo $product_details ?>">
<?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?>
</a>

заменить на вот это

Код:

<script type="text/javascript">//<![CDATA[
        document.write('<a href="javascript:void window.open(\'<?php echo $product_full_image ?>\', \'win2\', \'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=<?php echo $full_image_width ?>,height=<?php echo $full_image_height ?>,directories=no,location=no\');">');
        document.write( '<?php echo ps_product::image_tag( urldecode($product_thumb_image), 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?></a>' );
        //]]>
        </script>
        <noscript>
            <a href="<?php echo $product_full_image ?>" target="_blank" title="<?php echo $product_name ?>">
            <?php echo ps_product::image_tag( urldecode($product_thumb_image), 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?>
            </a>
        </noscript>

[kottom]

ага так и сделал спасибо, вопрос, а можно сдлеть чтобы увиличнная картинка открывалсь не в отдельном окне, а как бы на фоне магазина затемняя фон самого сайта (незнаю как это правильно называеться толи PupUP толи LightBox)

[Startfix]

ага так и сделал спасибо, вопрос, а можно сдлеть чтобы увиличнная картинка открывалсь не в отдельном окне, а как бы на фоне магазина затемняя фон самого сайта (незнаю как это правильно называеться толи PupUP толи LightBox)

в админке в настройках шаблона VirtueMart поставить галочку "использовать LightBox"

[grishin]

в админке в настройках шаблона VirtueMart поставить галочку "использовать LightBox"

У меня стоит галочка м картинка загружается отдельным окном..как подключить LightBox?

[adjuster]

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

Joomla 1.5, VirtueMart 1.1.5
Спасибо,

Может уже и поздно - но вдруг кому пригодится:
Делал через класс modal - где-то здесь есть описание...
Я использую файл browse_listtable.tpl:
В foreach( $products as $product ) прописываем:

$img_cell = "<div style='position: relative; width: 145px;'>";
      $img_cell .= '<a class="modal" href="'.$product['product_full_image'].'" title="'.$product['product_name'].'">'
                  . ps_product::image_tag( $product['product_thumb_image'] )
                  . '</a>';

Класс подхватывает - и выводит большую фотку.

http://joomlaforum.ru/index.php/topic,104303.0.html

[elscept]

С открытием картники в Lightbox все намного проще
В файле browse_x используемого шаблона нужно заменить строку

Код:

<?php echo ps_product::image_tag( urldecode($product_full_image), 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?>

на

Код:

<?php echo vmCommonHTML::getLightboxImageLink($product_full_image, ps_product::image_tag( $product_thumb_image), $product_name,'[product'.$product_id.']'); ?>

и все.

[BAHbKA]

С открытием картники в Lightbox все намного проще
В файле browse_x используемого шаблона нужно заменить строку
...
и все.

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

[lollo]

Идете в файл components/com_virtuemart/themes/ваш шаблон(по умолчанию default)/templates/browse/ваш файл browse.php
меняете код

Код:

<script type="text/javascript">//<![CDATA[
        document.write('<a href="javascript:void window.open(\'<?php echo $product_full_image ?>\', \'win2\', \'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=<?php echo $full_image_width ?>,height=<?php echo $full_image_height ?>,directories=no,location=no\');">');
        document.write( '<?php echo ps_product::image_tag( urldecode($product_thumb_image), 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?></a>' );
        //]]>
        </script>
        <noscript>
            <a href="<?php echo $product_full_image ?>" target="_blank" title="<?php echo $product_name ?>">
            <?php echo ps_product::image_tag( urldecode($product_thumb_image), 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?>
            </a>
        </noscript>

на

Код:

<a href="<?php echo $product_flypage ?>" title="<?php echo $product_details ?>">
<?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?>
</a>

ваш шаблон и browse выбираетмся в админке VirtueMart

Может быть можете подсказать решение для аналогичной проблемы в Joomla 1.7 (VM 2.0.2)?

[green1976]

Идете в файл components/com_virtuemart/themes/ваш шаблон(по умолчанию default)/templates/browse/ваш файл browse.php
меняете код

Код:

<script type="text/javascript">//<![CDATA[
        document.write('<a href="javascript:void window.open(\'<?php echo $product_full_image ?>\', \'win2\', \'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=<?php echo $full_image_width ?>,height=<?php echo $full_image_height ?>,directories=no,location=no\');">');
        document.write( '<?php echo ps_product::image_tag( urldecode($product_thumb_image), 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?></a>' );
        //]]>
        </script>
        <noscript>
            <a href="<?php echo $product_full_image ?>" target="_blank" title="<?php echo $product_name ?>">
            <?php echo ps_product::image_tag( urldecode($product_thumb_image), 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?>
            </a>
        </noscript>

на

Код:

<a href="<?php echo $product_flypage ?>" title="<?php echo $product_details ?>">
<?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?>
</a>

ваш шаблон и browse выбираетмся в админке VirtueMart

А всё тоже самое только для flypage. Куда прописать код что бы при нажатие на мини изображение открывался LightBox. И как отредактировать сам LightBox.