gruphepsi.us - Новое / bitrix как сделать шаблон Почтовые события и шаблоны в 1С-Битрикс


Как сделать шаблон для битрикса

Решил я сделать не большой гайдик по интеграции шаблона в 1С:Битрикс.

Шаг первый - области.

Первым делом нужно условно разделить наш шаблон на области, в которые мы будем встраивать компоненты Битрикса.

Это делается для простоты работы по шаблону.

Шаг второй - файлы и папки.

В папке битрикса перейдем в папку templates и создадим новую папку, например main. Внутри нее создадим файлик description.php со следующим содержанием:

<?$arTemplate битрикса = array( "NAME" => "Main tamplate", "DESCRIPTION" => "Основной шаблон сайта", "SORT" => "", );?>

Создадим еще парочку пустых страниц footer.php, header.php, template_styles.css. Если на сайте есть изображения, то папочку images. В файл template_styles.css заливаем все стили шаблона, в папку images изображения.

Далее заходим в админку Битрикса в Настройки > Настройки продукта > Сайты > Шаблоны сайтов вибираем наш шаблончик main и закидываем туда весь код макета.

Шаг третий - интеграция.

В код основного шаблона в шапке вставим следующее:

<?$APPLICATION->ShowHead()?> <title><?$APPLICATION->ShowTitle()?></title> <link href="<?=SITE_TEMPLATE_PATH?>/template_styles.css" rel="stylesheet" type="text/css" /> <?$APPLICATION->ShowPanel();?>

В месте вывода основного контента вставьте #WORK_AREA#.

<div id="main_column"> #WORK_AREA# </div>

На место меню вставляем:

<?$APPLICATION->IncludeComponent( "bitrix:menu", "", Array( ) );?>

В список новостей:

<?$APPLICATION->IncludeComponent( "bitrix:news.list", "", Array(), false );?>

В поиск:

<?$APPLICATION->IncludeComponent( "bitrix:search.form", "", Array( ) );?>

Первое что у нас по списку это меню, сохраним шаблон компонента и немного его изменим согласно нашему шаблону. Дефолтные стили меню удаляем сразу, и вместо него вставляем стили, предназначенные для верхнего меню и общего списка стилей. Код самого компонента подгоняем как у шаблона. У меня код получился такой.

<ul> <? foreach($arResult as $arItem): if($arParams["MAX_LEVEL"] == 1 && $arItem["DEPTH_LEVEL"] > 1) continue;?> <?if($arItem["SELECTED"]):?> <li><a href="<?=$arItem["LINK"]?>" class="current"><?=$arItem["TEXT"]?></a></li> <?else:?> <li><a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a></li> <?endif?> <?endforeach?> </ul>

По такому же принципу делаем нижнее меню. Пока что у нас должно получиться что то вроде этого.

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

/...верх компонента.../ <div class="news_section" id="<?=$this->GetEditAreaId($arItem['ID']);?>"> как сделать шаблон для битрикса <?if($arParams["DISPLAY_PICTURE"]!="N" && is_array($arItem["PREVIEW_PICTURE"])):?> <img class="preview_picture" src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>" alt="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>"/> <?endif?> <?if($arParams["DISPLAY_NAME"]!="N" && $arItem["NAME"]):?> <h3><?echo $arItem["NAME"]?></h3> <?endif;?> <?if($arParams["DISPLAY_PREVIEW_TEXT"]!="N" && $arItem["PREVIEW_TEXT"]):?> <p> <?echo $arItem["PREVIEW_TEXT"];?> <a href="<?=$arItem["DETAIL_PAGE_URL"]?>">Read more...</a> </p> <?endif;?> </div> <div class="button bottom_02"><a href="/news/full_list.php">All news</a></div> /...низ компонента.../

Переходим к форме поиска. Стили можно оставить в основном шаблоне сайта или же подключить в самом компоненте.

<link rel="stylesheet" href="<?=$component->__template->GetFolder()?>/style.css">

Код компонента я тоже немного урезал.

<div class="content"> <form action="<?=$arResult["FORM_ACTION"]?>"> <input class="inputfield" type="text" name="q" value=""/> <input class="submitbutton" name="s" type="submit" value="<?=GetMessage("BSF_T_SEARCH_BUTTON");?>" /> </form> <div class="cleaner"></div> </div>

На этом наш план по внедрению компонентов закончен. Архив с шаблоном можно скачать в конце статьи.

Комментарии

© DevLoyalty 2017 ·

Made with in Ivanovo


Источник: http://www.devloyalty.com/blog/create-bitrix-template


Закрыть ... [X]

Битрикс. Разные шаблоны для разных страниц Блог интересностей Покраснения белка после наращивания ресниц

Как сделать шаблон для битрикса Создаём шаблон 1С-Битрикс на базе Bootstrap вёрстки / Хабрахабр
Как сделать шаблон для битрикса Как создать шаблон для сайта на 1С-Битрикс forwww Блог для
Как сделать шаблон для битрикса Как самостоятельно установить шаблон для 1С Битрикс?
Как сделать шаблон для битрикса Страница битрикс - ДОБАВЛЕНИЕ по ШАБЛОНУ
Как сделать шаблон для битрикса Верстка шаблонов для Bitrix Веб-разработка
Как сделать шаблон для битрикса Как лучше создать шаблон битрикса?
Как сделать шаблон для битрикса Создаем шаблон под 1С:Битрикс
Как сделать шаблон для битрикса Создаем шаблон на битрикс
Как сделать шаблон для битрикса 35 лет совместной жизни: какая свадьба, что дарить
Cached Америка Сингер: цитаты персонажа fo: цитаты и Все коллекции JIM THOMPSON - ARTE DOMO Играем в салон красоты купить на Яндекс. Маркете Как НОВИЧКУ связать кардиган-бомбер. Мастер класс от новичка! Классные цитаты и статусы