Здравствуйте.
Возникла проблема - галерея должна идти в виде списка, но в итоге каждый элемент списка отображается как все картинки галереи, вместе взятые. Возможно немного непонятно объяснил, поэтому попробую по-другому. Вот код вывода изображений:
Как выводится галерея:
Т.е. почему-то каждая из картинок товара повторяется 5 раз (столько же, сколько всего изображений прикреплено). Как должно быть:
Не подскажете как это сделать?
Возникла проблема - галерея должна идти в виде списка, но в итоге каждый элемент списка отображается как все картинки галереи, вместе взятые. Возможно немного непонятно объяснил, поэтому попробую по-другому. Вот код вывода изображений:
| Код |
|---|
<?
if ('Y' == $arParams['DISPLAY_NAME'])
{
?>
<?
}
reset($arResult['MORE_PHOTO']);
$arFirstPhoto = current($arResult['MORE_PHOTO']);
?>
<div class="row">
<div class="col-sm-5 col-xs-12">
<div class="item-card__photo-wrapper"><img id="<? echo $arItemIDs['PICT']; ?>" src="<? echo $arFirstPhoto['SRC']; ?>" alt="<? echo $strAlt; ?>" title="<? echo $strTitle; ?>" class="item-card__photo img-responsive"></div>
<div class="separator_small"></div>
<?
if ('Y' == $arParams['SHOW_DISCOUNT_PERCENT'])
{
if (!isset($arResult['OFFERS']) || empty($arResult['OFFERS']))
{
if (0 < $arResult['MIN_PRICE']['DISCOUNT_DIFF'])
{
?>
<ul class="item-card-photos">
<?
}
}
else
{
?>
<ul class="item-card-photos">
<?
}
}
if ($arResult['LABEL'])
{
?>
<ul class="item-card-photos">
<?
}
?>
<?
if ($arResult['SHOW_SLIDER'])
{
if (!isset($arResult['OFFERS']) || empty($arResult['OFFERS']))
{
if (5 < $arResult['MORE_PHOTO_COUNT'])
{
$strClass = 'bx_slider_conteiner full';
$strOneWidth = (100/$arResult['MORE_PHOTO_COUNT']).'%';
$strWidth = (20*$arResult['MORE_PHOTO_COUNT']).'%';
$strSlideStyle = '';
}
else
{
$strClass = 'bx_slider_conteiner';
$strOneWidth = '20%';
$strWidth = '100%';
$strSlideStyle = 'display: none;';
}
?>
<?
foreach ($arResult['MORE_PHOTO'] as &$arOnePhoto)
{
?>
<li data-value="<? echo $arOnePhoto['ID']; ?>" st yle="width: <? echo $strOneWidth; ?>; padding-top: <? echo $strOneWidth; ?>;"><span class="cnt"><span class="cnt_item" st yle="background-image:url('<? echo $arOnePhoto['SRC']; ?>');"></span></span></li>
<?
}
unset($arOnePhoto);
?>
<?
}
else
{
foreach ($arResult['OFFERS'] as $key => $arOneOffer)
{
if (!isset($arOneOffer['MORE_PHOTO_COUNT']) || 0 >= $arOneOffer['MORE_PHOTO_COUNT'])
continue;
$strVisible = ($key == $arResult['OFFERS_SELECTED'] ? '' : 'none');
if (5 < $arOneOffer['MORE_PHOTO_COUNT'])
{
$strClass = 'bx_slider_conteiner full';
$strOneWidth = (100/$arOneOffer['MORE_PHOTO_COUNT']).'%';
$strWidth = (20*$arOneOffer['MORE_PHOTO_COUNT']).'%';
$strSlideStyle = '';
}
else
{
$strClass = 'bx_slider_conteiner';
$strOneWidth = '20%';
$strWidth = '100%';
$strSlideStyle = 'display: none;';
}
?>
<?
foreach ($arOneOffer['MORE_PHOTO'] as &$arOnePhoto)
{
?>
<li data-value="<? echo $arOneOffer['ID'].'_'.$arOnePhoto['ID']; ?>" class="item-card-photos__item"><span class="cnt"><img src="<? echo $arOnePhoto['SRC']; ?> " class="item-card__photo img-responsive"></li>
<?
}
unset($arOnePhoto);
?>
<?
}
}
}
?>
</ul> |
Как выводится галерея:
| Код |
|---|
<ul class="item-card-photos"> <li data-value="312_237" class="item-card-photos__item"><img src="/upload/iblock/401/401cfc247ed349923b4e6ab2a2ea13f2.jpg " class="item-card__photo img-responsive"></li> <li data-value="312_238" class="item-card-photos__item"><img src="/upload/iblock/3d9/3d9deed1ee65e9d1f22f476a0d3db2c1.jpg " class="item-card__photo img-responsive"></li> <li data-value="312_239" class="item-card-photos__item"><img src="/upload/iblock/bdf/bdfcc6a337c914b4e9560aca67f6d9f1.jpg " class="item-card__photo img-responsive"></li> <li data-value="312_240" class="item-card-photos__item"><img src="/upload/iblock/4aa/4aab767d772da1bd1c9552a17f113624.jpg " class="item-card__photo img-responsive"></li> <li data-value="312_241" class="item-card-photos__item"><img src="/upload/iblock/e21/e2142becdcab7799ba8bfa0bdf36173c.jpg " class="item-card__photo img-responsive"></li> <li data-value="313_237" class="item-card-photos__item"><img src="/upload/iblock/401/401cfc247ed349923b4e6ab2a2ea13f2.jpg " class="item-card__photo img-responsive"></li> <li data-value="313_238" class="item-card-photos__item"><img src="/upload/iblock/3d9/3d9deed1ee65e9d1f22f476a0d3db2c1.jpg " class="item-card__photo img-responsive"></li> <li data-value="313_239" class="item-card-photos__item"><img src="/upload/iblock/bdf/bdfcc6a337c914b4e9560aca67f6d9f1.jpg " class="item-card__photo img-responsive"></li> <li data-value="313_240" class="item-card-photos__item"><img src="/upload/iblock/4aa/4aab767d772da1bd1c9552a17f113624.jpg " class="item-card__photo img-responsive"></li> <li data-value="313_241" class="item-card-photos__item"><img src="/upload/iblock/e21/e2142becdcab7799ba8bfa0bdf36173c.jpg " class="item-card__photo img-responsive"></li> <li data-value="314_237" class="item-card-photos__item"><img src="/upload/iblock/401/401cfc247ed349923b4e6ab2a2ea13f2.jpg " class="item-card__photo img-responsive"></li> <li data-value="314_238" class="item-card-photos__item"><img src="/upload/iblock/3d9/3d9deed1ee65e9d1f22f476a0d3db2c1.jpg " class="item-card__photo img-responsive"></li> <li data-value="314_239" class="item-card-photos__item"><img src="/upload/iblock/bdf/bdfcc6a337c914b4e9560aca67f6d9f1.jpg " class="item-card__photo img-responsive"></li> <li data-value="314_240" class="item-card-photos__item"><img src="/upload/iblock/4aa/4aab767d772da1bd1c9552a17f113624.jpg " class="item-card__photo img-responsive"></li> <li data-value="314_241" class="item-card-photos__item"><img src="/upload/iblock/e21/e2142becdcab7799ba8bfa0bdf36173c.jpg " class="item-card__photo img-responsive"></li> <li data-value="315_237" class="item-card-photos__item"><img src="/upload/iblock/401/401cfc247ed349923b4e6ab2a2ea13f2.jpg " class="item-card__photo img-responsive"></li> <li data-value="315_238" class="item-card-photos__item"><img src="/upload/iblock/3d9/3d9deed1ee65e9d1f22f476a0d3db2c1.jpg " class="item-card__photo img-responsive"></li> <li data-value="315_239" class="item-card-photos__item"><img src="/upload/iblock/bdf/bdfcc6a337c914b4e9560aca67f6d9f1.jpg " class="item-card__photo img-responsive"></li> <li data-value="315_240" class="item-card-photos__item"><img src="/upload/iblock/4aa/4aab767d772da1bd1c9552a17f113624.jpg " class="item-card__photo img-responsive"></li> <li data-value="315_241" class="item-card-photos__item"><img src="/upload/iblock/e21/e2142becdcab7799ba8bfa0bdf36173c.jpg " class="item-card__photo img-responsive"></li> <li data-value="316_237" class="item-card-photos__item"><img src="/upload/iblock/401/401cfc247ed349923b4e6ab2a2ea13f2.jpg " class="item-card__photo img-responsive"></li> <li data-value="316_238" class="item-card-photos__item"><img src="/upload/iblock/3d9/3d9deed1ee65e9d1f22f476a0d3db2c1.jpg " class="item-card__photo img-responsive"></li> <li data-value="316_239" class="item-card-photos__item"><img src="/upload/iblock/bdf/bdfcc6a337c914b4e9560aca67f6d9f1.jpg " class="item-card__photo img-responsive"></li> <li data-value="316_240" class="item-card-photos__item"><img src="/upload/iblock/4aa/4aab767d772da1bd1c9552a17f113624.jpg " class="item-card__photo img-responsive"></li> <li data-value="316_241" class="item-card-photos__item"><img src="/upload/iblock/e21/e2142becdcab7799ba8bfa0bdf36173c.jpg " class="item-card__photo img-responsive"></li> </ul> |
| Код |
|---|
<ul class="item-card-photos"> <li data-value="312_237" class="item-card-photos__item"><img src="/upload/iblock/401/401cfc247ed349923b4e6ab2a2ea13f2.jpg " class="item-card__photo img-responsive"></li> <li data-value="312_238" class="item-card-photos__item"><img src="/upload/iblock/3d9/3d9deed1ee65e9d1f22f476a0d3db2c1.jpg " class="item-card__photo img-responsive"></li> <li data-value="312_239" class="item-card-photos__item"><img src="/upload/iblock/bdf/bdfcc6a337c914b4e9560aca67f6d9f1.jpg " class="item-card__photo img-responsive"></li> <li data-value="312_240" class="item-card-photos__item"><img src="/upload/iblock/4aa/4aab767d772da1bd1c9552a17f113624.jpg " class="item-card__photo img-responsive"></li> <li data-value="312_241" class="item-card-photos__item"><img src="/upload/iblock/e21/e2142becdcab7799ba8bfa0bdf36173c.jpg " class="item-card__photo img-responsive"></li> </ul> |
Не подскажете как это сделать?
