Ready-made solutions. Ready-made solutions Template 1 with Bitrix

The online store Plitka.ua has been selling tiles and sanitary ware since 1999. The project is designed to provide the necessary information and practical support to Clients and people for whom this issue is interesting and relevant. On the pages of the site, you can find topical articles about the intricacies of production, choosing quality tiles, design news and installation techniques! The product filtering and selection service implemented in the project makes it possible to quickly select a product from the collection. On the Internet resource, the client goes through the entire cycle of purchasing tiles and sanitary ware together with consultants:
- Sales and consultation when purchasing tiles and sanitary ware.
- Assistance in choosing related materials, which can also be ordered from us.
- Delivery of goods.
- Designer consultation and development of individual room design.
- Laying tiles or installing plumbing by qualified specialists.

Unique branded design, high-quality photographs, and detailed descriptions of products make it possible to qualitatively distinguish this resource from other online stores of finishing materials.

Success stories

	The non-state pension fund for the electric power industry was founded in 1994 and is one of the top 10 non-state pension funds in Russia. In 2010, to work with corporate clients, at the request of the Electric Power Industry Non-State Pension Fund, AREALIDEA developed a turnkey CRM system. Four years later, this was not enough.
	Tyumen TSUM is a shopping complex in the city center with an area of ​​35,600 sq. m. m. (GBA) with customer traffic of 5 million people per year. Rental and own business. Product range: 250,000 SKU.
	“Total Dictation” is an educational project that helps test your knowledge of the Russian language.
	The new website was supposed to become a convenient resource where you can easily and quickly obtain information about the projects of the United Metallurgical Company. The AIC+QSOFT alliance was chosen to implement the project. The developers advised making a website on the 1C-Bitrix CMS - they already had projects in their portfolio for large companies created on this platform.
	How to put on a conveyor belt the automatic production of balloons with a personal design and avoid human errors? The managers of the Veselaya Zateya chain of stores entrusted this key business process to the 1C-Bitrix website management system and the developers from ANIART. After a complete reconstruction, the new online store began to bring in more than 100 orders per day, which exceeded all expectations.
	In recent years, the topic of a healthy lifestyle has increasingly been raised in the media and is actively supported in the corporate sector. People are beginning to give preference to natural foods, exercise and drink purified water. An important role in this was played by the Ukrainian company Ecosoft, which has developed dozens of alternative solutions for water purification systems and supplies them to 46 countries around the world. They managed to place on one online platform the entire product catalog, a water quality map, detailed documentation for all solutions, unique product cards with customer cases, online support and launch full-fledged B2B sales.
	In December 2015, the management of Ivashka decided to create a single website for all branches, with a common accounting and analytics system and a unified design, and connect it with the enterprise management system. The development of the new website was undertaken by the Uberweb.ru studio. They also made previous versions of the site for the company. There was no doubt about the choice of CMS. The developers had used 1C-Bitrix before, but this time they chose the Enterprise version - it had more functions that were important for large businesses.
	For the past eight years, our website has been running on an outdated CMS without support. Slow loading of site pages, lack of a mobile version, problems of line employees (not developers) with interaction with the CMS — all this limited the potential of our company. We decided that the website of the market leader must meet all modern requirements that both search engines and users — employees and clients — set on it.
	The resource was tasked with effectively broadcasting corporate and product information. It was necessary to convincingly and emotionally talk about the developer. Show the history, experience, business reputation of the brand. It was also important to effectively present the projects under construction: to provide comprehensive information and allay buyers’ concerns.
	One of the pioneers of online sales of Apple products in Russia was the specialized store re:Store. Over the years, the company has consolidated several of these sites, and its revenue from online sales is growing at an astronomical rate. The reason for their success is the technological platform, which was able to unite online stores that were very different in nature into a single whole.
	The Kiev department store "Detsky Mir" has grown to become the largest trading platform for children's stores in Ukraine and is not going to stop. But over the course of 6 years, the planned online project turned from a functional website into an old-fashioned resource that no longer attracted clients. Having reconsidered the possibilities of online business, the company relaunched the online store on a new platform and increased its traffic by 11 times.
	In a rapidly changing world, every minute is precious. But how to fill it with positive emotions? The owners of the online store KAANNI found the answer in the creation and sale of handmade decorative pillows. They convey the warmth of the hands and soul of the masters who create them. Such a gift acquires special value and evokes warm memories every time your hand touches or your gaze falls.
	Land Rover is a legendary car brand that Landstore has been working with for many years. They not only know a lot about repairing and servicing these cars, but are also actively involved in selling original auto parts for all models starting from 1995. Land Rover owners know how to value the quality of products and services. Therefore, the company always tries to take care of its customers and wants to offer the most convenient and high-quality online service to both individual users and wholesale partner companies.
	“Spend a weekend away from the bustle of the city and civilization, in an ecologically clean place surrounded by the Carpathian Mountains, and enjoy nature.” This is exactly what one of the most popular desires of every second city resident sounds like. And I really want someone to take care of all the hassle of booking, leaving only the feeling of a good holiday. With the help of a new website, the mountain hotel “Karpatski Polonyni” made this dream come true and began selling it to its clients. After moving to the new platform, mobile traffic increased by 48%.
	To make a significant profit, it is not at all necessary to spend money on signs, display windows and crowds of service personnel. The online store of children's goods Esky on the 1C-Bitrix platform can compete with offline networks. This became possible after optimizing the operation of the warehouse and delivery service. In seven years, the project reached the federal level. He took a significant part of the clients from the multi-channel business and did not spend a single ruble on organizing his own physical network.
	One of the most successful segments for online sales is shoes. The Obuv Rossii group of companies has thought through a detailed concept for the development of Internet business and one by one launched several of its brands onto the Internet. The efforts were not in vain; the website of the online store on the 1C-Bitrix platform is visited monthly by more than 100 thousand people.

The template determines the layout of functional elements, page display, and artistic style. The overall appearance of the site depends on it.

Usually one layout is used for all pages, but 1C Bitrix allows you to simultaneously use several design options.

Using built-in tools, you can set your own templates for all sections and even pages. You can also set various conditions for displaying a particular circuit. Settings are made through the admin panel.

Page templates are stored in the “templates” folder of the same name. In the visual editor, you just need to select the required option from the list and supplement it with the necessary data. A feature of templating is the separation of logic from presentation.

Who needs templates and why?

The Bitrix system allows you to create and use pre-made templates, applying them to workspaces.

This is a practical and effective solution when working with multi-component pages with a complex structure, for example when working with an online store or a news portal.

Advantages of a correctly selected template:

• First impression. The website design makes it clear what the company specializes in and creates a favorable impression.
• Memorability. The site is associated with a specific company and remains recognizable.
• Integrity. The template must be written down to the smallest detail, presenting a harmonious picture.
• Functionality. Attractiveness is combined with usability and practicality.

Independent creation of a template for 1C Bitrix

The structure of the 1C Bitrix template is a collection of files and folders. The main directory stores description and general information for the administrative section. Sometimes some additional functions are also assigned there.

The working area of ​​the template is used to place the main content, and the need for division is due to the structure. It is designated as work_area and is written in the editing form, acting as a space separator.

The main sections of the site are also presented in the form of corresponding directories. The basis of the 1C Bitrix template is the header and footer files. They contain code, call extensions, CSS and other functions.

Dynamic content is included in the template with Bitrix Framework directives. Here you can set PHP inserts that call special Bitrix components.

First, the title, icons, cascading style sheets, tags and other basic parameters are set. After this, it is necessary to determine the location of the administrative part. It is better to place all working images in one specific folder.

The numbered list with a menu is replaced by calling the Bitrix component to create and edit items. Most of the other standard elements are also created as components.

To place the required extension, the code for calling it is inserted into a pre-selected location on the page. Initially, it is located in the user documentation or in the visual editor tab.

Another important aspect is the CSS files of the template. Initially there are three of them: the main one and two auxiliary ones for designing the content. But this distinction is very arbitrary, because all elements are closely interconnected.

How to install a template?

Installation of the finished template is carried out according to the following scheme:

In the section with templates in the admin panel, you must select the “add” button;

The creation form is standard: it specifies ID, title and description;

When working with html, it is important to clearly separate elements related to design and content;

The work_area directive is inserted into the edit field, where the template is copied;

If you have CSS, you need to go to the styles tab, where the code is inserted;

You can save the result and evaluate the completed work.

The final part is the indication of all Bitrix variables that are written in the header file. It is important to remember to edit paths in CSS and save intermediate results. After this, you can apply the template to the site by selecting it from the appropriate list in the product settings.

conclusions

1C Bitrix templates are quite practical and functional. Their use will significantly simplify and speed up the development of the project. You can purchase ready-made templates on the company’s website.

In this article we will look at all the features of creating a template for Bitrix from scratch. It doesn’t matter whether you have a ready-made layout, or you’re just a perfectionist who just let him write something himself without intermediaries :)

What files are needed to create a template?

The appearance of your site (or presentation of the site) is always stored in a separate folder. In 1C-Bitrix, the path to the template lies through the bitrix folder, which contains a templates folder and already contains a list of all our templates.

Path to templates: /bitrix/templates/

You can create a template in 3 ways:

you can copy a ready-made template and, based on it, change it to suit you

you can create an empty template through the admin panel

you can create an empty folder and gradually fill it with files and folders

As you understand, the 3rd option is the most hardcore :) Let's go to the admin panel, Administration > Settings > Product settings > Websites > Website templates > Add template.
link regarding the site: /bitrix/admin/template_admin.php?lang=ru

The template ID is essentially the name of the folder in which it will be located, I’ll call it development . Fill in the rest of the fields as you wish, they are not very important right now. Add the following code to the template code:

#WORK_AREA#

— we write this line so that the file cannot be called directly from the browser and it does not start executing;
— show the current title for the page;
— show keywords, description and all scripts;
— show the panel for admins.

After saving the template, my description.php file looks like this:

Great, we should have 5 files left in the root, we won’t use the rest at the moment:

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

The part of the code that is before #WORK_AREA# is ultimately written into header.php. Guess which part is written in footer.php :) (the one after it). The work area itself is dynamic content (it is not always that dynamic), which is located, for example, in the /contacts/ or /about/ folder in the index.php file. The file itself usually begins with the inclusion of the header and ends with the inclusion of the footer:

Text hir

So far, everything looks logical.

1C-Bitrix folders and structure of the new template

There are several recommendations in the documentation that I personally don’t really like. First, they like to name the image folder images instead of the abbreviated img . And, of course, I understand everything, but when you write styles, you need to refer to images anyway, why write 2 times more? :) Secondly, there was a recommendation to store included areas in the include_areas folder - why not create inc? Thirdly, why do we need 2 files with styles? If I want to put everything into a separate file and connect it later as needed, then these styles will be stored either in the component template or in the css folder of the template.

To summarize, our correct template structure is:

Include_areas images components js

To be a little rebellious:

Inc img components js

In principle, no one limits you, these are just recommendations.

And now we smoothly come to the first problem - hardcode. Hardcode is when you use a text entry instead of dynamic values, such as a domain name. Most novice developers do not know about the SITE_ TEMPLATE_PATH constant, which stores the path to the current template as a value - in our case it is /bitrix/templates/development (without the trailing slash, please note). And therefore, when you include your scripts or included areas, for the folder you need to write: