Готовые решения. Готовые решения Кому и зачем нужны шаблоны

Интернет магазин Plitka.ua работает по продаже плитки и сантехники с 1999 года. Проект разработан для того, чтобы оказать нужную информационную и практическую поддержку Клиентам и людям, для которых этот вопрос интересен и актуален. На страницах сайта, есть возможность найти тематические статьи о тонкостях производства, выбора качественной плитки, новостях дизайна и техниках укладки! Реализованный в проекте сервис фильтрации и подбора товаров дает возможность быстрого выбора товара из коллекции. На Интернет-ресурсе клиент проходит весь цикл покупки плитки и сантехники вместе с консультантами:
- Продажа и консультация при покупке плитки и сантехники.
- Помощь в выборе сопутствующих материалов, которые так же можно заказать у нас.
- Доставка товара.
- Консультация дизайнера, и разработка индивидуального и дизайна помещения.
- Укладка плитки или установка сантехники квалифицированными специалистами.

Уникальный брендовый дизайн, качественные фотографии, детальное описание товаров дают возможность качественно выделить этот ресурс среди других интернет-магазинов отделочных материалов.

Истории успеха

	Негосударственный пенсионный фонд электроэнергетики основан в 1994 году, он входит в топ-10 НПФ России. В 2010 году для работы с корпоративными клиентами по запросу НПФ электроэнергетики компания AREALIDEA разработала CRM-систему под ключ. Спустя четыре года этого оказалось недостаточно.
	«Тюменский ЦУМ» - это торговый комплекс в центре города площадью 35 600 кв. м. (GBA) с покупательским трафиком 5 млн человек в год. Арендный и собственный бизнес. Ассортимент товаров 250 000 SKU.
	«Тотальный диктант» – это образовательный проект, который помогает проверить ваши знания по русскому языку.
	Новый сайт должен был стать удобным ресурсом, где можно легко и быстро получить информацию о проектах Объединенной металлургической компании. Для реализации проекта выбрали альянс AIC+QSOFT. Разработчики посоветовали делать сайт на CMS «1С-Битрикс» - у них в портфолио уже были проекты для крупных компаний, созданные на этой платформе.
	Как поставить на конвейер автоматическое производство воздушных шаров с персональным дизайном и избежать при этом человеческих ошибок? Руководители сети магазинов «Веселая затея» доверили этот ключевой бизнес-процесс системе управления сайтом «1С-Битрикс» и разработчикам из ANIART. После полной реконструкции новый интернет-магазин стал приносить более 100 заказов в день, что превзошло все ожидания.
	За последние годы тема здорового образа жизни все чаще поднимается в медиа и активно поддерживается в корпоративном секторе. Люди начинают отдавать предпочтение блюдам их натуральных продуктов, заниматься спортом и употреблять очищенную воду. Важную роль в этом сыграла украинская компания Ecosoft, которая разработала десятки альтернативных решений по системам очистки воды и поставляет их в 46 стран мира. Им удалось на одной онлайн-площадке разместить весь каталог продукции, карту качества воды, детальную документацию на все решения, уникальные карточки товаров с клиентскими кейсами, онлайн-поддержку и запустить полноценные B2B-продажи.
	В декабре 2015 года руководство «Ивашки» решило создать единый сайт для всех филиалов, с общей системой учета и аналитики и унифицированным дизайном, и соединить его с системой управления предприятием. Разработкой нового сайта занялась студия Uberweb.ru. Они же делали для компании предыдущие версии сайта. В отношении выбора CMS сомнений не было. Разработчики и раньше использовали «1С-Битрикс», но на этот раз выбрали версию Enterprise – в ней было больше функций, которые были важны крупному бизнесу.
	Последние восемь лет наш сайт работал на устаревшей CMS без поддержки. Медленная загрузка страниц сайта, отсутствие мобильной версии, проблемы линейных сотрудников (не разработчиков) с взаимодействием с CMS - все это ограничивало потенциал нашей компании. Мы решили, что сайт лидера рынка должен отвечать всем современным требованиям, которые предъявляют к нему как поисковые системы, так и пользователи - сотрудники и клиенты.
	Перед ресурсом ставилась задача эффективно транслировать корпоративную и продуктовую информацию. Необходимо было убедительно и эмоционально рассказать о застройщике. Показать историю, опыт, деловую репутацию бренда. Также важно было эффектно презентовать строящиеся объекты: дать исчерпывающую информацию и развеять опасения покупателей.
	Одним из первопроходцев онлайн-продаж продукции Apple в России стал специализированный магазин re:Store. Спустя годы компания объединяет несколько таких площадок, а ее выручка от онлайн-продаж растет астрономическими темпами. Причиной успеха там называют технологическую платформу, которая смогла объединить очень разные по своей сути интернет-магазины в единое целое.
	Киевский универмаг «Детский мир» разросся до самой крупной торговой площадки детских магазинов в Украине и останавливаться не собирается. Но задуманный онлайн-проект за 6 лет превратился из функционального сайта в старомодный ресурс, который перестал привлекать клиентов. Пересмотрев возможности онлайн-бизнеса, компания перезапустила интернет-магазин на новой платформе и увеличила его посещаемость в 11 раз.
	В быстро меняющемся мире, каждая минута драгоценна. Но как наполнить ее положительными эмоциями? Ответ нашли собственники интернет-магазина KAANNI в создании и продаже декоративных подушек ручной работы. Они передают тепло рук и души мастеров, которые их создают. Такой подарок приобретает особую ценность, вызывает теплые воспоминания каждый раз, когда касается рука или падает взгляд.
	Land Rover - это легендарная марка автомобилей, с которой компания Landstore работает уже много лет. Они не только знают толк в ремонте и обслуживании этих машины, но и активно занимаются продажами оригинальных автозапчастей на все модели, начиная от 1995 года. Владельцы Land Rover умеют ценить качество товара и услуг. Поэтому компания всегда старается заботится о своих клиентах и хочет предложить максимально удобный и качественный онлайн-сервис как отдельным пользователям, так и оптовым компаниям-партнерам.
	«Провести выходные вдали от городской суеты и цивилизации, в экологически чистом месте, окруженном Карпатскими горами, и насладиться природой». Именно так звучит одно из самых популярных желаний каждого второго городского жителя. И так хочется, чтобы кто-то взял на себя все хлопоты по бронированию, оставив только ощущения хорошего отдыха. С помощью нового сайта горный отель «Карпатські полонини» воплотил эту мечту и начал продавать ее своим клиентам. После переезда на новую платформу мобильный трафик вырос на 48%.
	Чтобы получать весомую прибыль, вовсе не обязательно тратиться на вывески, витрины и толпы обслуживающего персонала. Интернет-магазин детских товаров Esky на платформе «1С-Битрикс» выдерживает конкуренцию с офлайн-сетями. Это стало возможным после оптимизации работы склада и службы доставки. За семь лет проект вышел на федеральный уровень. Он забрал весомую часть клиентов у многоканального бизнеса и не потратил ни рубля на организацию собственной физической сети.
	Одним из самых успешных сегментов для продаж в интернете является обувь. Группа компаний «Обувь России» продумала детальную концепцию развития интернет-бизнеса и поочередно вывела в интернет несколько своих брендов. Усилия не пропали даром, сайт интернет-магазина на платформе «1С-Битрикс» ежемесячно посещает более 100 тыс. человек.

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

Какие файлы нужны для создания шаблона

Внешний вид вашего сайта (или представление сайта), всегда хранится в какой-то отдельной папке. В 1С-Битрикс путь к шаблону лежит через папку bitrix , в которой есть папка templates и уже в ней список всех наших шаблонов.

Путь к шаблонам: /bitrix/templates/

Создать шаблон можно 3 способами:

можно скопировать готовый шаблон и на его основе изменять под себя

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

можно создать пустую папку и постепенно заполнять ее файлами и папками

Как вы поняли 3-ий вариант самый хардкорный 🙂 . Зайдем в админку, Администрирование > Настройки > Настройки продукта > Сайты > Шаблоны сайтов > Добавить шаблон .
ссылка относительно сайта: /bitrix/admin/template_admin.php?lang=ru

ID шаблона это по сути имя папки в которой он будет лежать, я назову development . Остальные поля заполните как удобнее, они сейчас не очень важны. В код шаблона добавьте следующий код:

#WORK_AREA#

— пишем эту строку, чтобы файл нельзя было вызвать напрямую из браузера и он не начал выполняться;
— показываем текущий title для страницы;
— показываем keywords, description и все скрипты;
— показываем панель для админов.

После сохранения шаблона, мой файл description.php, выглядит так:

Отлично, у нас в корне должны остаться 5 файлов, остальное на данный момент мы не будем использовать:

• description.php,
• header.php,
• footer.php,
• styles.css,
• template_styles.css

Та часть кода, которая находится до #WORK_AREA# в итоге записывается в header.php. Угадайте, какая часть записывается в footer.php 🙂 (та, что после нее). Сама ворк-арея представляет собой динамический контент (не всегда он такой уж и динамический), который находится, к примеру, в папке /contacts/ или /about/ в файле index.php. Сам файл обычно начинается подключением хедера и заканчивается подключением футера:

Text хир

Пока что, все выглядит логично.

1С-Битрикс папки и структура нового шаблона

В документации есть несколько рекомендаций, которые лично мне не очень нравятся. Во-первых, они любят называть папку с изображениями images вместо сокращенного img . И, я конечно все понимаю, но когда вы пишите стили, вам в любом случае нужно ссылаться на изображения, зачем писать в 2 раза больше? 🙂 . Во-вторых, была такая рекомендация, хранить включаемые области в папке include_areas — почему бы не создать inc ? В-третьих, зачем нам 2 файла со стилями? Если мне захочется вынести все в отдельный файл и подключать потом по необходимости, то эти стили будут хранится либо в шаблоне компонента, либо в папке css шаблона.

Если подытожить, наша правильная структура шаблона:

Include_areas images components js

Если быть немного бунтарем, то:

Inc img components js

Вас в принципе никто не ограничивает, это лишь рекомендации.

И вот мы плавно подошли к первой проблеме — хардкод . Хардкод это когда вы вместо динамических значений, например доменное имя, используете текстовую запись. Большинство начинающих разработчиков не знают про константу SITE_ TEMPLATE_ PATH, которая в качестве значения хранит путь к текущему шаблону — в нашем случае это /bitrix/templates/development (без слеша в конце, обратите внимание). И поэтому, когда вы будете подключать свои скрипты или включаемые области, для папки нужно писать: