Серия 5: Начало верстки основного шаблона сайта. Как работают шаблоны компонентов.

Внимание! Все сообщения на форуме проходят модерацию. Ваше сообщение появится после проверки.

Михаил Базаров: 11.07.2023 06:00:00

Серия 5: Начало верстки основного шаблона сайта. Как работают шаблоны компонентов.

Чеклист:

Настраиваем PhpStorm для работы с 1С-Битрикс.
Накидываем верстку шапки и как работают шаблоны компонентов.
Включение вывода ошибок в 1С-Битрикс.
Выводим компоненты на главную страницу.

Михайл: 11.07.2023 06:00:00

Здравствуйте.
К сожалению к 4му уроку не смог добавить комментарий, видимо уже закрыты.
Попробую спросить здесь.

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

Михаил Базаров: 11.07.2023 09:00:00

Цитата

Михайл написал:
Здравствуйте.
Подскажите пожалуйста, есть ли возможность создавать свойства к информационным блокам (атрибуты товаров) в разрезе категорий. При широком ассортименте товаров у меня получается несколько тысяч свойств, и я начинаю с этим путаться.

Вот тут ответ, там в принципе ни чего не изменилось с тех пор
https://www.youtube.com/watch?v=1KP1cWM26tU

PS Комментарии починил, не правильная настроечка была)

Гость: 23.02.2024 10:00:00

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

Михаил Базаров: 25.02.2024 04:00:00

Цитата
Гость написал: добавить материал, о том как реализовать переключатель валют.В каталоге и в корзине добавить интерфейс с выбором валюты, по нажатию на который, цена отображается в новой валюте

https://bazarow.ru/blog-note/16708/

Гость: 21.05.2024 02:00:00

Добрый день
Михаил Базаров, повторял действия по верстке до 22:37 минуты, но результат отличается от полученного вами (верстка скомпоновалась не корректно). В видео все действия без обрезки?

Михаил Базаров: 21.05.2024 10:00:00

Уже не вспомню, но по моему ни чего не обрезал. В этой серии приложен архив с версткой
https://bazarow.ru/video/video_new/seazon_1_2023/seriya-7-conten-caresel/

Гость: 10.07.2024 10:00:00

Михал, подскажите где то есть описание всех компонентов битрикса, чтобы понять какой лучше в определенном случае.

Михаил Базаров: 10.07.2024 11:00:00

Вот тут описание 95-ти % компонентов, с подробным описанием каждого.
https://dev.1c-bitrix.ru/user_help/components/index.php

Гость: 20.05.2025 02:00:00

У меня почему то компоненты созданные через код (поиск и корзина) на странице сайта в режиме редактирования не выводят свое контекстное меню редактирования - я не могу с ними ничего делать . что за глюк? Пи этом с соновням мнею каталога все ок, его шаблон я могу в режиме раедактирования править

Гость: 24.11.2025 08:00:00

Есть код захардкожен в шаблон детального просмотра news.list...тра та та ..

Код
<script> $(document).ready(function(){ $('section.main-content .top').css({'background-image':'url("<?=$arResult['DETAIL_PICTURE']['SRC']?>")'}); });</script>

он из поля Детальная картинка новости распологает вверху страницы бэкграунд картинку.
Cейчас это перестало устраивать так как на мобильной версии сильно тянет ее и не красиво. хочу добавить еще поле с картинкой назвать поле mod_foto в инфоблоке.
Вопрос: что добавить за проверку чтоб если с мобили открыт- отображать бэкграунд из поля mod_foto иначе оставлять как сейчас - из детальной картинки? заранее спасибо!!!

Михаил Базаров: 26.11.2025 08:00:00

Можно проверять разрешение и подставлять нужную картинку
На 768 покажет мобильную картинку

Код

$(document).ready(function(){
    let bgDesktop = 'url("<?=$arResult['DETAIL_PICTURE']['SRC']?>")';
    let bgMobile  = 'url("<?= Cfile::GetPath($arResult['PROPERTIES']['MOD_FOTO']['VALUE'])?>")';

    if (window.matchMedia("(max-width: 768px)").matches) {
        $('section.main-content .top').css({'background-image': bgMobile});
    } else {
        $('section.main-content .top').css({'background-image': bgDesktop});
    }
});

BBCode Правила

Форма ответов