Верстаем компонент каталога в битрикс. Выводим изображения и описания категорий товаров, выводи свойства в карточку товара и окультуриваем внешний вид списка товаров.
Видеоурок №12: верстка каталога в Битрикс
Михаил Базаров: 17.02.2014 18:55:18
Видеоурок №12: верстка каталога в Битрикс
Верстаем компонент каталога в битрикс. Выводим изображения и описания категорий товаров, выводи свойства в карточку товара и окультуриваем внешний вид списка товаров. |
Евгений: 17.02.2014 18:55:18
Михаил доброго времени суток!
Скажите пожалуйста, можно ли на платформе Управление сайтом-Малый бизнес создать сразу и каталог и интернет-магазин, при этом вынести инет-магазин на поддомен? С уважением. |
Михаил Базаров: 17.02.2014 19:29:03
PS: Любая лицензия Битрикс позволяет запустить 2 сайта с общей базой данных и админпанелью. Наглядно вот тут http://camouf.ru/blog-note/783/ |
Евгений: 18.02.2014 11:37:32
|
Pavel: 07.04.2014 11:11:25
Здравствуйте. Мне очень нравится ваш видеокурс. Материал преподносится в очень доступной форме.
Однако я столкнулся с определенной трудностью во время просмотра 12 урока. Когда вы показываете как сверстать список товаров, у вас в коде есть таблица, а у меня битрикс выдает код который выглядит совсем иначе. Куча всевозможных массивов и div-ов. У вас, все элементы выводимые в каталоге расположены в одном месте (в таблице), а у меня, все разбросано по разным местам кода. Как результат, вообще не могу разобраться, что и где нужно редактировать. Подскажите пожалуйста, в чем может быть проблема? Почему битрикс по-разному отображает код, хотя повторяю за вами шаг в шаг. Заранее благодарен. |
Михаил Базаров: 07.04.2014 12:45:52
|
barbaris08: 30.05.2014 09:03:01
Михаил, у меня та же проблема, что и у Павла (я вам на рутрекере писал).
Не могли бы вы отдельно выложить старый шаблон каталога (из 12 версии битрикса)? Очень нужен)) |
Михаил Базаров: 30.05.2014 11:23:08
Старые шаблоны каталогов http://camouf.ru/blog-note/918/
|
barbaris08: 02.06.2014 16:50:56
Михаил, у вас в каждом разделе каталога (компьютеры, ноутбуки и т.д.) сверху выведено его название. То есть когда заходишь в компьютеры, то там сверху в теге <h1>, судя по исходному коду страницы, выведено название этого раздела каталога ("Компьютеры", например). Какая именно строка в шаблоне отвечает за вывод названия? А то у меня это дело куда-то пропало, а вернуть никак не могу.
Спасибо. |
Михаил Базаров: 02.06.2014 18:26:56
|
barbaris08: 03.06.2014 07:08:25
В чем может быть ошибка? |
Михаил Базаров: 03.06.2014 08:06:36
|
Гость сайта: 23.06.2014 02:49:06
Михаил, добрый день!
А скажите, пожалуйста, как на странице, предшествующей странице детального просмотра, выводить разные свойства для разных категорий товаров? Например, в секции компьютеров у меня в анонсе выводится бренд, цена и цвет корпуса, в секции ноутбуков - размер диагонали, емкость hdd и объем RAM, в секции принтеров - бренд и тип (струйник/лазерник). А когда открываю страницу детального просмотра, то там уже все свойства, которые я впишу. |
Михаил Базаров: 23.06.2014 03:35:34
Создаете все свойства в инфоблоке и заполняете их при добавлении товара. Свойства которые остались пустыми, не выведутся в списке товаров, сами без лишних манипуляций |
Гость сайта: 23.06.2014 05:56:19
Михаил, вот смотрите. Я создаю инфоблок каталога точно так же, как у вас в уроке. Там есть 4 категории. Как сделать, чтобы в анонсе товара были разные свойства у каждой категории? Если выделить все свойства, то они все будут выводиться и в анонсе, и в детальном описании. А мне в анонсе нужно вывести только основные, а в детальном все, касающиеся данного товара.
|
Михаил Базаров: 23.06.2014 06:16:49
|
Гость сайта: 23.06.2014 06:42:23
Михаил, мне кажется, мы с вами о разном говорим))
Вот смотрите, у вас в каталоге выведены у всех категорий товаров одинаковые свойства для анонса: бренд и цена. А мне нужно, чтобы они были разными для каждого раздела. ![]() ![]() А в детальном описании нужно выводить все необходимые свойства, как у вас) ![]() |
Михаил Базаров: 23.06.2014 06:47:53
Ну так и настройте какие свойсва выводить в списке и какие в детальном. Не хотите например бренд выводить в детальном, но выводить в списке товаров: Выделите его только в детальном отображении
![]() |
Гость сайта: 23.06.2014 06:54:06
Это я понял. Но это же будет настраиваться для всех разделов каталога. А мне нужно только для одного. То есть в компьютерах я хочу выводить бренд, а в принтерах нет.
|
Михаил Базаров: 23.06.2014 07:07:48
Как вариант создать разные инфоблоки для каждой категории товаров со своим набором свойств |
Гость сайта: 23.06.2014 07:26:03
но скажите, как это все это будет сверстать потом? + это нужно будет каждый инфоблок отдельно настраивать? возможно сделать, чтобы для каждой категории товаров выводились элементы разных инфоблоков? Если есть такая возможность, подскажите, пожалуйста, как это лучше всего реализовать, хотя бы со скринами ![]() Спасибо! |
Инна: 26.06.2014 11:25:31
Добрый день! Михаил, все делала по Вашим урокам. Все получилось, спасибо! Но не могу разобраться с детальным изображением товара, вернее с дополнительными картинками. Превью картинок выводятся, а вот при нажатии на картинку ничего не происходит, т.е. большое изображение не открывается.
|
Гость сайта: 03.07.2014 23:38:18
Михаил, здравствуйте!
Я создал каталог с разделами, в которых есть подразделы. Например, раздел Компьютеры находится на верхнем уровне, а внутри Компьютеров есть еще 2 подраздела (раздел .Компьютеры) для них родительский. Так вот, эти 2 подраздела, которые относятся к компьютерам, отображаются и в разделе Компьютеры, и на главной странице каталога. Как сделать так, чтобы они остались в Компьютерах, но исчезли с главной?) |
Гость сайта: 31.07.2014 06:26:59
Михаил, добрый день!
Есть вопрос. В ваших видеоуроках используется модуль каталога? Я создал сайт по вашим урокам, но все это время битрикс крутился на демо-версии, причем при установке был выбран «Битрикс: малый бизнес». Но лицензию я приобрел на редакцию старт. При активации лицензии система написала, что, цитирую: « В вашу лицензию не входит модуль "catalog". Вы должны деинсталировать этот модуль и удалить каталог /bitrix/modules/catalog с диска». Если я удалю модуль каталога, то созданный ранее каталог будет работать? |
Михаил Базаров: 31.07.2014 14:45:38
![]() |
Михаил Базаров: 31.07.2014 14:47:45
|
Михаил Базаров: 31.07.2014 14:48:28
|
Дмитрий: 13.08.2014 09:21:54
Здравствуйте, Михаил!
В процессе seo-оптимизации сайта возник вопрос - как сделать разными title и h1? Сейчас title фактически совпадает с названием раздела каталога, которое выводится в шаблоне компонента через
Как сделать так, чтоб задавать уникальные title и h1 для каждого раздела каталога и для каждой карточки товара? Очень надеюсь на подробное объяснение, ибо бьюсь уже очень долго. Спасибо! |
Михаил Базаров: 13.08.2014 10:20:26
В 14 версии все стало просто, человекопонятно. Если используете 12-ую версию и нет возможности обновится до 14-ой, создайте новые свойства в инфоблоке, например: Заголовок окна браузера и Описание страницы. В настройках компанента укажите их использование в данных качествах элемента |
Черкасов Владимир: 20.08.2014 23:17:27
У меня, возможно, немного глупый вопрос, но все таки. Я только начал разбираться в битриксе и, пытаясь сверстать какой либо сложный компонент, натыкаюсь на огромное количество кода, что намного больше, чем то количество, которое я увидел в уроках или еще как чаще всего бывает, при вызове редактора шаблона, открывается код, при редактировании которого ничего не происходит с элементом, а копаясь в файлах шаблона, нахожу файл, который немного влияет на отображение компонента, но не полностью. [IMG]
Поэтому у меня вопрос, это я что то не так делаю или зависит от версии продукта? |
Черкасов Владимир: 21.08.2014 01:18:32
![]() |
Николай: 20.09.2014 12:23:39
Добрый вечер. Делал все пошагово за вами. Наткнулся на такую проблему. При добавлении , каждый новый товар располагается горизонтально накладываясь друг на друга, а не вертикально как у вас. В чем может быть проблема?
|
Михаил Базаров: 20.09.2014 23:00:46
|
Гость сайта: 21.09.2014 00:38:11
![]() |
Гость сайта: 10.11.2014 14:17:43
Здравствуйте! Не работает в настройке параметров компонента максимальная отображаемая глубина разделов - опция не отключается. Скажите в чем может быть причина? Шаблон каталога брал старый с вашего сайта и делал все как на видео. Вывел основные разделы с фотографиями и подписью как надо, убрал топ элементов, но вот подразделы выводить не хочу.. Еще интересно может ли модуль сопровождать простейшая навигация ,чтобы можно было дойдя до конкретного элемента категории перейти обратно в список категорий?
|
Михаил Базаров: 11.11.2014 03:51:42
Можете воспользоваться компанентом "Цепочка навигации" |
Гость сайта: 11.11.2014 09:44:23
Проверил в контент--> структура--> файлы и папки (полный доступ, я - админ). Стоит отметить, что параметр "Показывать количество элементов в разделе" я тоже не мог отключить с помощью настроек. Удалось только когда удалил из шаблона catalog.section.list строчку выводка количества элементов как на видео. В чем дело не пойму, видимо модуль живет какойто своей жизнью..... ) Подскажите где можно поправить компонент чтобы он не выводил подкатегории на первой странице каталога, после выбора категории вывод нужен. Т.е Зайдя в категорию должен видеть ее подкатегории, а зайдя в них уже сами товары. Заранее благодарен.
|
Михаил Базаров: 11.11.2014 11:14:31
|
Гость сайта: 11.11.2014 11:57:34
<hr /> <?$APPLICATION->IncludeComponent( "bitrix:catalog.top", ".default", Array( "IBLOCK_TYPE" => $arParams["IBLOCK_TYPE"], "IBLOCK_ID" => $arParams["IBLOCK_ID"], "ELEMENT_SORT_FIELD" => $arParams["TOP_ELEMENT_SORT_FIELD"], "ELEMENT_SORT_ORDER" => $arParams["TOP_ELEMENT_SORT_ORDER"], "SECTION_URL" => $arResult["FOLDER"].$arResult["URL_TEMPLATES"]["section"], "DETAIL_URL" => $arResult["FOLDER"].$arResult["URL_TEMPLATES"]["element"], "BASKET_URL" => $arParams["BASKET_URL"], "ACTION_VARIABLE" => $arParams["ACTION_VARIABLE"], "PRODUCT_ID_VARIABLE" => $arParams["PRODUCT_ID_VARIABLE"], "SECTION_ID_VARIABLE" => $arParams["SECTION_ID_VARIABLE"], "DISPLAY_COMPARE" => $arParams["USE_COMPARE"], "ELEMENT_COUNT" => $arParams["TOP_ELEMENT_COUNT"], "LINE_ELEMENT_COUNT" => $arParams["TOP_LINE_ELEMENT_COUNT"], "PROPERTY_CODE" => $arParams["TOP_PROPERTY_CODE"], "PRICE_CODE" => $arParams["PRICE_CODE"], "USE_PRICE_COUNT" => $arParams["USE_PRICE_COUNT"], "SHOW_PRICE_COUNT" => $arParams["SHOW_PRICE_COUNT"], "PRICE_VAT_INCLUDE" => $arParams["PRICE_VAT_INCLUDE"], "PRICE_VAT_SHOW_VALUE" => $arParams["PRICE_VAT_SHOW_VALUE"], "CACHE_TYPE" => $arParams["CACHE_TYPE"], "CACHE_TIME" => $arParams["CACHE_TIME"], "CACHE_GROUPS" => $arParams["CACHE_GROUPS"], "OFFERS_CART_PROPERTIES" => $arParams["OFFERS_CART_PROPERTIES"], "OFFERS_FIELD_CODE" => $arParams["TOP_OFFERS_FIELD_CODE"], "OFFERS_PROPERTY_CODE" => $arParams["TOP_OFFERS_PROPERTY_CODE"], "OFFERS_SORT_FIELD" => $arParams["OFFERS_SORT_FIELD"], "OFFERS_SORT_ORDER" => $arParams["OFFERS_SORT_ORDER"], "OFFERS_LIMIT" => $arParams["TOP_OFFERS_LIMIT"], ), $component );?> должен отвечать за вывод топа как видите if($arParams["SHOW_TOP_ELEMENTS"]!="N"):?> и так говорит что топ выводить не надо что собственно и происходит. Можете указать строки кода отвечающие за вывод подкатегорий на первой странице каталога. Топ я уже отключил), а вот категории нет ( |
Григорий: 26.01.2015 23:59:17
Здравствуйте, Михаил!
Спасибо за отличный и познавательный курс! У меня вопрос по поводу страницы забытого пароля, о которой говорится в самом начале 12 урока. В моем случае в настройках формы авторизации адреса страниц выглядят вот так - Страница регистрации: /registratsiya-klientov/ Страница забытого пароля: /registratsiya-klientov/?forgot_password=yes Вроде все правильно, но при клике по ссылке восстановления пароля попадаю на страницу регистрации ![]() В чем может быть проблема? |
Алексей: 19.03.2015 10:00:39
Здравствуйте.
Михаил скачал Старые шаблоны битрикс для простой верстки установил. Но выводятся за место русских слов иероглифы. [img][img]http://smages.com/thumbs/123xgx.jpg[/img][/IMG] а так же не выводятся дополнительные картинки. |
Михаил Базаров: 19.03.2015 10:12:25
|
Михаил Базаров: 19.03.2015 10:13:22
|
Станислав: 13.04.2015 09:30:01
Михаил приветствую Спасибо за отличные уроки.
Возник вопрос следующего характера ввиду своей не компетенции. Группы сделали, в уроке 12 уроке размер картинки вы выставляете в 100% нам же пришлось уменьшить до 70% при это стало видно что картинки выравниваются по левому краю.. как сделать так чтобы они выровнялись по центру. Тоже самое и с словами (название группы), а также хотелось бы сделать чтобы не только название группы было ссылкой, а и сама картинка. СПАСИБО! |
Михаил Базаров: 13.04.2015 10:04:41
Как правило хватает text-align:center и <center>Тут картинка</center> Но у вас может не помочь- зависит от всей верстки макета |
Михаил: 16.04.2015 10:19:19
Приветствую Михаил.
Такой вопрос. в ваших уроках при заходе в товар наверху видел заголовок этого товара, а у нас почему то нет этого заголовка. И когда редактируем CSS товара item.tovar мы повторили все буква в букву как в вашем уроке, но ничего не происходит... ![]() |
Михаил Базаров: 16.04.2015 13:59:48
Скачайте весь мой шаблон, изучите http://camouf.ru/upload/uroki_bitrix/comp_ass_shab.zip
|
Юлия: 04.05.2015 17:23:27
Добрый день!
Можно ли в каталоге для товаров, в которых не заполнено поле подробное описание, не создавать отдельную страницу и ссылку на неё? Т.е. если написано описание, то страница детального просмотра есть, если не заполнено то не создается страница и ссылка не неё на товаре http://prntscr.com/71f5uy |
Михаил Базаров: 05.05.2015 07:42:10
|
Виктор: 19.05.2015 15:04:23
Михаил здравствуйте. Во первых хочу вам сказать спасибо за ваши уроки. Они очень хорошие и вы все очень хорошо и доходчиво объясняете. Но все же позвольте задать вам один вопрос. В 12уроке где мы выводим свойства цена при помощи функции $arResult['DISPLAY_PROPERTIES']['ATT_PRICE']['DISPLAY_VALUE'];?> у меня почемуто не показываеться цена. Хотя с остальными свойствами такими как ATT_OZU, ATT_BRAND и так далее прекрасно работает. не реагирует только на цену. Не подскажете в чем может быть дело? Заранее боагодарен.
![]() ![]() ![]() |
Блог-note: заметки разработчика
Определить местоположение пользователя и показать на карте
Задача определить местоположение текущего пользователя и показать его на карте, с меткой. Сделать можно с помощью класса...
Как работает система сертификации партнеров 1С-Битрикс, уровни партнеров и специалистов
Сертификация от «1С-Битрикс» – это объективная оценка знаний и практических навыков разработки проектов на платформе от ...
Автоматически помечаем новинки лейблом в каталоге битрикс
Если вы хотите помечать новинки каталога, вашего магазина на Битрикс, лейблом "Новинка". И так, что бы это происходило а...
Вывести свойство привязка к Яндекс Картам в Битрикс
Часто бывает нужно вывести свойство привязка к Яндекс карте в детальном описании элемента. Например в детальной новости ...
Фотогалерея на шаблоне новостей в 1С-Битрикс
Частенько стоит задача, по мимо стандартных "Картинка для анонса" и "Детальная картинка", добавить в...
Пункты меню из разделов инфоблока Битрикс
В принципе это стандартная возможность системы управления битрикс, но почему-то часто спрашивают как это сделать. Возмож...
Установка поиска Sphinx на Ubuntu 22.04 для 1С-Битрикс
Задача: установить и сконфигурировать поиск Sphinx под управлением Ubuntu 22.04 и панели управления HestiaCP для использ...
Создание PWA для сайта на 1С-Битрикс
Технология PWA позволяет создать приложение для любого сайта. Не обязательно работающего на 1С-Битрикс, данная заметка ...
CAPTCHA с возможностью обновления без перезагрузки страницы в 1C-Битрикс
Задача: Так как стандартная капча в 1С-Битрикс, может отобразиться не удачно (символы уходят за грань капчи или не у...