Где искать исходный html?, Нужно отредактировать исходный код, который видно в инструментах разработчика
Пользователь 223288 Заглянувший Сообщений: 4 |
Добрый день. |
Пользователь 305633 Заглянувший Сообщений: 9 |
чтобы посмотреть исходный код компонента, его необходимо скопировать в шаблон вашего сайта. Он развернется и там увидите структуру странички. Шаблоны лежат в /bitrix/templates/<Ваш шаблон>/components/родитель вашего компонента/template.php Спрашивает программист золотую рыбку: «Чего тебе надобно, золотая рыбка?» |
Пользователь 223288 Заглянувший Сообщений: 4 |
Арина Вшивкова, |
Пользователь 265201 Эксперт Сообщений: 1340 |
#4 1 09.02.2015 17:15:48
чтобы посмотреть копировать не надо, можно просто зайти и посмотреть (ftp/sftp) а футер это вам сюда /bitrix/templates/ваш шаблон/footer.php |
||
Универсальный алгоритм поиска:
1) Открываем urlrewrite.php, смотрим есть ли правило для данной страницы. Если есть — открываем страницу из правила, если нет — ищем физическую страницу
2) Смотрим наличие кода компонентов на данной странице, проверяем включаемые области. Если проект тестовый, то можно по одному убирать компоненты, пока не найдете.
Если убрали все компоненты, а надпись выводится, то идем дальше
3) Открываем настройки сайта и смотрим какой шаблон выводится на данной странице. Открываем его по ssh (как header.php так и footer.php) смотрим компоненты, включаемые области, области с отложенными функциями (ShowViewContent)
4) Если надпись все еще не выводится, смотрим события страницы
Делая все 3 шага Вы сможете найти что угодно в Битриксе.
Как пример, данная область может быть:
1) Физическим тестом на странице
2) Включаемой обастью подключаемой на странице
3) Результатом работы компонента
4) Отложенным результатом компонента
5) Физическим текстом в шаблоне
6) Результатом работы компонента в шаблоне
7) Результатом работы отложенной функции в footer.php
Результатом работы отложенной функции на событиях страницы
Добрый день! Есть сайт на CMS Bitrix, написанный на PHP. На главной странице есть всплывающее окно для заполнения параметров обратного звонка. Один из заполняемых параметров окна имеет выпадающее меню вариантов. Я администратор и у меня есть доступ к структуре сайта по FTP (Mozilla). В консоли панели разработчика Chrome я нашел ту часть кода, где нужно поменять выпадающие позиции (они перечислены в теле кода). Но я не могу найти исходный файл с этим кодом в структуре файлов. Обратиться к разработчику нет возможности.
Поиск через меню консоли не дал результатов.
Подскажите, где в структуре сайта стоит поискать: тип файла, возможные названия.
С PHP, HTML, JS знаком. Привожу фрагмент кода из консоли.
задан 28 авг 2017 в 11:53
6
если есть полный доступ, можно скачать сайт к себе и в notepad++ сделать поиск по папкам/файлам на предмет: «</select>
«
думаю, что код захвата данных с базы находится между атрибутами <select></select>
Всплывающие окно может быть из js скрипта, можно поискать по вариациям display = "none"
или display
для поиска кода внутри js.
В любом случае нужно искать в исходном коде, а не в сгенерированном в браузере.
ответ дан 2 сен 2017 в 5:42
2
Шаблоны в Битрикс. Создание, изменение и удаление
Войдите в панель администрирования. В боковом меню выберите пункт «Настройки». Затем кликните на подпункт «Настройки продукта», затем на «Шаблоны сайтов»: Откроется страница, на которой будут перечислены все шаблоны сайтов, которые есть в системе:
Если необходимо добавить новый шаблон, то кликните на зелёную кнопку «Добавить шаблон». Если нужно изменить или удалить существующий шаблон, то кликните на кнопку опций, сбоку строки шаблона:
На открывшейся странице изменения шаблона необходимо указать ID (только латинские символы без пробелов), название и небольшое описание шаблона.
Рассмотрим подробнее строение шаблона битрикса, которое находится внутри блока под названием «Внешний вид шаблона сайта (рабочую область заменить #WORK_AREA#)«. В этом поле стоит подобный шаблон: Пример начинается со строчки с PHP кодом. Этот код не даёт поисковым сетям считывать файл шаблона и считать его за отдельную страницу. То есть перейдя по ссылке — адресу шаблона на вашем сайте, нельзя будет увидеть его содержимое.
В примере указана фраза #WORK_AREA# внутри шаблона. Вместо этой фразы будет вставляться содержание страницы. Если в редакторе, в поле редактирования шаблона, не указать эту фразу, то система не даст сохранить изменения в шаблоне.
При сохранении шаблона битрикса происходит следующее: код, который был записан в поле «Внешний вид шаблона. » будет разделён на две части. Разделителем будет фраза #WORK_AREA#. Первая часть называется хидером (шапкой) сайта и записывается в файл, который находится по адресу /bitrix/templates/id_шаблона/header.php . Вторая часть, которая стояла после фразы #WORK_AREA#, называется футером (подвалом) сайта, будет сохранена в файл /bitrix/templates/id_шаблона/footer.php . Вы можете самостоятельно исправлять содержимое этих файлов не используя административную панель битрикса, делая это через sFTP.
Установить шаблон для страницы
После создания или изменения шаблона, необходимо установить его для страниц сайта. Можно поставить шаблон для определённой страницы, для всех страниц в папке или даже для параметра в адресе.
Для задания страницам сайта шаблона зайдите в панель администрирования, кликните на пункт «Настройки» в боковом меню. Затем кликните на пункт «Настройки продукта», потому на «Сайты». Кликните на пункт «Список сайтов»: Откроется страница, на которой будут перечислены все сайты, которые есть в системе:
Если необходимо добавить новый сайт, то кликните на зелёную кнопку «Добавить сайт». Если нужно изменить или удалить существующий сайт, то кликните на кнопку опций, сбоку строки нужного сайта:
Прокрутите страницу в самый низ и найдите блок «Шаблон сайта». В этом блоке необходимо выбрать условия применения шаблонов к страницам сайта:
Если выбрать опцию [без условия], то выбранный шаблон будет показываться на всех страницах сайта.
Обратите внимание, что этот список применяемых шаблонов работает по такому принципу: условия будут проверяться на «истину», и будет показан первый шаблон и того условия, которое вернёт истину. Поэтому для изменения приоритетов есть поле «Сорт.». Условия проверяются по возрастанию значения этого поля.
Урок 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>
Собственно все, шаблон внедрен. Дальше остается внедрять компоненты Битрикс, но это уже в следующих статьях.
От автора:
Уже что-то готово. Мы познакомились с основой основ Битрикс — шаблонизатором. В следующем уроке мы создадим стрктуру нашего сайта и выведем главное меню через соответствующий компанент. Подписывайтесь не пропустите новых статей.
Где найти файл tempale.php в Bitrix
Приветствую! Подскажите, новичку в Bitrix , где найти файл tempale.php ? Я с этой CMS раньше не работала. А сейчас по работе подогнали сайт на Bitrix , мне нужно добавить мета-теги , тайтл .
Нашла мануал, как это сделать. Вроде бы несложно, простым добавлением определенной строки в файл tempale.php :
А я, блин, не знаю где его найти — этот файл.
В принципе, я разобралась где менять html -код страниц. Но эти изменения возможны для тегов секции body . А добавить новые мета в head так не получится.
Куда копать? С битриксом в первый раз работаю. Спасибо!
Ну видно, что ранее не работали с Битриксом.
Учитывая, что Битрикс работает на компонентах, то вам нужно сначала узнать какой именно компонент используется на той странице, которая вам нужна.
Например в каталоге, это скорее всего будет bitrix:catalog , но так же есть кастомные самописы, узнать какой компонент можно зайдя на индексную страницу нужного раздела. Например вам нужно прописать метатеги у товаров.
Путь у каждого товара допустим вот такой: сайт.ру/catalog/код_товара/ В таком случае в проекте заходим в папку catalog и открываем index.php чтобы посмотреть какие компоненты тама содержатся. Их может быть несколько. В данном примере нам нужен будет bitrix:catalog. Ну а тут как повезёт. Либо разработчики сделали всё по правилам и создали шаблон сайта в папке /local/templates/ либо НЕ по правилам в папке /bitrix/templates/ в любом случае наш template.php будет находится по таким путям (а там сами смотрите как у вас реализовано):
1) Если по правилам кастомный компонент /local/components/название_пространства_к_которому_относится_компонент/название_компонента/templates/название_шаблона/template.php
2) Если по правилам кастомный компонент, но шаблон его в шаблоне сайта /local/templates/название_шаблона_сайта/components/название_пространства_к_которому_относится_компонент/название_компонента/название_шаблона/template.php
3) если кастомный НО НЕ ПО ПРАВИЛАМ, то тогда 2 верхних случая, только вместо папки local, будет папка bitrix.
4) Если стандартный компонент по правилам /local/templates/название_шаблона_сайта/components/bitrix/название_компонента/название_шаблона_компонента/template.php
5) Если стандартный компонент, НО НЕ по правилам, то тогда 4ый пункт, вместо local будет bitrix
Вот пути где могут хранится ваши template.php
Узнаёте какой шаблон сайта, через админскую панель, на index.php в нужных каталогах, узнаёте какой компонент нужен и какой шаблон. например
Это кастомный компонент, samovar — пространство , user.profile — название компонента, profile — шаблон. Стало быть по правилам путь до tempate.php будет такой:
Но вашу проблему это НЕ решит! Вам нужен даже НЕ template.php , а component_epilog.php
Потому что компоненты битрикса кешируют свои шаблоны и просто ваши значения закешируются и для разных товаров, будут одни и те же теги) component_epilog.php НЕ кешируется.
И вообще META теги можно задать в настройке элемента в админке в табе SEO, а для страниц через фронтОфис через панель управления. В компоненте установить чекбокс в параметрах, «устанавливать ключевые слова» «описание страницы» и т.д. по аналогии. Даже если это делать через код, то явно не при помощи
А через $APPLICATION->SetPageProperty(‘код свойста’,’string’);
title задаётся через $APPLICATION->SetTitle(‘string’);
Ну и при этом это не всё. Битрикс это тёмный лес, в котором можно сделать одно и тоже 100500ю способами.
В битриксе как и в других платформах существуют специальные константы, с помощью которых можно более удобно вставлять их в своём коде, не боясь в дальнейшем, что к примеру поменяв имя какого либо шаблона, придется менять его везде где он был прописан статическим методом.
Сейчас речь пойдет о константе SITE_TEMPLATE_PATH, которая содержит значение пути к текущему шаблону сайта. К примеру, давайте представим нам нужно вставить изображение.
Код вставки изображения:
<img src="/bitrix/templates/myTemplateName/images/image.jpg" alt="" />
Пока наш шаблон имеет имя «myTemplateName» всё будет работать как надо, однако давайте представим, если имя шаблона поменялось, чтобы всё продолжало работать, нам придется вносить изменения повсеместно, где это имя шаблона использовалось.
Теперь же мы меняем код вставки пути, который будет работать даже при смене имени шаблона.
<img src="<?php echo SITE_TEMPLATE_PATH ?>/images/image.jpg" alt="" />
Данный вариант, несомненно, удобен. Прописав лишь раз этот путь, в дальнейшем при смене пути, всё будет подставляться автоматически. Константа может быть использована повсеместно, где есть в этом необходимость, например для подключения файлов js и css в заголовке. Кроме всего этого, при таком методе вставки получаются миниатюрные ссылки, что так же радует глаз.