This is where the appearance of your website is customized.
Navigate to Configuration > Website Architecture in the administrative area.
Website Header
This subsection focuses on how to customize the appearance of the website header.
Logo
- The recommended size is 300 px in width by 100 px in height.
- The recommended image format is png with a transparent background. Allowed image formats are gif, jpg.
Click the Change button.
Select the desired logo image on your computer. To save the settings click on the check box.
The logo you have selected will appear on the website immediately after saving.
Website Title
This is where we type a text to be displayed in the website header.
Click on the dashed line.
In the text area that appears type the website header text (in our example you can see “Demo site of the OT Box”
Save the text by clicking the check box.
The text will appear on the website immediately after saving.
Telephone
Click on the dashed line.
In the subsequent textbox enter your contact telephone number (in our example you can see “8-800-000-000”.
Save the telephone number by clicking the check box.
The telephone number will appear on the website immediately after saving.
Operating Schedule
This is where one can specify operator’s hours of work, the time intended for order processing and call answering.
Click on the dashed line.
In the field that appears enter the hours of work (in our example one can see “We’re open: 8 a.m. – 9 p.m.”
Save the text by clicking the check box.
The hours of work will appear on the website immediately after saving.
Online Support Block
Если у Вас есть сервис онлайн поддержки покупателей, то рекомендуем включить «Блок онлайн поддержки» в шапке сайта.
Click on the dashed line.
Select a display mode from the drop-down menu by clicking the down arrow.
Save the settings by clicking the check box.
The online chat will appear on the website immediately after saving.
Online Support
Currently there are a lot of services which allow you to set up an online chat on your website. For its operation a special code is provided to be placed on your website. There is an area in the right-hand corner of the header for this purpose.
With the special code at hand you need to:
Click on the dashed line.
In the text area that appears paste the online chat code.
Save the settings by clicking the check box.
Web Pages Settings
One can add web pages (for example, “About us” or “FAQ”) to the website using the instructions given in the Content section.
Sidebar Navigation
This is where one can select a display mode of navigation menu on the website’s web pages. By default the navigation menu is displayed on the left. There are three display modes:
1. Show all pages | 2. Only show topics | 3. Hide left menu |
|---|---|---|
 |  |  |
To select a menu display mode one should do the following:
Click on the dashed line.
Select a display mode from the drop-down menu by clicking the down arrow.
Save the settings by clicking the check box.
Text Direction
This is where you can define the layout of blocks on the website for languages which differ in the direction of reading. It is recommended that you specify the right-to-left text direction for the following languages: Arabic, Persian, Yiddish and Urdu.
The default text direction is left-to-right.
To modify a text direction you should do the following:
Click on the dashed line.
Select the right-to-left or left-to-right option from the dropdown menu after you have clicked on the down arrow.
To save the settings click on the check box.
This is how it is:
Your Code in the Head Section of Website Template
Sometimes there is a need to place a code in the head section of website template (counters, Yandex or Google statistics and other services). This is what this block is meant for. By default it is empty.
To add a code one should do the following:
Click on the grey dashed line.
In the text area that appears paste a html-code.
Save the settings by clicking the check box.
Design Themes
This is where one can set one of free design variants. The default design theme is Standard.
Design Themes
To change a design theme you should do the following:
Select a design theme (for example, Kara Kum).
Click on the Install button which is beneath of each design theme.
You will see that the selected theme is highlighted in yellow whereas the Install button changes to the notification “Current theme:”
Thus the website’s design has been changed.
Refresh the website by pressing the F5 button (on the keyboard). Once you have done this the changes will be available on the website.
This is how it was:
This is how it is: