В этой заметке я расскажу, как можно «прикрепить» изображение к пунктам меню на сайте под управлением CMS «1С-Битрикс». На самом деле в том нет ничего сложного, но меню с иконками в некоторых случаях выглядит более интересно, чем без них.

При разработке одного сайта, передо мной встала следующая задача: нужно было создать компонент для быстрого подбора элементов каталога и разместить его на каждой странице сайта. Результат его работы должен был отображаться на отдельной странице. Немного подумав, я понял, что этот компонент очень похож на стандартные фильтры, реализованные в системе «1С-Битрикс», но из-за особенностей их работы они мне не подходили. В этой статье я опишу процесс поиска решения этой задачи. Возможно, он будет полезен другим разработчикам, если они столкнуться с аналогичным заданием. Все изыскания я проводил на демо-версии системы. При установке ее на локальный веб-сервер, я выбрал вариант «для разработчиков». Сразу хочу предупредить читателя, что мое решение не является идеальным, может быть вы сможете придумать что-то лучшее. Возможно, статья покажется вам сложной для понимания, поэтому читайте внимательней, я постараюсь объяснить здесь тонкости разработки компонента как можно проще.

Как известно, процесс разработки сайта на «1С-Битрикс» можно организовать разными способами: например, использовать локальный веб-сервер («Битрикс веб-окружение», Denwer, OpenServer ) или разрабатывать прямо на хостинге.

В этой небольшой заметке я расскажу, как можно установить Битрикс на хостинг, то есть воспользуюсь вторым способом из перечисленных выше.

Если есть возможность устанавливать разные значения заголовка окна браузера и заголовка страницы сайта, то это дает определенное удобство для SEO-оптимизации. В этом случае, веб-мастер может размещать разные ключевые слова в заголовке окна браузера и в заголовке страницы. В этой заметке я расскажу, как можно установить разные значения HTML-элемента <title> и заголовка страницы на сайте под управлением «1С-Битрикс».

Как известно, в элементах инфоблока 1C-Битрикс можно использовать изображения, которые будут выводиться в анонсе и подробном содержимом элементов. В настройках инфоблока можно настроить уменьшение загружаемых изображений до определенного размера по ширине и высоте. Правда, из-за соблюдения пропорций при уменьшении добиться указанного размера и по ширине, и по высоте средствами системы не представляется возможным. Это проиллюстрировано на рисунке ниже. Однако добиться желаемого размера можно попробовать другим способом – это будет сделано путем кадрирования изображений при помощи CSS, о чем я сейчас расскажу подробнее.