...
Open admin panel and go to "Configuration" → "System".:
Find "Design theme" in section "General" and select "elastic" from drop-down list. Save choice clicking check marked button:
Customize design template
Go to "Configuration" -> "Website configuration" to customize selected design template.:
Scroll down the page to "design theme" block. You will make settings in this section.:
Change colors: Control design
...
Set background binding after that. Tables below show how each setting looks. For example, we take a picture of a flower and show how it will look based on interface (picture will be partially hidden by menu bar or search bar in some places).
Background repeat
Setting | Site appearance |
---|---|
Do not repeat | |
Repeat | |
Horizontal repeat | |
Virtical repeat |
Background position
Choose which side the image will be (or the beginning of tiling)
Let’s take a look at the “Vertical repeat” setting.
Setting | Site appearance |
---|---|
Center | |
Left | |
Right |
Background attachment
If you fix the image, it will always be “pressed” to selected position. That is, it will remain at specified location when scrolling through the site. As an example, we will show background with “left” position and page header and header.
Setting | Page header | Page footer |
---|---|---|
Fix (observe "Flower" position in the upper left). No matter how long the page is, scrolling the image will always be visible in its original form. Background is attached to the screen instead of the page. It is convenient to use when your background has a large picture the size of the screen and you want to always leave it visible. Or you have a beautiful ornament at site header which is a continuation of menu style. | ||
Scroll (observe "Flower" position in the upper left). Image disappears from the screen when scrolling and remains only in that place of the page where it was fixed. Background in this case is attached to the page instead of the screen. Therefore, in the example it disappears when scrolling. It is convenient to use if design is necessary only for site header and there is no need to show it when scrolling the page. This option is also suitable for design focusing on products instead of distract from viewing content. |
...
Use above settings to set background image position.
...
Image will be saved automatically and immediately updated on the site.
Каталог: левое меню категорий на главной странице
Левое меню категорий на главной по умолчанию скрыто.
Чтобы отобразить левое меню категорий кликаем по надписи «Скрыть»
Кликом мышки выбираем «Отобразить»
Catalog: left menu of categories on the main page
Left menu of categories on the main page is hidden by default.
Click "Hide" to show left menu of categories on the main page:
Select "Show" from drop-down menu:
Save choice by clicking checkmark button.Сохраняем выбор, нажав на кнопку с галочкой