Ребята я новичок в Битриксе и прошу полной и живой информации!
Ситуация такая, есть свой дизайн, уже сверстанный, Нужно его натянуть на движок Битрикс Малый-Бизнес? Дизайн у меня не очень сложный, фиксированный по центру и по ширине и т.д.
Есть ли подробный мануал по изменению стандартного дизайна и интеграции своего, второе больше всего интересует?!
-- Буду очень благодарен всем за развернутые ответы.
А можно конкретный пример, как например изменить шапку сайта и где на фтп лежат файлы которые можно редактировать?
Я хотел бы услышать пример, как например тот же стандартный шаблон в Битриксе расположить по центру шириной 1004px а вокруг залить область каким-нибудь цветом, так же как напримере изменить диз шапки?
Шаблоны хранятся к папках /bitrix/templates/{id шаблона} Весь шаблон "разбит" на две части: header.php и footer.php И правьте как хотите. Только в документации прочитайте, почему шаблон состоит из 2 частей. И исходя из этого и редактируйте....
Рисуете шаблон в Дримвьювере. Вставляете в нужном месте коды компонентов (обычно по бокам код включ. области, меню и т.п.). В месте, где будет выводиться основная станица ставим тег Воркареа. Закидываем в Битрикс (в настройках продукта пункт шаблоны - создать новый). Все, битрикс сам разделит футер и хедер. Добавляем панель (верхнюю), CSS по вкусу и готово. Прошу прощения за краткость, писал на скорую руку и по памяти. Если нужно более подробно - распишу.
------ PHP - он всеядный, в плане типов данных. Если прикажешь - он тебе правду на 10 умножит, или ложь на пополам поделит..!
Юрий Лукьянов пишет: Вставляете в нужном месте коды компонентов (обычно по бокам код включ. области, меню и т.п.). В месте, где будет выводиться основная станица ставим тег Воркареа.
На счет воркареа и создания нового шаблона не понятно, как он автоматом все режется чтоли?! Мне допустим нужно по центру фиксированно сайт сделать на 800 пикселей например!
Если делать через Битрикс - распределит автоматом. Просто выставьте тег воркареа где требуется. Выше - хедер, ниже - футер. Это самый простой способ, сам им пользуюсь частенько. Делаем шаблон в вьювере, закидываем в Битрикс и дорабатываем под требования дизайна - картинки, CSS и т.д. Сегодня наврядли (дел много), если только завтра смогу Вам выложить простой работающий пример со скриншотами в форум (другие посмотрят - вопросов станет меньше).
------ PHP - он всеядный, в плане типов данных. Если прикажешь - он тебе правду на 10 умножит, или ложь на пополам поделит..!
Вот пример простой страницы. Достаточно его нарисовать в Дриме и закинуть в битрикс - система сама разберет шаблон, создаст папку и т.п. В общем, очень быстро и удобно. Более подробно отпишу завтра, когда буду свободен (после обеда).
------ PHP - он всеядный, в плане типов данных. Если прикажешь - он тебе правду на 10 умножит, или ложь на пополам поделит..!
Пока скачивается дистрибутив, начнем с Дримвьювера. Итак, договоримся, что с начала мы имеем:
1. желание с нуля создать шаблон; 2. Дримвьювер (я использую демо CS3); 3. Дистрибутив "1С-Битрикс" редакции Бизнес (не принципиально; я использую стандартный инсталлятор под Windows); 4. 15-30 минут свободного времени (на простой шаблон).
Если с первым и четвертым пунктами все ок, приступим к работе с Дримом. Оговорюсь - я не буду оптимизировать и чистить код, делать все наикрасивейше и т.п. Также, как и CSS свой разместим покамест прямо в шаблоне (для элементов будем использовать стили из демо-шаблона "WEB20", входящего в стандартную поставку дистрибутива 6.5). Сейчас рассматриваем общие принципы создания шаблона под Битрикс. Создадим простейшую страничку, которую приведем к следующему виду:
В шаблоне я пометил области, в которых буду размещать компоненты: поиск, меню и т.п. Теперь откроем установленный Битрикс, перейдем на страницу шаблонов и скопируем нужный код в наш шаблон (копируем подключение заголовка, таблицы стилей, панели администратора и т.п.). Для этого выполним следующие шаги:
Панель управления (админка) - Настройки - Сайты - Список сайтов - Шаблоны сайтов
Откроем шаблон "web20" на редактирование. Скопируем код
Он подключает заголовки браузера (страницы), панель, стили и т.п., и вставим его в наш шаблон, в самый верх (перед нашим кодом). Шаблон будет иметь следующий код:
Идем далее. Размещаем компоненты, которые будут постоянно присутствовать в шаблоне - меню, поис и т.п. Я поступлю крайне просто: создам в Битрикс страницу, размещу на ней требуемые компоненты, настрою их по своему вкусу и просто скопирую получившийся код в шаблон. Приступим. Создадим страницу в Битрикс (на панели управления вверху 3-я иконка слева - "Создать новую страницу в разделе"). Разместим, согласно нашему шаблону, нужные компоненты: Верхнее меню, Поиск, Авторизация, Левое меню (Будем использовать справа). После каждого компонента сделаем пару строк вниз (для удобства копирования). Теперь настроим их под требования - типы меню, шаблон логина и т.п. Настроили? Идем далее. Берем получившийся код (в редакторе страницы перейдем в режим "... редактирование исходного кода" - слева 3 иконки, одна под другой. Нам нужна вторая.), и вставляем ВМЕСТО текста в нашем шаблоне. Например, текст "можно вывести поиск" заменяем на:
Все, в Дриме работа завершена. Переходим к Битрикс. Еще раз откроем страницу шаблонов (Панель управления (админка) - Настройки - Сайты - Список сайтов - Шаблоны сайтов). Теперь выберем пункт "Добавить шаблон". ID поставим равным "test", Название - "Тестовый шаблон", Описание - "Тестовый шаблон для нашего сайта" (все без кавычек!). Теперь скопируем наш итоговый код в "Внешний вид шаблона сайта". Сохраняем. Справа мы видим пункт "Список сайтов". Перейдем туда, и отредактируем "ru" (Демо-сайт). В частности, установим по-умолчанию для всех страниц наш шаблон - заменим первый пункт из списка пунктом "Тестовый сайт". Сохраняем. Теперь из папки "web20" (C:\Program Files\1C-Bitrix\www\bitrix\templates\web20 - у меня по-умолчанию тут) скопируем папку "components" в нашу папку "test" (C:\Program Files\1C-Bitrix\www\bitrix\templates\test - Битрикс сам создал ее при сохранении шаблона). Перейдем в публичную часть, и убедимся, что шаблон работает:
Все работает, но выглядит как-то корявенько Поэтому скопируем из C:\Program Files\1C-Bitrix\www\bitrix\templates\web20 в C:\Program Files\1C-Bitrix\www\bitrix\templates\test папочку "images", а также файлы стилей - styles.css и template_styles.css. Обновим страницу сайта:
Ну вот, совсем другое дело. Теперь правьте стили, шаблон, размещайте графические элементы и т.п под ваши требования. Удачи.
------ PHP - он всеядный, в плане типов данных. Если прикажешь - он тебе правду на 10 умножит, или ложь на пополам поделит..!
Вопрос/предложение к Администрации: может, перенести данную тему в форум "Обмениваемся идеями"? А идеальный вариант - создать форум (в публичных либо клиентских группах) "Обмен опытом", или "HOWTO". Меньше лишних тем в гостевом и клиентском будет, да и такая структуризация от лишних "непонятно" избавит... Если типовой вопрос - сразу в тот форум можно смотреть. Как считаете?
------ PHP - он всеядный, в плане типов данных. Если прикажешь - он тебе правду на 10 умножит, или ложь на пополам поделит..!
В данном шаблоне (web 20), судя по скриншоту в блоге Сергея Рыжикова (http://www.1c-bitrix.ru/blog/rsv/196.php) форма авторизации / регистрации пользователя реализована в таком виде:
т.е. при нажатии на ссылку "Войти" выскакивает окно, в котором нужно ввести логин / пароль.
Но, когда я установил демо-версию Битрикса под Windows, обнаружил, что в данном шаблоне такой функциональности нет и, при нажатии на ссылку "Войти" попадаешь просто на отдельную страницу регистрации пользователя...
Подскажите как реализовать форму авторизации именно в таком виде: при нажатии на "Войти" выскакивает окошко для ввода данных???
Добавляете в шаблоне компонент авторизации в слое <div id="auth" style="display: none;">Компонент авторизации</div>. Потом в нужном месте ставите конпку Войти. Настраиваете позиционирование слоя в CSS и всё.
Как то так. Точно не понмю. Главное смыл один и тот же. Покопайтесь со свойствами CSS и функциями JavaScript. В интернете по этому очень много информации.
Я поставил демо (windows-инсталятор), версия 6.5, ОС Windows Vista + браузеры IE 7 и FireFox 2.0.0.10 (на скриншоте из блога Сергея Рыжикова также Vista и Firefox) и всплывающее окно не работает, просто переход по ссылке на страницу регистрации пользователя.
Slavka пишет: Но, когда я установил демо-версию Битрикса под Windows, обнаружил, что в данном шаблоне такой функциональности нет и, при нажатии на ссылку "Войти" попадаешь просто на отдельную страницу регистрации пользователя...