+7 (987) 026-06-36
Написать в Telegram

Оставить заявку
stanislav_web

Шаблон catalog.item при использовании компонента bootstrap_v4 в 1С-Битрикс

Шаблон catalog.item при использовании компонента bootstrap_v4 в 1С-Битрикс Объясняю и показываю примеры решений разных задач с которыми сталкивался и сталкиваюсь в процессе работы

Шаблон catalog.item при использовании компонента bootstrap_v4 в 1С-Битрикс

Объясняю и показываю примеры решений разных задач с которыми сталкивался и сталкиваюсь в процессе работы

📅 24 ноября 2023

👁‍🗨 330

🔥 0

Шаблон catalog.item при использовании компонента bootstrap_v4 в 1С-Битрикс
<div style="display: none;" id="<?=$itemIds['PICT_SLIDER']?>">
	<div id="<?//=$itemIds['SECOND_PICT']?>"></div>
	<div id="<?=$itemIds['PICT']?>"></div>
</div>
<!-- fav-->
<a class="fav" href="#" id="<?=$itemIds['COMPARE_LINK']?>">
	<input type="checkbox" data-entity="compare-checkbox">
	<svg>
		<use href="<?= SITE_TEMPLATE_PATH; ?>/icons/sprite.svg#like"></use>
	</svg>
</a>
<!-- end fav-->
<a class="card__img" href="<?=$item['DETAIL_PAGE_URL']?>">
	<picture>
		<source srcset="<?=$item['PREVIEW_PICTURE']['SRC']?>" type="image/webp">
		<img src="<?=$item['PREVIEW_PICTURE']['SRC']?>" alt="<?=$imgTitle?>">
	</picture>
</a>
<a class="card__title" href="<?=$item['DETAIL_PAGE_URL']?>"><?=$productTitle?></a>
<p class="card__text"><?=$item['PREVIEW_TEXT']?></p>
<div class="card__footer">
	<div style="display: none;">
		<span id="<?=$itemIds['QUANTITY_DOWN']?>"></span>
		<input id="<?=$itemIds['QUANTITY']?>" type="number" name="<?=$arParams['PRODUCT_QUANTITY_VARIABLE']?>" value="<?=$measureRatio?>">
		<span id="<?=$itemIds['QUANTITY_UP']?>"></span>
	</div>

	<span class="card__price" id="<?=$itemIds['PRICE']?>"><?=$price['PRINT_RATIO_PRICE']?></span>

	<div id="<?=$itemIds['BASKET_ACTIONS']?>">
		<a class="card__btn" id="<?=$itemIds['BUY_LINK']?>" href="javascript:void(0)" rel="nofollow">
			<?=($arParams['ADD_TO_BASKET_ACTION'] === 'BUY' ? $arParams['MESS_BTN_BUY'] : $arParams['MESS_BTN_ADD_TO_BASKET'])?>
		</a>
	</div>
</div>