Товар снят с производства — 1С Битрикс Каталог

Свойство товара "Снято с производства"

Если вам необходима данная опция, то ее можно сделать за несколько шагов:

1. Создаем новое свойство товара - "Снято с производства".

2. Идем в Каталог -> Разделы и редактируем главный раздел. На вкладке "Свойства элементов" добавляем созданное нами свойство товара. После сохранения настроек, данное свойство будет доступно для включения/отключения, для всех товаров каталога.

3. Редактируем шаблон bitrix:catalog.element (Элемент каталога детально)

  • Добавляем где-нибудь вверху проверку на включение опции:

    <?
    if ($arResult["PROPERTIES"]["DISCONTINUED"]["VALUE_XML_ID"] == "yes") {
    	$discontinued = true;
    }
    ?>
    
  • Фильтруем кнопку купить и подобные ей, с помощью условия:

    <?
    if ($discontinued == false) { // если опция не вкл. то покажет кнопку
    	// здесь код вашей кнопки "купить"
    }
    ?>
    
  • В нужном нам месте прописываем вывод картинки, сообщающей о том, что товар снят с производства:

    <?
    if ($discontinued == true) {
    	echo '<div id="discontinued"><img src="/bitrix/templates/yourtemplate/images/discontinued.png"></div>';
    }
    ?>
    

4. Закачиваем картинку, соответственно пути, прописанному в шаблоне catalog.element (в примере выше: /bitrix/templates/yourtemplate/images/discontinued.png).

5. При необходимости добавляем стили в файл css.

Лично я ставил такую печать поверх изображения товара, сделать это очень просто и лучше всего показать как это сделать на примере:

HTML/PHP

<div style="position: relative;"> <!-- Предполагаемый элемент родитель с относительным позиционированием -->
	<div><img src="" alt="изображение товара"></div>
	<?
	if ($discontinued == true) { // Если включена опция, то показать печать
		echo '<div id="discontinued"><img src="/bitrix/templates/yourtemplate/images/discontinued.png"></div>'; // Изображение с печатью, внутри родительского элемента с абсолютным позиционирование
	}
	?>
</div>

CSS

#discontinued {
    z-index: 99;
    width: 50%;
    height: 50%;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}
#discontinued img {
    width: 100%;
}

По такому принципу можно создать и вывести любое другое свойство похожего назначения.

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *