Зравствуйте.
При добовлении фотографий к товару эти фотографии отображаются в карточке товара в столбик и в довольно в крупном размере (примерно 200х200). Вот так: stil-interier.ru
Нужно сделать что бы выводилась одна главная фотография товара, в крупном размере (допустим 250Х250) и под ней были остальные фотографии в маленьком размере (примерно 70х70). Например как здесь: asteks.com.ua и beats-audio.net.
И так же стандартно отсутствует перелистование фотографий в увеличенном виде. Нужно сделать возможным такое перелистование.
Подскажите пожалуйста, как это можно реализовать? Может есть какой то модуль?
Или нужно доробатывать скрипт самому? Если самому, то в каком файле это искать?
3
Сообщений в теме: 2
#1
Отправлено 10 April 2013 - 12:35 PM
#2
Отправлено 10 April 2013 - 09:40 PM
Файл шаблона product_detailed.tpl.html
В самом начале файла подключается квери библиотека и собственно сам скрипт отвечающий за увеличение фотографии
Кусок кода который отвечает за вывод фотографии:
В самом начале файла подключается квери библиотека и собственно сам скрипт отвечающий за увеличение фотографии
Кусок кода который отвечает за вывод фотографии:
<tr> {if $smarty.const.CONF_DISPLAY_FOTO eq 1} <td class="imboxl"> {if $product_info.thumbnail} {if $product_info.big_picture} <a href="data/big/{$product_info.big_picture}" class="highslide" onclick="return hs.expand(this)"><img src="data/medium/{$product_info.thumbnail}" alt="{$product_info.name}" id="{$product_info.big_picture}"></a>{* <div class="fil"></div> <a href="data/big/{$product_info.big_picture}" onclick="return hs.expand(this,{literal}{{/literal}thumbnailId: '{$product_info.big_picture}'{literal}}{/literal})" class="cl9">{$smarty.const.ENLARGE_PICTURE}</a> *} {else} <img src="data/medium/{$product_info.thumbnail}" alt="{$product_info.name}"> {/if} {elseif $product_info.picture} {if $product_info.big_picture} <a href="data/big/{$product_info.big_picture}" class="highslide" onclick="return hs.expand(this)"><img src="data/small/{$product_info.picture}" alt="{$product_info.name}" id="{$product_info.big_picture}"></a>{* <div class="fil"></div> <a href="data/big/{$product_info.big_picture}" onclick="return hs.expand(this,{literal}{{/literal}thumbnailId: '{$product_info.big_picture}'{literal}}{/literal})" class="cl9">{$smarty.const.ENLARGE_PICTURE}</a> *} {else} <img src="data/small/{$product_info.picture}" alt="{$product_info.name}"> {/if} {else} {if $smarty.const.CONF_DISPLAY_NOPHOTO eq 1} <img src="data/empty.gif" alt="no photo"> {/if} {/if} {if $all_product_pictures} {section name=i loop=$all_product_pictures} <div class="fil"></div> {if $all_product_pictures[i].enlarged} <a href="data/big/{$all_product_pictures[i].enlarged}" class="highslide" onclick="return hs.expand(this)"><img src="data/small/{$all_product_pictures[i].filename}" alt="{$product_info.name}" id="{$all_product_pictures[i].enlarged}"></a>{* <div class="fil"></div> <a href="data/big/{$all_product_pictures[i].enlarged}" onclick="return hs.expand(this,{literal}{{/literal}thumbnailId: '{$all_product_pictures[i].enlarged}'{literal}}{/literal})" class="cl9">{$smarty.const.ENLARGE_PICTURE}</a> *} {else} <img src="data/small/{$all_product_pictures[i].filename}" alt="{$product_info.name}"> {/if} {/section} {/if} </td> {/if}
#3
Отправлено 07 July 2013 - 03:08 PM
лучше скажите как сделать(где?) расположение как просил ТСФайл шаблона product_detailed.tpl.html В самом начале файла подключается квери библиотека и собственно сам скрипт отвечающий за увеличение фотографии Кусок кода который отвечает за вывод фотографии:
Из того что я понял судя по коду страницы, нужно как-то разделить DIV.col1 и разместить под DIV.col2 в DIV.innerColWrap, т.е. как-то оставить отображение большой картинки, а все остальное перенести в копию DIV.col1 и разместить под DIV.col2 в DIV.innerColWrap. Я пытался но ничего не вышло, может кто подсказать как правильно разделить? (и да, тег <p> проканает чтобы сделать картинки по горизонтали? )