Вот ещё вариация: доп. фото стоят справа от основного и выводятся в лайтбоксе.
Шаг 1. В XSL-шаблоне МагазинТовар:
после кода
<!-- МагазинТовар -->
<xsl:decimal-format name="my" decimal-separator="," grouping-separator=" "/>
дописываем наш код
<xsl:template match="property" mode="foto">
<xsl:if test="small_image/file_path != '' ">
<div class="lb-gallery" style="float: left; margin-right: 10px;">
<a href="{file_path}" title="{name}">
<img src="{small_image/file_path}" alt="{name}"/>
</a>
</div>
</xsl:if>
</xsl:template>
далее ищем код
<!-- Выбираем список групп свойств -->
<xsl:apply-templates select="/shop/properties_items_dir"/>
и заменяем его на
<!-- Выбираем список групп свойств -->
<xsl:apply-templates select="/shop/properties_items_dir[type != 1]"/>
Шаг 2. В макете:
ищем кусок
<script type="text/javascript">
$(function() {
$('#gallery a:has(img)').lightBox();
});
</script>
и заменяем его на
<script type="text/javascript">
$(function() {
$('#gallery a:has(img), .lb-gallery a:has(img)').lightBox();
});
</script>
и ещё ищем кусок
<!-- Изображение для товара, если есть -->
<xsl:if test="small_image != ''">
<div id="gallery" style="float: left; width: {small_image/@width}px; margin: 0px 10px 10px 0px;">
<a href="{image}" target="_blank">
<img src="{small_image}" class="image" />
</a>
</div>
</xsl:if>
<!-- Цена товара -->
<p>Цена:
заменяем его на
<!-- Изображение для товара, если есть -->
<xsl:if test="small_image != ''">
<div id="gallery" style="float: left; width: {small_image/@width}px; margin: 0px 10px 10px 0px;">
<a href="{image}" target="_blank">
<img src="{small_image}" class="image" />
</a>
</div>
</xsl:if>
<xsl:if test="count(property[type=1]) > 0">
<xsl:apply-templates select="property[type=1]" mode="foto"/>
</xsl:if>
<!-- Цена товара -->
<p>Цена: