Что находится bitrix html pages
Перейти к содержимому

Что находится bitrix html pages

  • автор:

Где в Битриксе находится html главной страницы?

На сайте, на всех страницах кроме главной, надо поменять задний фон. Сайт на Битриксе. На главной странице нужно только немного изменить код, но я не могу его найти. css есть, а html нет. Где искать файл с исходным кодом главной в Битриксе?

  • Вопрос задан более трёх лет назад
  • 38480 просмотров

Комментировать
Решения вопроса 1

babarun

Алексей Емельянов @babarun Куратор тега 1С-Битрикс
Безумный план моих идей в руках больных людей

Тело главной страницы находится здесь $_SERVER[‘DOCUMENT_ROOT’].’/index.php’.

Если вам нужно добавить стили только для главной страницы сайта, то проще всего добавить в шаблон сайта условие:

GetCurPage(true); if ( $curPage == SITE_DIR."index.php" )  ?>

вообще лучше стили вынести в отдельный файлик:

Ответ написан более трёх лет назад
Нравится 3 2 комментария
dm @Chekhoved Автор вопроса

Спасибо. Вставил код php со стилем и все получилось. Понимаю, что стили лучше в отдельном файле, но мой уровень знаний советует не лезть куда не очень понимаю, то есть в Битрикс.

Где искать исходный html в Битриксе?

Author24 — интернет-сервис помощи студентам

Добрый день.
С помощью инструментов разработчика в Хроме (Ctrl + U) вижу исходный код страницы, который хочу отредоктировать.
А через админку не могу его найти. Есть ли где-то код в том же виде как и в панели раззработчиков? Там только php нахожу, но он другой.

Лучшие ответы ( 1 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Где в битриксе шаблон сайта?
Подскажите где в админке битрикса можжно найти шаблон сайта? я нашел только Настройки — Шаблоны.

Где в битриксе находятся скрипты на корзину?
Ребята помогите пожалуйста. программист который делал сайт переехал в другой город, новый только.

Где искать html главной страницы?
Сайт: www.avangard-plitka.ru Нужно внести изменения в код главной страницы. Вопрос простой: где.

Подскажите где искать и что искать
Необходимо реализовать простенький на мой взгляд скрипт. Он должен выполнять следующее: Зашел.

433 / 352 / 259
Регистрация: 29.11.2011
Сообщений: 628

1. Включаете режим «Правки», на странице появятся области выделяемые рамками серого цвета.
2. Наводите курсором мыши на необходимую область (компонент) — появится меню с иконкой «шестеренки», кликаете чуть правее на выпадающий список, и в открывшемся меню выбираете «Редактировать шаблон компонента».

Регистрация: 27.11.2014
Сообщений: 8

Таким способом можно редактировать только отдельные компоненты страницы, а мне надо изменить саму страницу. Конкретнее: у меня футер состоит из двух блоков, стоит задача обернуть его в div, чтобы был один общий блок.

433 / 352 / 259
Регистрация: 29.11.2011
Сообщений: 628

Лучший ответ

Сообщение было отмечено Iceland как решение

Решение

ЦитатаСообщение от Iceland Посмотреть сообщение

мне надо изменить саму страницу. Конкретнее: у меня футер

1. Определяете название шаблона вашего сайта
2. В файловом менеджере битрикса (или по FTP) находите папку с названием шаблона сайта, и редактируете футер.

451 / 417 / 115
Регистрация: 15.02.2012
Сообщений: 1,837

через файловый менеджер битрикса я бы не рекомендовал менять файлы footer и header, особенно ни в коем случае не использовать визредактор(чревато последствиями). Шаблон сайта лучше редактировать или через настройки-сайты-шаблоны сайтов или через FTP.

87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

Как искать html код
Требуется искать сайты по html коду. Есть ли какая нибудь возможность через пс или программно с.

Где искать единомышлеников?
Добрый день. Итак — я тупой глупый школьник, которому приспичело побыть мега крутым.

Где искать резистор
Сгорел резистор на сабвуфере 1.8 KОм, +/-5%, есть несколько блоков питания и много материнских.

Где искать вреда?
такая ерунда — вчера решил поставить на комп браузер Амиго, да видно скачал какой то левый. как.

Или воспользуйтесь поиском по форуму:

Верстка под битрикс и создание шаблона – особенности, проблемы, рекомендации

«Верстка для 1c-bitrix» — несколько преувеличенное высказывание, потому как любой html-макет можно адаптировать в шаблон для этой CMS. Но, не смотря на это, я попробую выделить несколько характерных особенностей, которые помогут при шаблонизации. А также будут рассмотрены некоторые типичные ошибки, приводящие к искажениям представления сайта в режимах «редактирование» и «разработка».

Чуть ли не половина проблем связана со всеми любимым старичком IE 6. Отказываться от него рано, он уверенно держит свои несколько % пользователей, к тому же его поддержка официально заявлена самим разработчиком. Хоть в 9й версии и обещают отказаться.

Общие принципы размещения стилей

В шаблоне битрикса по умолчанию под стили отводится 2 файла:

— в styles.css следует размещать правила, которые будут использоваться для оформления контента. Стили из этого файла подключает визуальный редактор. Желательно, чтобы правила styles.css не использовали имена классов\идентификаторы внешних по отношению к контенту блоков.

Например, пусть код html выглядит так

 

text

где в редактор передается содержимое div. Тогда абзац со стилем

при изменении будет показан красным цветом, в то время как с правилом

#main p

в редакторе текст отобразится цветом по умолчанию.

— в template_styles.css складываем все что связано с разметкой самого шаблона

На этапе верстки можно сразу наполнять оба файла, что ускорит работу в дальнейшем.

Названия стилей

Категорически не советую использовать имя класса .title – сложно понять, зачем разрабы назвали так заголовок диалогового окна визуального редактора.

В одной из тем форума писали что класс .mail вызвал ошибку «Не удалось обнаружить код вызова компонента». Воспроизвести ошибку не удалось, так что пользоваться можно без опаски. Оставил тут как пример непредсказуемости битрикса:)

Плавающие блоки в режиме разработки

По возможности для обтекаемых элементов следует задавать явную ширину. Если это не делать и в такой блок поместить компонент\включаемую область, то IE6 растянет его на 100%, сдвинув все остальные вниз.

Часто эксплорер смещает блоки друг под друга даже с фиксированными размерами. Такое происходит когда их сумма по горизонтали равна ширине родительского контейнера. Лечится несколькими способами:

#parent_block .bx-component-border

Для всех компонентов из внешнего блока ставим автоматическую ширину пунктира выделения. Срабатывает не всегда.

#parent_block .bx-component-border

Действует безотказно, но теряется пунктир вокруг компонентов слева и справа.

Overflow:hidden

Mozilla в элементах с этим свойством не показывает иконку компонента, если он находится вверху блока. Исправить можно сместив иконку вниз правилом

#parent_block .bx-component-panel

Фоновые изображения

Содержимое сайта в режиме разработки смещается относительно фона, если его установить для контейнера body. Следовательно бакграунд лучше ставить на первый вложенный блок.

Если IE6 не показывает фон какого-либо элемента, обычно помогает установка для него position:relative.

PS: у Вас может возникнуть вполне логичный вопрос – зачем нужны эти костыли для административных режимов да еще и в устаревшем браузере. Ответ прост – когда делаете для себя и точно знаете чем будете пользоваться, можно на многое закрыть глаза. При разработке сайтов на заказ, на мой взгляд, нужно делать максимально совместимые решения.

Больше статей и материалов по web-разработке в tg-канале — подписывайтесь!

30 комментариев “ Верстка под битрикс и создание шаблона – особенности, проблемы, рекомендации ”

а вообще, в битриксе возможна настоящая дивная верстка, не смешанная с таблицами? и на сколько это правильно и валидно — смешивать таблицы с версткой?

Делать шаблоны для битрикса из верстки на дивах можно. Как впрочем и из табличной.
Что касается смешивания — валидность будет зависеть только от качества верстки. А семантичным считается использовать таблицы для представления данных, но не создании структуры.

эх, HTML код съелся

Владимир Куликов
1. Если есть возможность отказаться от position:absolute, то можно его убрать и все будет хорошо
2. Если нельзя, то блок art-page-background-simple-gradient нужно поместить в контейнер со свойством position:relative. В Вашем случае это будет выглядить примерно так:
ShowPanel()
[div style=»position:relative; height:0; line-height:0; font-size:0;»]
[div [/div]
[/div]
Возможно я ошибусь, т.к. не видно структуры документа.. Если не получится, пишите код на alexeyvaleev[sobaka]gmail.com

Спасибо! Получилось похоже.
Так же спасибо за полезные блоги. Занес давно уже в избранное.
Wolf11 22.03.2010

Скажите, если, например, тэг h1 по-разному описать в template_styles.css и styles.css и этот h1 используется как шаблоне так и в workarea. То как он будет отбражаться на сайте? В шаблонной части как описан в template_styles, а в контенте как в styles?

Wolf11: и в шаблонной части и в контентной будет отображаться как написано в template_styles. Стили template_styles переопределяют (или дополняют) стили, которые находятся в файле styles.css. Смысл styles.css в том, что он подгружается и используется визуальным редактором, также для правил из него можно сделать текстовое описание

Wolf11 23.03.2010

Просто назначениt этого style.css мне сначало было не совсем понятно и я его не использовала. Теперь после Вашей статьи до меня дошло и я вот не знаю, стоит ли теперь разделять стили или забить на это дело…
А ещё скажите, пожалуйста, как взаимодействуют стили из компонентов? Их тоже может переопределять template_style?

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

Алексей, можете ли вы написать полную статью адаптирования html шаблона под битрикс? Например, взять любой корпоративный темплейтмонстровский шаблон и прикрутить его к системе, чтобы всё работало?

@Сергей: желание написать статью есть, знаний тоже вроде хватает, но, главная проблема — время. Публикации несомненно будут, вопрос только как скоро.

@Алексей, я мог бы помочь в написании, правда я только изучаю эту систему и прохожу сертификацию 🙂
Мне приходилось работать со многими цмс и адаптировать свои дизайны по их структуру и вот я добрался до битрикса… честно говоря сразу не разобрался)) Привык вручную код вносить, а здесь визуальный какой то редактор, вот и непонятно стало что к чему, начал разбираться 🙂 Очень помогла статья «Образцы вызова стандартных компонентов», хорошо написана 😉

kliman 13.06.2010

Алексей, огромное спасибо за Ваш блог…очень помогает. Присоединяюсь к просьбе Сергея, такой мануал очень сильно помог бы.

Dmitry 07.10.2010

Как сделать чтобы цвет фона в визуальном редакторе был не белый, а другой? Никак не могу разобраться!

Dmitry, в styles.css надо прописать body < color:#код_цвета >
Галина 31.08.2011

Здравствуйте, Алексей, подскажите, будьте добры, в хорошо(всмысле без битрикс все отображается как надо) сверстанной страничке, при создании шаблона на ее основе, съезжает левая колонка далеко за пределы экрана, но при включенном режиме правки она возвращается на место, которое ей было отведено…с чем такое поведение может быть связанно??

Галина, с большой вероятностью в каком-нибудь из шаблонов компонентов есть лишний закрывающий тег (div например). В режиме разработки компоненты обрамляются тегами в виде рамки с помощью битрикса и лишний тег игнорируется.

Алексей, здравствуйте. Хочу прояснить для себя один момент. Можно ли на Битрикс содать главную страницу с одним шаблоном(с более высоким заголовком так как это должна быть страница в виде рекламки на компанию с описанием о ней) а на всех остальных(так как они должны показывать товар интернет магазина ) использовать другой шаблон. Если это можно реализовать то каким образом. Макет странички главной могу вам прислать для большей видимости.
В указаном сайте мне необходимо сделать редизайн и болеее верно настроить левое меню для выбора товара.

Татьяна, здравствуйте! Смотрите, для решения вопроса с разными заголовками для главной и остальных страниц есть несколько методов:
0. Установить «Свойство» страницы или раздела и затем это свойство проверять в шаблоне.
1. В шаблоне сайта сделать проверку на главную страницу $APPLICATION->GetCurPage(true)==»/index.php» и навешивать отдельный класс на заголовок. Минус метода — если захочется добавить еще каких-нибудь отличий главной на уровне шаблона, то придется лепить подобные проверки еще, а это уже нехорошо.
2. Скопировать шаблон, поменять стили и подключить для главной из админки. Минус — нерационально для таких малых изменений. Плюс — шаблон можно изменить до неузнаваемости:)

Алексей спасибо. Я буду пробовать. Битрикс только изучаю и нужно сделать редизайн в конкретный проект.

Алексей, подскажите пожалуйста. Вставляю верстку в битрикс (сайт ipoonline.ru). Вроде все ок, админ-панель выводится как надо. Но все диалоги редактирования компонентов при разворачивании на весь экран (а так по умолчанию открывается редактирование включаемых областей) — отображаются в самом верху страницы (при этом скролл блокируется). В итоге получается, что расположенные внизу страницы включаемые области я не могу вообще отредактировать. Танцы с бубнами с правкой стиля top у элемента DIV, который содержит редактор включаемой области, с помощью встроенного в браузер инструментария — опустим — нужно починить как-то базовый функционал. Почему так может происходить? Сразу отмечу, DIV в котором лежит редактор включаемой области не содержит никаких лишних определений свойств из шаблона сайта.

Andrey 13.10.2012

Алексей, подскажите пожалуйста, что-то я заморочился с примером в начале статьи, когда текст «будет показан красным цветом» или «цветом по умолчанию». Смоделировал ситуацию, сначала записал в пустой styles.css код p и в редакторе все отобразилось красным. Потом styles.css изменил на #main p и в редакторе текст все равно остался красным, а не как у вас написано «цветом по умолчанию». Или я что-то не так понял? Поясните пожалуйста для начинающего. 🙂

Алексей Валеев Автор записи 17.10.2012
Такое возможно, если код является частью страницы, а не шаблона.

Установила битрикс, все достаточно клево, практически сразу после установки получаем готовый рабочий интернет магазин.

serzhei 30.08.2013

подскажите пожалуйста, вытащил из битрикса html страницу со всеми ее стилями чтобы на компьютере доверстать, устанавливаю на ссылку фоновую картинку а она не применяет а просто цвет применяется, классы точно не пересекаются. стиль подключил свой собственный. пробовал уже убирать остальные стили оставался только мой подключенный, все равно не показывает фон. если прсто в хтмл установить картинку она отображается вот фон нет. подскажите пожалуйста в чем может быть пролема

Алексей Валеев 31.08.2013

serzhei, сейчас во всех браузерах есть средство просмотра примененных стилей. Проще всего это сделать в FF firebug.

Вставил body < color:#код_цвета >но цвет фона не поменялся 🙁

Приветствую, Алексей!
В шаблоне есть вывод банера на главной странице через GetCurPage(false)==SITE_DIR):?>. Как сделать чтобы банер выводился на всех страницах включая главную, но в тоже время на каждой странице изображение должно быть разное. На крайний случай, пусть изображение будет одно, но нужно чтобы оно присутствовало на всех страницах. Добавив «!» после (false) банер стал отображаться на всех страницах кроме главной. Зашел в тупик в общем…

3 урок: Варианты внедрения HTML шаблона в битрикс

Создание HTML шаблона в 1С Битрикс

Урок, Варианты внедрения HTML шаблона в битрикс, это третье видео из серии уроков «Интеграция шаблона в систему 1С Битрикс». В данном видео речь пойдет о структуре сайта, файлов и папок. Разберем варианты интеграции таких шаблонов и выберем оптимальный вариант для себя.

Введение – HTML шаблоны в Битрикс

Когда хотим внедрить шаблон на сайт, нам нужно визуально разделить сайт на три части. Где верхняя часть выделенная синим цветом является header.php , зеленая это рабочая область #WORK_AREA# , а красная часть дизайна это footer.php .

Структура шаблона сайта

Более подробно об это, как формируется страница, я рассказывал в видео уроке «Структура сайта».

Давайте посмотрим нашу html верстку шаблона сайта.

Ссылка на скачивания — архив с шаблоном

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

Открываем index.html и через фаербаг посмотрим структуру данной странички.

Сайт состоит из одной страницы и в данном случае реализовать установку шаблона можно несколькими способами:

1. В рабочую область, нечего не помещать, распределяем блоки между footer.php и header.php .

Первый вариант внедрения шаблона

2. Мы убираем весь код в header.php до секции section (блок счетчик), остальное до тега footer помещаем в рабочую область, оставшийся код в footer.php .

Второй метод внедрения HTML шаблона

3. Другой вариант, поместить в рабочую область только блок «Характеристика», код выше характеристики в header , а ниже характеристики в footer .

Третий вариант интеграции Html шаблона

Любой из этих вариантов имеет право на реализацию. Начинающий разработчик может все блоки поместить в рабочую область и это будет не совсем правильно, так как при редактировании такой страницы через визуальный редактор, можно нарушить структуру сайта. Желательно что бы в рабочей области не присутствовали теги оформления страницы.

Для удобства администрирования желательно все блоки распределить не в рабочей области #WORK_AREA# , а поместить их в header , а в footer поместить подвал сайта.

Давайте разделим верстку для нашей интеграции шаблона. Как видите все рабочие блоки, мы включили в header , а нижнею часть в сам footer .

Как будем внедрять вверстку на сайт

Управление шаблонами, структура шаблона

Управление шаблонами в Битрикс осуществляется в административном разделе.

Перейдем в раздел администратора, далее выбираем >> Настройки продукта >> Сайты >> открываем Шаблоны сайтов. Тут видим один пустой шаблон, который устанавливали из Маркеплейса, открываем его.

Шаблоны на сайте битрикс

В верхней части видим ID сайта, который является важным параметром в шаблоне, название, описание. Ниже размещен сам код, в котором содержится верхняя часть сайта header , и нижняя часть шаблона footer разделенная маркером #WORK_AREA# .

Разделения на области интеграции шаблона

Редактировать шаблон можно напрямую тут, но удобнее всего работать через FTP в своем редакторе.

Рядом с вкладкой шаблона находятся стили сайта, которые можно редактировать и стили шаблона. Так же, при необходимости можно подключить дополнительные файлы.

Стили в шаблоне

Откроем наш редактор PhpStorm и в нем директорию, в которой лежит шаблон сайта. Для этого переходим в папку bitrix >> templates, и текущий шаблон, рассмотрим подробнее присутствующие файлы.

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

Файлы и из значение при интеграции шаблона в битрикс

Имеется файл description.php где содержится описание текущего шаблона. Файл template_styles.css в нем хранятся стили шаблона. Файл styles.css тут располагаются стили контента.

Файл description.php

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

На этом вводный урок по «Вариантам внедрения HTML шаблона в битрикс» заканчиваю, в следующем видео внедрим верстку на сайт.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *