Определение шаблона сайта по своей логике в 1С-Битрикс
В этой заметке я хочу рассказать о технологии LazyLoad или в простонародье «ленивая загрузка» в Битриксе. Метод, описанный мной, будет точно работать в компонентах catalog.section и news.list.
1C-Битрикс. Кастомизация нового шаблона компонента sale.order.ajax
С выходом нового шаблона компонента sale.order.ajax на форумах битрикса разгораются возмущения и недомения. Мол, теперь код всего шаблона на JavaScript и как его кастомизировать непонятно. На самом деле да, код js-скрипта составляет почти семь тысяч строк. Сходу в таком количестве кода, даже хорошо написанного (к сожалению, битрикс этим не балует), соблюдая паттерны программирования, будет непросто.
В этой заметке я покажу способ, как можно кастомизировать основной скрипт логики шаблона оформления заказа (order_ajax.js), не прибегая к его правке. Что нам это даёт? Когда прилетят очередные обновления шаблона, мы просто заменим его и всё. Все наши кастомизации будут работать (в теории).
1С-Битрикс. Пишем человеческий шаблон многоуровнего меню каталога
Не буду писать про боль при интегации дефотного шаблона. Давайте просто напишем свой, с блекджеком и вот этим всем.
Как узнать, какой компонент используется на странице сайта в 1C-Bitrix?
Для отладки компонентов или внесения в них необходимых изменений (тем более не на своем сайте или на сайте, который делали не вы) необходимо узнать, какой же компонент выводится на той или иной странице.
Сделать это можно следующим несложным способом.
2. Перейдите на страницу сайта, где необходимо исследовать компоненты. В появившейся верхней панели включите «Режим правки» и после этого нажмите «Развернуть»:

В разделе «Отладка» выберите пункт «Статистика включаемых областей»:

3. Теперь, после перезагрузки страницы, вы увидите контент сайта и название компонента, который выводит те или иные данные.
Наведите курсор на одну из областей и нажмите на иконку редактирования:

Перед вами откроется модальное окно:

В нем при нажатии на название компонента можно перейти непосредственно к самим файлам компонента, где можно внести необходимые вам изменения.
Как узнать какой шаблон использует сайт битрикс
Разместили на сайте спамный скрипт с редиректом на спамный сайт, не могу найти файлик куда могли засунуть. 
в директории /bitrix/header не нашел, все index.php перешерстил, где были убрал, но все равно от куда то подгружается, какие могут быть варианты?
- Вопрос задан более года назад
- 683 просмотра
- Вконтакте

- Вконтакте

Как узнать, какой компонент используется на странице сайта в 1C-Bitrix?




Где найти шаблон компонента?
Хочу отредактировать название, но не знаю где его изменить? Может он идет как шаблон, раз.
Где лежит шаблон страницы ?
Не могу найти где лежит код данной страницы, нужен участок когда обеденный красным Я уже и по.
Урок 3. Создание шаблона 1С Битрикс (Foundation)
403 Forbidden You don’t have permission to access / on this server

Отлично! Начнем свое повествование с ошибки )). Дело в том, что я сам растерялся получив эту ошибку, уже думал у меня перестало работать Веб-окружение Битрикс или порт заблокировался. Но оказалось все проще, мы просто в прошлом уроке удалили файл index.php из папки сайта, а сервер по умолчанию не дает просматривать содержимое папки и выдает ошибку доступа.
По этому чтобы больше не пугаться и не пугать вас проверим работу веб-сервера apache командой phpinfo() .
Для этого создадим в корневой папке нашего проекта файл index.php и заполним его простым содержанием.

Вот такой у нас будет файл. И теперь если выполнить открытие сайта через веб-окружение мы уведем информацию о настройках php.
Устройство шаблона Битрикс
Минимальный набор шаблона Битрикс
- description.php— файл описания шаблона. Это описание будет отображаться в административной части битрикс (в админки).
- styles.css — это стили которые будут использоваться при редактировании контента (нужен контент менеджеру, у нас будет пустым)
- template_styles.css — основной файл css-стилей шаблона (в нем будем создать собственные стили)
- header.php — файл содержит шапку шаблона
- footer.php — файл содержит подвал шаблона (в этих файлах мы будем редактировать шаблон)


Т.е. все что выше разделителя #WORK_AREA# попадает в header.php, а что ниже в файл footer.php. Вместо разделителя выводится контент сайта через какой-либо компонент, например news (новости).
Не очень понятная структура скажете вы. И я соглашусь. Например, в joomla примерно такое же устройство шаблона, как и в Bitrix, как бы это было не парадоксально. Но файл шаблона один, а вывод контента сделал через вызов специального компонента. Почему так не сделал Битрикс? Я думаю такое устройство шаблона эта дань традициям, ведь Битрикс поддерживает совместимость со всеми предыдущими своими редакциями. И в связи с этим они не могут поменять структуру шаблона, как основу проектирования сайтов.
И чтобы у нас хоть что-то начало открываться давайте отредактируем файл index.php в корне сайта, заполнив его таким содержимым.
<?
require($_SERVER[‘DOCUMENT_ROOT’].’/bitrix/header.php’);
$APPLICATION->SetTitle(«Главная»);
?>
<h1>Магазин Start Shop</h1>
Внедрение собственной верстки в шаблон Битрикс
Копирование исходников шаблона
Теперь нужно подключить добавленный шаблон в админки Битрикса. Авторизуемся если вы этого ещё не сделали добавив адресной строке к адресу сайта bitrix/ . Например так http:/localhost:6449/bitrix/. Затем нужно авторизоваться, перейти в раздел администрирования Настройки продукта — Сайты — Список сайтов. Выбрать единственный сайт и открыть его на изменение.

В открывшийся форме Параметры сайта выбрать наш единственный шаблон.

Нажать Сохранить.
Но наша страничка не изменится. Во-первых в индексной страничке нет никаких данных, а во-вторых пока что в файлах Битрикс шаблона header.php и footer.php у нас пусто. Заполнением их мы и займемся в первую очередь.
Верстка шаблона Битрикс

Зеленым квадратом выделены данные которые попадут в шапку (header.php), синим, то что попадет в подвал (footer.php) и желтым выделен контент, т.е. то что будет выводится компонентом Битрикс, который мы разместим в файле index.php. При навигации по сайту переходя в разделы шапка и подвал будут оставаться всегда одинаковыми, а контент меняться на вывод содержимого файла index.php того раздела в который вы перешли.
Чтобы открыть файлы, которые мы будем верстать я их специально оставил в шаблоне. Это два файла ecommerce-grid-x.html и product-page-grid-x.html. Вы можете их просто открыть двойным кликом мыши в браузере. Использоваться в работе шаблона они не будут, но мы будем из них брать верстку и помещать в файлы шаблона Битрикс. Ну и сравнивать результат.
<!doctype html>
<html lang=»en»>
<head>
<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>
<title><?$APPLICATION->ShowTitle();?></title>
<?$APPLICATION->ShowHead();?>
<link rel=»icon» href=»<?=SITE_TEMPLATE_PATH?>/ico/favicon_bx.png»>
$APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH . ‘/js/vendor/jquery.js’);
$APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH . ‘/js/vendor/foundation.min.js’);
?>
</head>
- <title><?$APPLICATION->ShowTitle();?></title> — здесь мы определяем заголовок сайта, который задан в админки Битрикс.
- <?$APPLICATION->ShowHead();?> — выводим все необходимые объявления Битрикс в <head>. Это и стили Битрикс для административной панели, и подключения его скриптов и другие файлы о которых можно пока не задумываться.
- <link rel=»icon» href=»<?=SITE_TEMPLATE_PATH?>/ico/favicon_bx.png»> — здесь мы подключаем фавикон. SITE_TEMPLATE_PATH это ещё одна глобальная переменная которая будет подменена на путь к папке текущего шаблона.
- $APPLICATION->SetAdditionalCSS(SITE_TEMPLATE_PATH.’/css/foundation.css);— этой строкой мы подключаем стили.
- $APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH . ‘/js/vendor/foundation.min.js’);— а так мы подключаем скрипты JavaScript.

Ну а теперь вставим код меню, который в последствии мы заменим на вызов компонента Битрикс.
Код:

Вот такая панель появляется вверху если пользователь авторизовался, как администратор. Очень удобно и в дальнейшем мы её будем постоянно пользоваться.
.
На этом пока работу с head.php закончим и перейдем к foter.php. В подвал мы скопируем конец файла нашего исходного примера ecommerce-grid-x.html.
Код:
<div >
<div >
<div >
<h5>Vivamus Hendrerit Arcu Sed Erat Molestie</h5>
<p>Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit.</p>
</div>
<div >
<ul >
<li><a href=»#»>One</a></li>
<li><a href=»#»>Two</a></li>
<li><a href=»#»>Three</a></li>
<li><a href=»#»>Four</a></li>
</ul>
</div>
</div>
</div>

Собственно все, шаблон внедрен. Дальше остается внедрять компоненты Битрикс, но это уже в следующих статьях.
От автора:
Уже что-то готово. Мы познакомились с основой основ Битрикс — шаблонизатором. В следующем уроке мы создадим стрктуру нашего сайта и выведем главное меню через соответствующий компанент. Подписывайтесь не пропустите новых статей.