Меню
   RSS
Видеоурок №12: верстка каталога в Битрикс
 
Видеоурок №12: верстка каталога в Битрикс

Верстаем компонент каталога в битрикс. Выводим изображения и описания категорий товаров, выводи свойства в карточку товара и окультуриваем внешний вид списка товаров.
Ответить
Ответы
 
у нас  сайт почти готов, я делаю то что Вы предлагаете, т.е. отключаю вывод товаров в топ после списка разделов, но этого не происходит они все равно выводятся В чем может быть причина
 
Цитата
Анна пишет:
у нас сайт почти готов, я делаю то что Вы предлагаете, т.е. отключаю вывод товаров в топ после списка разделов, но этого не происходит они все равно выводятся В чем может быть причина
Быть может удалили условиие из шаблона. Технически: можете вообще удалить вызов топа каталога из sections.php (не путать с section.php) в папке с шаблоном
 
Михаил добрый день. Заметил что Анна написала вам свой вопрос гораздо позже чем я и вы ей ответили а меня хотя я написал свой вопрос почти на месяц раньше проигнорировали. На мой взгляд это не очень хорошо. Или вы отвечаете на вопросы на платной основе???
 
Цитата
Виктор пишет:
Михаил добрый день. Заметил что Анна написала вам свой вопрос гораздо позже чем я и вы ей ответили а меня хотя я написал свой вопрос почти на месяц раньше проигнорировали. На мой взгляд это не очень хорошо. Или вы отвечаете на вопросы на платной основе???
Нет, бесплатно (но мысль мне нравится  ;) ) - но отвечаю когда есть время.
Вашего может не увидел или увидел и забыл. Плюс тут часто задают одни и те же вопросы,  возможно ответил где-то в другом месте.

Я тут один отвечаю, сотрудников не держу. Мой форум-мои правила :)  Но в любом случае не со зла не ответил.
 
Михаил простите ради бога. Я не хотел вас обидеть и оскорбить. Еще раз прошу прощения. И спасибо вам за видеоурок. Очень хорошо вы рассказали про первую часть. Ну я там сам в принципе разобрался так что все нормально.  :)
 
Добрый день Михаил. В какой именно папке находится этот файл "template.php"?
 
Цитата
Дима пишет:
Добрый день Михаил. В какой именно папке находится этот файл "template.php"?
/bitrix/templates/ШАБЛОН_САЙТА/components/bitrix/catalog/ВСЕ­ ТУТ
 
Цитата
Михаил Базаров пишет:
Цитата
Дима пишет:
Добрый день Михаил. В какой именно папке находится этот файл "template.php"?
/bitrix/templates/ШАБЛОН_САЙТА/components/bitrix/catalog/ВСЕ­ ­ ТУТ
Я захожу по адресу /bitrix/templates/ШАБЛОН_САЙТА/components/bitrix/catalog/tem­plate/bitrix и там нахотидся 11 папок, в какой из них находиться тот самый файл "template.php" который вы редактируете на видео?
 
Цитата
Guest пишет:
Цитата
Михаил Базаров пишет:
Цитата
Дима пишет:
Добрый день Михаил. В какой именно папке находится этот файл "template.php"?
/bitrix/templates/ШАБЛОН_САЙТА/components/bitrix/catalog/ВСЕ­ ­ ­ ТУТ
Я захожу по адресу /bitrix/templates/ШАБЛОН_САЙТА/components/bitrix/catalog/tem­ ­plate/bitrix и там нахотидся 11 папок, в какой из них находиться тот самый файл "template.php" который вы редактируете на видео?
Смотрите внимательно видео
 
В 1С-Битрикс: Управление сайтом 15.5.1 сейчас очень сильно отличается темплейт компонента текущей версии битрикса от описанной в уроке. Нет таблиц вообще, все на див тегах....

Также по-моему есть ошибка в системе - когда ставить отображение списка один лемент на строку, реально отображается 3 элемента вместо одного.

В CSS к шаблону компоненты есть классы для разных количеств колонок тега div который выводит строку товаров.
.bx_catalog_item.col1; .bx_catalog_item.col2... .bx_catalog_item.col5

Когда ставишь значений параметра 1 тогда должна генерироваться страница с классом тэга div col1. И тогда будет действовать правило CSS .bx_catalog_list_home.col1 .bx_catalog_item{padding:1px 26px;margin:0 0 30px 0 ;width:100%}
А в исходной странице сайта мы реально видим клас .bx_catalog_list_home.col3 и соотвественно 3 колонки вместо одной на сайте.

Похоже на глюк генерации страницы с компонентой?

В темпейлте не могу найти где именно устанавливается клас колонки. Есть только такой код
<div class="<? echo ($arItem['SECOND_PICT'] ? 'bx_catalog_item double' : 'bx_catalog_item'); ?>">
Как видим div закрывается и у него класс просто bx_catalog_item а как и на какой стадии туда попадает еще класс col1 ... col5?
Может скрипт добавляет?

Можно-ли обновить урок по темплету текущей версии?
 
Битрикс 15.5.1.
Просьба еще подсказать как получить фото загруженные в свойства.
Поле $arResult['MORE_PHOTO'] использованое в уроке не работает. Там только массив из одного объекта - детальное фото.
Добавить еще одно фото в детальное через интефейс нельзя (видимо ограничение версии...). Я так понимаю что это стадартное поле информационного блока, а не поле его свойства (просто названия совпадают).

Пробовал пройти через пропетисы $arResult["PROPERTIES"]["MORE_PHOTO"]["VALUE"] - там только строки с ИД загруженных элементов. Но как поличть их SRC?
 
Цитата
Степан пишет:
Битрикс 15.5.1.
Просьба еще подсказать как получить фото загруженные в свойства.
Поле $arResult['MORE_PHOTO'] использованое в уроке не работает. Там только массив из одного объекта - детальное фото.
Добавить еще одно фото в детальное через интефейс нельзя (видимо ограничение версии...). Я так понимаю что это стадартное поле информационного блока, а не поле его свойства (просто названия совпадают).

Пробовал пройти через пропетисы $arResult["PROPERTIES"]["MORE_PHOTO"]["VALUE"] - там только строки с ИД загруженных элементов. Но как поличть их SRC?
Воспользуйтесь вот этой запиской http://camouf.ru/blog-note/301/ с каталогом, в принципе так же
 
Здравствуйте Михаил! Подскажите, как сделать, чтобы в списке разделов Каталога товаров каждый пункт раздела имел бы собственное оформление. Как-то нужно, видимо, без цикла foreach обойтись?
 
Цитата
Дмитрий пишет:
Здравствуйте Михаил! Подскажите, как сделать, чтобы в списке разделов Каталога товаров каждый пункт раздела имел бы собственное оформление. Как-то нужно, видимо, без цикла foreach обойтись?
А оформление через файл стилей не подходит, через :nth-child(номер пункта раздела) ?  
 
Цитата
Михаил Базаров пишет:
Цитата
Дмитрий пишет:
Здравствуйте Михаил! Подскажите, как сделать, чтобы в списке разделов Каталога товаров каждый пункт раздела имел бы собственное оформление. Как-то нужно, видимо, без цикла foreach обойтись?
А оформление через файл стилей не подходит, через :nth-child(номер пункта раздела) ?
этот способ я видел в одном из Ваших ответов в другой теме, но к сожалению он не подходит, т.к. из массиве $arResult['SECTIONS'] элементы в цикле выводятся в алфавитном порядке, а мне нужно в другом порядке. Я по другому сформулирую вопрос: как работать с пунктами раздела вообще без цикла foreach?
 
Цитата
Дмитрий пишет:
Цитата
Михаил Базаров пишет:
Цитата
Дмитрий пишет:
Здравствуйте Михаил! Подскажите, как сделать, чтобы в списке разделов Каталога товаров каждый пункт раздела имел бы собственное оформление. Как-то нужно, видимо, без цикла foreach обойтись?
А оформление через файл стилей не подходит, через :nth-child(номер пункта раздела) ?
этот способ я видел в одном из Ваших ответов в другой теме, но к сожалению он не подходит, т.к. из массиве $arResult['SECTIONS'] элементы в цикле выводятся в алфавитном порядке, а мне нужно в другом порядке. Я по другому сформулирую вопрос: как работать с пунктами раздела вообще без цикла foreach?
Совсем без  foreach, думаю ни как- это в любом случае цикл. Можете попробовать создать пользовательское свойство для раздела
и добавлять его class="<?=$arSection["КОД_СВОЙСТВА"]?>"
 
Цитата
Михаил Базаров пишет:
Совсем безforeach, думаю ни как- это в любом случае цикл. Можете попробовать создать пользовательское свойство для раздела
и добавлять его class="<?=$arSection["КОД_СВОЙСТВА"]?>"
Да, без foreach  обойтись не удалось. С помощью foreach обошел все пункты раздела, а с помощью  swtch-case в теле цикла сформировал массив из этих пунктов в нужной последовательности. Пока с этим разбирался определил что
$arResult["SECTIONS_COUNT"] - возвращает кол-во разделов,
$arResult['SECTIONS'][индекс ]['SECTION_PAGE_URL'] - URL к странице с содержимым раздела
$arResult['SECTIONS'][индекс]["NAME"] - это имя раздела...
А что там в $arResult[ ] еще есть? Где почитать об этом можно?
 
Цитата
Дмитрий пишет:
Цитата
Михаил Базаров пишет:
Совсем безforeach, думаю ни как- это в любом случае цикл. Можете попробовать создать пользовательское свойство для раздела
и добавлять его class="<?=$arSection["КОД_СВОЙСТВА"]?>"
Да, без foreach обойтись не удалось. С помощью foreach обошел все пункты раздела, а с помощью swtch-case в теле цикла сформировал массив из этих пунктов в нужной последовательности. Пока с этим разбирался определил что
$arResult["SECTIONS_COUNT"] - возвращает кол-во разделов,
$arResult['SECTIONS'][индекс ]['SECTION_PAGE_URL'] - URL к странице с содержимым раздела
$arResult['SECTIONS'][индекс]["NAME"] - это имя раздела...
А что там в $arResult[ ] еще есть? Где почитать об этом можно?
Код
<? 
echo '<pre>'; print_r($arResult); echo '</pre>';
?>
 
Цитата
Михаил Базаров пишет:
Код <?
echo '<pre>'; print_r($arResult); echo '</pre>';
?>
КЛАСС!!!!!! :!: СПАСИБО!!
 
Здравствуйте, Михаил!
Нужна ваша помощь!
Создал свойство MORE_PHOTOS с дополнительными изображениями. Прописал в файл result_modifier.php:

<?
$arResult["MORE_PHOTO"] = array();
if(isset($arResult["PROPERTIES"]["MORE_PHOTO"]["VALUE"] ;)  && is_array($arResult["PROPERTIES"]["MORE_PHOTO"]["VALUE"] ;) )
{
foreach($arResult["PROPERTIES"]["MORE_PHOTO"]["VALUE"] as $FILE)
{
$FILE = CFile::GetFileArray($FILE);
if(is_array($FILE))
$arResult["MORE_PHOTO"][]=$FILE;
}
}
?>

Теперь у меня на место детальной и превью-картинки выводится изображение из свойства MORE_PHOTO.
Как сделать, чтобы на месте детальной была детальная, а только по клику на превью она появлялась в окне детальной?
 
Михаил, здравствуйте!
Возникла такая проблема:
-пользуясь предоставленными вами шаблонами появилась необходимость сделать в catalog.element вывод свойств торговых предложений в виде плиточек, как на популярный интернет магазинах, но в базовом компоненте свойства как и торговые предложения выводятся просто списком. Помогите решить проблему, буду очень благодарен.
И еще раз спасибо за ваши уроки, вынес из них очень много полезного.
Удачи вам в ваших делах!
 
Цитата
Александр Христич написал:
Михаил, здравствуйте!
Возникла такая проблема:
-пользуясь предоставленными вами шаблонами появилась необходимость сделать в catalog.element вывод свойств торговых предложений в виде плиточек, как на популярный интернет магазинах, но в базовом компоненте свойства как и торговые предложения выводятся просто списком. Помогите решить проблему, буду очень благодарен.
И еще раз спасибо за ваши уроки, вынес из них очень много полезного.
Удачи вам в ваших делах!
Так конечно не рассказать- как это проделать. По сути все сводится к грамотной компановке и верстке + немножко программирования
 
Доброго времени суток! Кто знает как вывести слайдером детальные картинки торговых предложений. Чтобы при нажатии на картинку она становилась активной и соответственно выводилось торговое предложения откуда она берется.  
 
Цитата
Сергей Стефанович написал:
Доброго времени суток! Кто знает как вывести слайдером детальные картинки торговых предложений. Чтобы при нажатии на картинку она становилась активной и соответственно выводилось торговое предложения откуда она берется.  
Просто берете любой готовый слайдер с нужным функционалом или верстаете свой. а затем интегрируете с шаблоном компонента. Так ил иначе, сначала создайте верстку, без битрикса (для понимания)
 
Цитата
Михаил Базаров написал:
Просто берете любой готовый слайдер с нужным функционалом или верстаете свой. а затем интегрируете с шаблоном компонента. Так ил иначе, сначала создайте верстку, без битрикса (для понимания)
Извиняюсь, возможно не правильно пояснил. В карточке товара, хочу вывести цвет товара картинками. При добавлении торгового предложения к этому товару, я загружаю ему картинку например, превью. и хочу чтобы цвета брались не из хайлоад-блоков, а каждый цвет - превью картинка торгового предложения.
 
Подскажите! Как править шаблоны в версии 18+ там совсем нет верстки, только РНР коды. Есть вывод плиткой, но как изменить ее стили шрифты размеры иконок ....
 
Цитата
Артем Попов написал:
Подскажите! Как править шаблоны в версии 18+ там совсем нет верстки, только РНР коды. Есть вывод плиткой, но как изменить ее стили шрифты размеры иконок ....
Там, сам шаблон стал сильно сложнее. Нужно потратить время, что бы с ним разобраться, но суть вся та же:
- верстка в template.php
- стили в style.min.css
Ответить
Читают тему
Форма ответов
 
Текст сообщения*
Перетащите файлы
Ничего не найдено
Файл
Загрузить картинки
 
Поблагодарить и поддержать:
Или подписаться на boosty канал: Видео на Bst

Блог-note: заметки разработчика

Вывести все разделы в которых находится элемент инфоблока

Если нужно вывести все разделы, со всей доступной информацией о них, внутри элемента инфоблока, например в карточке това...

Time Capsule на Windows 10. Хранение бекапов Time Machine на компьютере с Windows 10

Заметку написал скорее для себя, что бы собрать все в одну кучу. Написана на базе нескольких разрозненных, по интернету,...

Бонус за выполненный заказ на внутренний счет пользователя

Задача: после того как заказ, в интернет-магазине, перешел в статус "Выполнен" начислить пользователю 5% от стоимости за...

Заполнение габаритов товара, после обмена с 1С, из свойств элемента инфоблока.

Если Ваш интернет-магазин интегрирован с 1С, скорее всего столкнулись с такой проблемой: 1С не умеет выгружать параметры...

Как подобрать редакцию Битрикс под задачи

Последнее время, все чаще, при общении с заказчиками, сталкиваюсь с вопросом "— Какая редакция 1С-Битрикс нужна дл...

Следующая/предыдущая новость/статья при просмотре подробной в Битрикс

Странное дело, в Битрикс по умолчанию, отсутсвует функционал для навигации внутри новостей или статей типа: "Следующая/...

Обновить страницу Inapbrowser в приложении Apache Cordova, при выходе из фона

Задача: Мобильное приложение, созданное на Apache Cordova должно перезагрузить текущую страницу, открытую с помощью плаг...

Установить цену товара из свойства инфоблока

На одном из проектов, нужно было единоразово заполнить цены товаров из свойства инфоблока. Сделать это можно через API, ...

Базовая защита "Битрикс виртуальная машина" от DDoS атак.

Данный способ защиты не панацея, и скорее всего не спасет от профессиональной DDoS атаки, когда ваш сервер на CentOS под...