Как да покажете свойствата на продукта на информационния блок Bitrix
Как, как да го оседлая, страдам от много дни и нищо не мога да направя, помогнете! Ето как си представям неопитен уеб разработчик, който нещо не се получава.
В тази публикация искам да споделя как да показвам различни свойства на продукта в различни раздели, например в продуктовата карта на онлайн магазина Bitrix.
Различни раздели различни свойства
Можете да кажете, че това, което е трудно в тази задача, е да отидете в настройките на каталога на информационния блок и да създадете необходимите свойства там, след което спокойно да ги посочите в настройките на компонента и да ги покажете в шаблона catalog.element на мястото, където имаме нужда, но ще ви кажа всичко, но има едно НО. Имаме три раздела, в първия ще покажем подробно описание, във втория ще покажем характеристиките, в третия - файлове и инструкции.
Както можете да видите, вторият и третият раздел ще покажат точно свойствата на определен продукт и тук ще използвам лявата страна, която ще ме изненада по-подробно по-долу, ако не е приложена, тогава свойствата на продукта ще бъдат абсолютно същите във втория и третия раздел. И отново може да възникне въпросът, защото можем да изтеглим всеки конкретен имот по неговия ключ и всъщност няма проблеми, мога да ви кажа, но има един нюанс, който предпочитам да взема предвид за в бъдеще.
Тъй като правя сайтове на Bitrix не за себе си, а за конкретен клиент, тогава трябва да мисля и като бъдещ потребител на сайта, който е ограничен в познанията си за сайтове за уеб програмиране. Какво ще се случи, ако днес, например, има 5 от тези свойства, а утре има 10 от тях, че клиентът трябва отново да отиде до разработчика на сайта Bitrix с молба да не показва нови свойства. Като цяло, ако сте уеб разработчик на сайтове, няма значение на каква платформа ще ги правите, най-важното е да помислитепотребители, които ще използват това в бъдеще, трябва да го направите универсално до максимум, така че по-късно да можете да влезете в кода възможно най-малко и да редактирате нещо там.
Създаване на свойство за информационния блок
И така, да се върнем на нашите овце, сега ще опиша една доста тривиална задача, може да изглежда много банална за мнозина, но блогът ми се чете от различни хора с различно ниво на познания в тази област, така че ще опиша задачата и нейното решение универсално и стъпка по стъпка, така че да е добре за всеки, както за начинаещ, така и за по-опитен уеб разработчик.
Отидете в директорията с настройки на информационния блок, раздела свойства. Надявам се, че самият IB вече е създаден за вас. Тук трябва да регистрираме всички имена и типове за нашите бъдещи продуктови свойства.
Тук най-важното нещо, на което трябва да обърнете внимание, е посочено по-горе в екранната снимка:
1 -Име на свойство- това е самото име, което ще видим при попълване на това свойство.
2 -Property type- тук има доста голям избор, свойството може да бъде от различни типове, низ или файл и т.н.
3 -Код на имота- трябва да бъде посочен на английски и както обикновено с главни букви.
След това, след като са зададени всички необходими свойства, щракнете върху бутона за запазване. След това трябва да отидем в самия каталог, да създадем самия продукт и да попълним необходимите свойства за него.
Програмираме продуктовата карта Bitrix
Въпросът остава малък, това е всичко, което създадохме, трябва да се покаже във визуалната част на онлайн магазина на Bitrix. За да направите това, трябва да копирате самия компонент на каталога, както обичат да казват децата от компанията Bitrix, във вашето пространство от имена. След това трябва да отворите папката catalog.element, която отговаря за показването на самата продуктова карта и да отворите файл, наречен template.php в нея, впо които ще продължим да работим.
Тук показването на всички елементи в 99% е различно за всеки, тъй като дизайнът и задачите също са различни, мисля, че всичко е ясно с тях. Но ако четете тази публикация, значи поне вие или нещо подобно също присъствате във вашия дизайн.
Всъщност, нека покажем, както в моя случай, 3 раздела, за които писах по-горе. По-долу ще дам кода на разделите с маркиране на bootstrap тук, както е удобно за вас, направете го.
Това е първият ни раздел, в който показваме подробно описание на нашия продукт с тази част от кода - . Мисля, че всичко е просто и ясно.
Това е нашият втори раздел, вече е по-интересно тук, всъщност, в името на това, всичко беше започнато.
Предлагам да ви припомня как изглежда във визуалната част на сайта.
Това е един вид ul-li списък, който показва свойствата, но само тези, от които се нуждаем в този конкретен раздел, а не целия списък. След етикета ul създадох променлива и я нарекох доста банално $per, въведох името на ключа, който съхранява свойството, което планирам да покажа в следващия раздел, може да има колкото искате такива ключове и те могат да бъдат изброени до безкрайност. За тези, които не разбират, ключът INSTRUCTIONS съхранява в себе си, в моя случай свойството, което отговаря за файловете и инструкциите, е третият раздел.
Е, тогава това е въпрос на техника, трябва да изпълните цикъла foreach или, както обичам да го наричам, сложния forych $propsTab): ?> и преминете през нашия li, но след самото начало на цикъла, както можете да видите, приложих тази лява страна, с която всъщност ще филтрираме изхода на нашите свойства в този раздел. Тази конструкция на php кода ще изключи изхода на онези ключове за свойства, които всъщност записах в променливата $per. Също така е важно да стартирате цикъла по свойство и не е лесно да ги извлечете чрез ключовемасив. Такъв запис ще ни помогне да избегнем проблеми в бъдеще при добавяне на нови свойства към информационния блок, те ще паднат автоматично.