<? if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true)
die();
use \Bitrix\Main\Localization\Loc;
/**
* @global CMain $APPLICATION
* @var array $arParams
* @var array $arResult
* @var CatalogSectionComponent $component
* @var CBitrixComponentTemplate $this
* @var string $templateName
* @var string $componentPath
* @var string $templateFolder
*/
$this -> setFrameMode(false);
$countOffers = count($arResult['OFFERS']);
?>
<? CUtil ::InitJSCore(Array("ajax", "popup")); ?>
<?
if ($countOffers > 0):
$defaultOffer = $arResult['OFFERS'][0];
$request = \Bitrix\Main\Context ::getCurrent() -> getRequest();
if ($request -> get('offer_id') || $request -> get('updateSKU') === 'Y')
{
$defaultOffer = $arResult['OFFERS'][$arResult['ID_OFFERS'][$request -> get('offer_id')]];
}
?>
<div class="container customDetailCard">
<div class="row">
<div class="col-md-6 img__list" id="img-list">
<!-- picture-container -->
<div class="img_offer" data-for-offer="<?= $defaultOffer['ID'] ?>">
<div class="img__item"><img src="<?= $defaultOffer['DETAIL_PICTURE']['SRC'] ?>"></div>
<? foreach ($defaultOffer['PROPERTIES']['MORE_PHOTO']['VALUE'] as $val): ?>
<div class="img__item"><img src="<?= CFile ::GetPath($val) ?>"></div>
<? endforeach; ?>
</div>
<!-- picture-container -->
</div>
<div class="col-md-6 characteristics__list">
<div class="customStyle">
<h1><?= strtoupper($arResult['NAME']) ?></h1>
<h5>АРТИКУЛ: <?= strtoupper($arResult['PROPERTIES']['CML2_ARTICLE']['VALUE']) ?></h5>
<div class="price__item"><span
class="price"><?= $defaultOffer['ITEM_PRICES'][0]['PRINT_PRICE'] ?></span></div>
<div class="select_sku__item">
<div class="select_size">
<? foreach ($arResult['SKU_PROPS']['RAZMER']['VALUES'] as $arValProp): ?>
<? if ($arValProp['ID'] == 0)
continue; ?>
<div
class="block_size <? if ($defaultOffer['TREE']['PROP_' . $arResult['SKU_PROPS']['RAZMER']['ID']] == $arValProp['ID']): ?>selected<? endif; ?>"
data-color="<? foreach ($arResult['TREE_SKU_TMP'][$arValProp['ID']] as $keyColor => $true): echo $keyColor . ';';endforeach; ?>"
data-id-size="<?= $arValProp['ID'] ?>"><?= $arValProp['NAME'] ?></div>
<? endforeach; ?>
</div>
<div class="select_color">
<? foreach ($arResult['SKU_PROPS']['TSVET']['VALUES'] as $arValProp): ?>
<? if ($arValProp['ID'] == 0)
continue; ?>
<div
class="block_color <? if ($defaultOffer['TREE']['PROP_' . $arResult['SKU_PROPS']['TSVET']['ID']] == $arValProp['ID']): ?>selected<? endif; ?>"
data-color-name="<?= $arValProp['NAME'] ?>"
st yle="background-image: url('<?= $arValProp['PICT']['SRC'] ?>')"
data-id-color="<?= $arValProp['ID'] ?>"></div>
<? endforeach; ?>
</div>
<div class="" style="">ЦВЕТ: <span id="currentColor"></span></div>
</div>
<? foreach ($arResult['JS_OFFERS'] as $arOffer): ?>
<input type="hidden" data-id-offer="<?= $arOffer['ID'] ?>"
data-id-color="<?= $arOffer['TREE']['PROP_'.$arResult['PROP_SKU']['TSVET']['ID']] ?>"
data-id-size="<?= $arOffer['TREE']['PROP_'.$arResult['PROP_SKU']['RAZMER']['ID']] ?>">
<? endforeach; ?>
<div class="button_block__item">
<button type="button" class="addCart" data-id-offer="">Добавить в корзину</button>
<button type="button" class="buyOneClick" data-id-offer="">Быстрый заказ</button>
</div>
<div class="props__item">
<div class="container__tab description__item active">
<div class="name__tab">ОПИСАНИЕ</div>
<div class="body__tab">
<p>
<?= $arResult["DETAIL_TEXT"] ?: $arResult['PRIVIEW_TEXT'] ?>
</p>
</div>
</div>
<? foreach ($arResult['PROP_LIST'] as $arItem): ?>
<? $arItem = current($arItem); ?>
<div class="container__tab">
<div class="name__tab"><?= strtoupper($arItem['NAME']) ?></div>
<div class="body__tab">
<? foreach ($arItem['VALUES'] as $idProp): ?>
<div class="property__item">
<span class="name"><?= $arResult['PROPERTIES'][$idProp]['NAME'] ?></span>
<div class="dots"></div>
<span class="value"><?= $arResult['PROPERTIES'][$idProp]['VALUE'] ?></span>
</div>
<? endforeach; ?>
</div>
</div>
<? endforeach; ?>
<div class="container__tab stores__item">
<div class="name__tab">НАЛИЧИЕ В МАГАЗИНАХ</div>
<div class="body__tab" id="availableInStore">
<!-- store-container -->
<?
$APPLICATION -> IncludeComponent('bitrix:catalog.store.amount', '', array(
'ELEMENT_ID' => $defaultOffer['ID'],
'STORE_PATH' => $arParams['STORE_PATH'],
'CACHE_TYPE' => 'A',
'CACHE_TIME' => '36000',
'MAIN_TITLE' => $arParams['MAIN_TITLE'],
'USE_MIN_AMOUNT' => $arParams['USE_MIN_AMOUNT'],
'MIN_AMOUNT' => $arParams['MIN_AMOUNT'],
'STORES' => $arParams['STORES'],
'SHOW_EMPTY_STORE' => $arParams['SHOW_EMPTY_STORE'],
'SHOW_GENERAL_STORE_INFORMATION' => $arParams['SHOW_GENERAL_STORE_INFORMATION'],
'USER_FIELDS' => $arParams['USER_FIELDS'],
'FIELDS' => $arParams['FIELDS']
),
$component,
array('HIDE_ICONS' => 'Y')
);
?>
<!-- store-container -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="popup-content" style="display:none;">
<!-- popup-container -->
<div class="popup-window-titlebar">
<span class="popup-window-titlebar-text">Товар добавлен в корзину</span>
</div>
<div class="popup-window-content">
<div style="width: 100%; margin: 0; text-align: center;">
<img src="<?= $defaultOffer['DETAIL_PICTURE']['SRC'] ?: $defaultOffer['PREVIEW_PICTURE']['SRC'] ?>" height="130"
style="max-height:130px">
<p><?= $defaultOffer['NAME'] ?></p>
</div>
</div>
<!-- popup-container -->
</div>
<? else: ?>
<div class="container customDetailCard">
<div class="row">
<div class="col-md-6 img__list" id="img-list">
<!-- picture-container -->
<div class="img_offer" data-for-offer="<?= $arResult['ID'] ?>">
<div class="img__item"><img src="<?= $arResult['DETAIL_PICTURE']['SRC'] ?>"></div>
<? foreach ($arResult['PROPERTIES']['MORE_PHOTO']['VALUE'] as $val): ?>
<div class="img__item"><img src="<?= CFile ::GetPath($val) ?>"></div>
<? endforeach; ?>
</div>
<!-- picture-container -->
</div>
<div class="col-md-6 characteristics__list">
<div class="customStyle">
<h1><?= strtoupper($arResult['NAME']) ?></h1>
<h5>АРТИКУЛ: <?= strtoupper($arResult['PROPERTIES']['CML2_ARTICLE']['VALUE']) ?></h5>
<div class="price__item"><span
class="price"><?= $arResult['ITEM_PRICES'][0]['PRINT_PRICE'] ?></span></div>
<div class="button_block__item">
<button type="button" class="addCart" data-id-offer="<?= $arResult['ID'] ?>">Добавить в корзину</button>
<button type="button" class="buyOneClick" data-id-offer="<?= $arResult['ID'] ?>">Быстрый заказ</button>
</div>
<div class="props__item">
<div class="container__tab description__item active">
<div class="name__tab">ОПИСАНИЕ</div>
<div class="body__tab">
<p>
<?= $arResult["DETAIL_TEXT"] ?: $arResult['PRIVIEW_TEXT'] ?>
</p>
</div>
</div>
<? foreach ($arResult['PROP_LIST'] as $arItem): ?>
<? $arItem = current($arItem); ?>
<div class="container__tab">
<div class="name__tab"><?= strtoupper($arItem['NAME']) ?></div>
<div class="body__tab">
<? foreach ($arItem['VALUES'] as $idProp): ?>
<div class="property__item">
<span class="name"><?= $arResult['PROPERTIES'][$idProp]['NAME'] ?></span>
<div class="dots"></div>
<span class="value"><?= $arResult['PROPERTIES'][$idProp]['VALUE'] ?></span>
</div>
<? endforeach; ?>
</div>
</div>
<? endforeach; ?>
<div class="container__tab stores__item">
<div class="name__tab">НАЛИЧИЕ В МАГАЗИНАХ</div>
<div class="body__tab" id="availableInStore">
<!-- store-container -->
<?
$APPLICATION -> IncludeComponent('bitrix:catalog.store.amount', '', array(
'ELEMENT_ID' => $arResult['ID'],
'STORE_PATH' => $arParams['STORE_PATH'],
'CACHE_TYPE' => 'A',
'CACHE_TIME' => '36000',
'MAIN_TITLE' => $arParams['MAIN_TITLE'],
'USE_MIN_AMOUNT' => $arParams['USE_MIN_AMOUNT'],
'MIN_AMOUNT' => $arParams['MIN_AMOUNT'],
'STORES' => $arParams['STORES'],
'SHOW_EMPTY_STORE' => $arParams['SHOW_EMPTY_STORE'],
'SHOW_GENERAL_STORE_INFORMATION' => $arParams['SHOW_GENERAL_STORE_INFORMATION'],
'USER_FIELDS' => $arParams['USER_FIELDS'],
'FIELDS' => $arParams['FIELDS']
),
$component,
array('HIDE_ICONS' => 'Y')
);
?>
<!-- store-container -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="popup-content" style="display:none;">
<!-- popup-container -->
<div class="popup-window-titlebar">
<span class="popup-window-titlebar-text">Товар добавлен в корзину</span>
</div>
<div class="popup-window-content">
<div style="width: 100%; margin: 0; text-align: center;">
<img src="<?= $arResult['DETAIL_PICTURE']['SRC'] ?: $arResult['PREVIEW_PICTURE']['SRC'] ?>" height="130"
style="max-height:130px">
<p><?= $arResult['NAME'] ?></p>
</div>
</div>
<!-- popup-container -->
</div>
<? endif; ?>
<div id="my-popup">
</div>