1с-Битрикс: Помечаем новинки, рекомендуемые и акции лейблом стикером в каталоге. Лейблы битрикс


Помечаем новинки лейблом в каталоге битрикс, заметки по Битрикс на сайте camouf.ru

Достаточно часто, при разработке каталога товаров или интернет-магазина на системе управления Битрикс, встает задача как-то пометить новинки или спецпредложения. Как правило, это делается с помощью небольших лейблов которые вешаются на конкретный товар в списке всех товаров. Сделать это достаточно просто, и, возможно, не расскажу ничего нового. Однако, быть может, кому-то сгодится.

Для данной заметки есть дополнение Автоматически помечаем новинки лейблом в каталоге битрикс

Для начала идем в настройки инфоблока нашего торгового каталога и создаем новое свойство "Новинка" с типом список и атрибутом NEWPRODUCT

Затем переходим в настройки этого свойства и задаем ему вид "Флажки" с одним значением Y-Да

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

Рисуем лейбл, здесь уже как душе угодно

Идем по пути /bitrix/templates/ШАБЛОН_ВАШЕГО_САЙТА/compnents/bitrix/catalog/ШАБЛОН_ВАШЕГО_КАТАЛОГА/bitrix/catalog.section/.default/ создаем здесь папку images и кидаем в него картинку лейбла. По этому же пути открываем файлы template.php и style.css

В template.php, в нужном месте, там где планируется прилепить лейбл, вставляем

<?if ($arElement["DISPLAY_PROPERTIES"]['NEWPRODUCT']){?> <div></div> <?}?>  

А в style.css, соответственно, стилевое оформление лейбла, с нашим фоновым рисунком

.novinko {      position: relative;      float: right;      width: 42px;      height: 27px;      margin: 0px 0px -29px 0px;      background: url('images/new.png') no-repeat;      z-index: 100; }

Вот и все: после того как у нужных товаров будет поставлен чекбокс напротив свойства новинка.

У товаров будет появляться наш лейбл

Все ровно тоже самое можно проделывать с любыми "пометками" на товарах или новостях. Успехов.

Автору на кофе и печеньки!

camouf.ru

1с-Битрикс: Помечаем новинки, рекомендуемые и акции лейблом стикером в каталоге

Для начала идем в настройки инфоблока нашего торгового каталога и создаем новое свойство «Новинка» с типом список и атрибутом NEWPRODUCT

sozdaem-svoystvo

Затем переходим в настройки этого свойства и задаем ему вид «Флажки» с одним значением Y-Да

nastrivaem-svoystvo

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

stavim-v-kompanente

Рисуем лейбл

snimok-ekrana-2014_03_12-v-7.04.19

Идем по пути /bitrix/templates/ШАБЛОН_ВАШЕГО_САЙТА/compnents/bitrix/catalog/ШАБЛОН_ВАШЕГО_КАТАЛОГА/bitrix/catalog.section/.default/ создаем здесь папку images и кидаем в него картинку лейбла. По этому же пути открываем файлы template.php и style.css

В template.php, в нужном месте, там где планируется прилепить лейбл, вставляем

<?if ($arElement["DISPLAY_PROPERTIES"]['NEWPRODUCT']){?> <div></div> <?}?>

А в style.css, соответственно, стилевое оформление лейбла, с нашим фоновым рисунком

.novinko { position: relative; float: right; width: 42px; height: 27px; margin: 0px 0px -29px 0px; background: url('images/new.png') no-repeat; z-index: 100; }

Вот и все: после того как у нужных товаров будет поставлен чекбокс напротив свойства новинка.

otmechaem

У товаров будет появляться наш лейбл

zatsenivaem

 

dmitro.pro

1С-Битрикс: как превратить radio-кнопки в кнопки в форме добавления элемента в инфоблок

Андрей Елисеев, опубликовано 31 июля 2015 г.

Компонент «Форма добавления/редактирования элемента инфоблока» часто используется при создании сайтов на «1С-Битрикс» при создании различных форм с произвольными полями. Это очень удобно, здесь доступны однострочные и многострочные текстовые поля, выпадающие списки, списки со множественным выбором, чекбоксы и радиокнопки. Дальше поговорим о том, как можно превратить радиокнопки в обычные кнопки при подготовке шаблона такой формы. Это и красиво, и удобно, и модно. Нам понадобится старый добрый Bootstrap.

Итак, договоримся, что для превращения радиокнопок в компоненте «Форма добавления/редактирования элемента инфоблока» вы уже подключили фреймворк Bootstrap к вашему сайту на «1С-Битрикс». В последних версиях он уже включен в ядро CMS, однако при желании вы всегда можете взять свежую версию на официальном сайте разработчика этого прекрасного фреймворка — getbootstrap.com.

Теперь подключаем к нужной вам странице компонент «Форма добавления/редактирования элемента инфоблока» и открываем его шаблон на редактирование. Где-то в районе 260-й строки обнаруживаем такой фрагмент кода.

case "radio": foreach ($arResult["PROPERTY_LIST_FULL"][$propertyID]["ENUM"] as $key => $arEnum) { $checked = false; if ($arParams["ID"] > 0 || count($arResult["ERRORS"]) > 0) { if (is_array($arResult["ELEMENT_PROPERTIES"][$propertyID])) { foreach ($arResult["ELEMENT_PROPERTIES"][$propertyID] as $arElEnum) { if ($arElEnum["VALUE"] == $key) { $checked = true; break; } } } } else { if ($arEnum["DEF"] == "Y") $checked = true; } ?> <input type="<?=$type?>" name="PROPERTY[<?=$propertyID?>]<?=$type == "checkbox" ? "[".$key."]" : ""?>" value="<?=$key?>"<?=$checked ? " checked=\"checked\"" : ""?> /><label for="property_<?=$key?>"><?=$arEnum["VALUE"]?></label><br /> <? } break;

Все что нам нужно — поменять этот фрагмент на такой.

case "radio":?> <div data-toggle="buttons"> <?foreach ($arResult["PROPERTY_LIST_FULL"][$propertyID]["ENUM"] as $key => $arEnum) { $checked = false; if ($arParams["ID"] > 0 || count($arResult["ERRORS"]) > 0) { if (is_array($arResult["ELEMENT_PROPERTIES"][$propertyID])) { foreach ($arResult["ELEMENT_PROPERTIES"][$propertyID] as $arElEnum) { if ($arElEnum["VALUE"] == $key) { $checked = true; break; } } } } else { if ($arEnum["DEF"] == "Y") $checked = true; } ?> <label for="property_<?=$key?>"><input type="<?=$type?>" name="PROPERTY[<?=$propertyID?>]<?=$type == "checkbox" ? "[".$key."]" : ""?>" value="<?=$key?>"<?=$checked ? " checked=\"checked\"" : ""?> /><?=$arEnum["VALUE"]?></label> <? }?> </div> <?break;

Обратите внимание, в теге <label> использованы классы btn btn-primary. Первый в Bootstrap отвечает за внешний вид кнопок в целом, а второй содержит описание цвета фона кнопки, цвета текста в кнопке, а также ее поведение при наведении и нажатии. Поэтому вместо btn-primary вы всегда можете задать и подготовить свой кнопочный класс.

Нескучных вам сайтов!

nm0.ru


Prostoy-Site | Все права защищены © 2018 | Карта сайта