Сообщений в теме: 2

[vladlen]

Зравствуйте.
При добовлении фотографий к товару эти фотографии отображаются в карточке товара в столбик и в довольно в крупном размере (примерно 200х200). Вот так: stil-interier.ru
Нужно сделать что бы выводилась одна главная фотография товара, в крупном размере (допустим 250Х250) и под ней были остальные фотографии в маленьком размере (примерно 70х70). Например как здесь: asteks.com.ua и beats-audio.net.
И так же стандартно отсутствует перелистование фотографий в увеличенном виде. Нужно сделать возможным такое перелистование.

Подскажите пожалуйста, как это можно реализовать? Может есть какой то модуль?
Или нужно доробатывать скрипт самому? Если самому, то в каком файле это искать?

[Papikov]

Файл шаблона 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}

[hels]

Файл шаблона product_detailed.tpl.html В самом начале файла подключается квери библиотека и собственно сам скрипт отвечающий за увеличение фотографии Кусок кода который отвечает за вывод фотографии:

лучше скажите как сделать(где?) расположение как просил ТС

Из того что я понял судя по коду страницы, нужно как-то разделить DIV.col1 и разместить под DIV.col2 в DIV.innerColWrap, т.е. как-то оставить отображение большой картинки, а все остальное перенести в копию DIV.col1 и разместить под DIV.col2 в DIV.innerColWrap. Я пытался но ничего не вышло, может кто подсказать как правильно разделить? (и да, тег <p> проканает чтобы сделать картинки по горизонтали? )