Как сделать кликабельным фото товара в InstantShop?

#1 6 февраля 2015 в 12:28

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

Подскажите как такое сделать. scratch

#2 6 февраля 2015 в 13:08

Я делал, но вас я помучаю сегодня, если дать человеку готовое решение он почему в следующий раз сразу обращается за помощью не обдумав как можно это сделать. Я задам вам наводящие вопросы если вы не против.
1 Вы замечали где нибудь на сайте инстанта лайтбокс?
2 Если да то в каком компоненте вы видели лайтбокс?
3 Если знаете в каком компоненте можете ли вы выдать мне имя файла в который отвечает за вывод страницы где имеется лайтбокс?

Чем меньше знаешь - тем Больше тупой. OneMinima шаблон ICMS2

#3 6 февраля 2015 в 13:52

Буду рад любой помощи, даже с наводящими вопросами. laugh

В прочим, мне не сложно ответить.

1 Вы замечали где нибудь на сайте инстанта лайтбокс?
2 Если да то в каком компоненте вы видели лайтбокс?
3 Если знаете в каком компоненте можете ли вы выдать мне имя файла в который отвечает за вывод страницы где имеется лайтбокс?
Atid — Gorec

1. Угумс,
2. Лайтбокс есть на каждой странице товара
3. com_inshop_item.tpl

Понимаю о чем Вы.
Предлагаете просто взять {$item.filename} в тег a и добавить class="lightbox-enabled" rel="lightbox-galery"...
А как быть с размерами? Ведь загруженное фото уже уменьшено...

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

Сегодня в 21:51

#4 6 февраля 2015 в 14:34

Предлагаю грузить большую картинку. А там разве не большая подключена?

        <td class="image_td" valign="top">
            <div class="image">
                <img src="/images/photos/medium/{$item.filename}" border="0" />
            </div>
            {if $item.images}
                <div class="images">
                    {foreach key=num item=file from=$item.images}
                        <a href="/images/photos/medium/{$file}" class="lightbox-enabled" rel="lightbox-galery" title="{$item.title|escape:'html'} ({$LANG.SHOP_PHOTO} {$num+1})"><img src="/images/photos/small/{$file}" border="0" width="80" height="80"/></a>
                    {/foreach}
                </div>
            {/if}
        </td>

Такой ведь код в com_inshop_item.tpl, то есть <img src="/images/photos/medium/{$item.filename}" border="0" /> вроде сразу большое фото грузится. Код лайтбокса загружает фото то что указано в href, <a href="/images/photos/medium/{$item.filename}" class="lightbox-enabled" rel="lightbox-galery">

Чем меньше знаешь - тем Больше тупой. OneMinima шаблон ICMS2

#5 6 февраля 2015 в 14:46

Указано то "medium", но оказалось, что в настройках включено ограничение размера максимум 350px.

Даже в демке — shop.instantsoft.ru/shop/bytovaja-tehnika/audio-i-video/video-kamery/sony-dcr-sr47e.html
видно что размер фото до 350px

Еще раз спасибо за помощь, все получилось.

#6 6 февраля 2015 в 16:15

Да не за что popcorn

Чем меньше знаешь - тем Больше тупой. OneMinima шаблон ICMS2

Ссылка на текущую страницу в I

Action без шаблона в 20 +

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Как сделать кликабельным фото товара в InstantShop?

Похожие темы

Интернет-Магазин: как исправить ошибку в списке товара?

Интернет-Магазин: как добавить производителя (Бренд или автора Книги)?

[ЕСТЬ РЕШЕНИЕ] Как сделать заголовок виджета кликабельным?

Подскажите как сделать кликабельным номер телефона

[ЕСТЬ РЕШЕНИЕ] Кликабельные поля - автофильтры

Подключить фотоальбомЫ к карточке товара InstantShop

InstantCMS Team

О проекте

Поддержка

Дополнения