Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

...

Open admin panel and go to "Configuration" → "System".:

Image RemovedImage Added

Find "Design theme" in section "General" and select "elastic" from drop-down list. Save choice clicking check marked button:

Image RemovedImage Added

Customize design template

Go to "Configuration" -> "Website configuration" to customize selected design template.:

Image RemovedImage Added

Scroll down the page to "design theme" block. You will make settings in this section.:

Image RemovedImage Added

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
Image Modified
Repeat
Image Modified
Horizontal repeat
Image Modified

Virtical repeat

Image Modified


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

Image Modified

Left

Image Modified
Right
Image Modified

 


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.

Image Modified
Image Modified

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.

Image Modified
Image Modified

...


Use above settings to set background image position.

...

Image will be saved automatically and immediately updated on the site.

Каталог: левое меню категорий на главной странице

Левое меню категорий на главной по умолчанию скрыто.

Image Removed

Чтобы отобразить левое меню категорий кликаем по надписи «Скрыть»

Image Removed

Кликом мышки выбираем «Отобразить»

Image Removed

Catalog: left menu of categories on the main page

Left menu of categories on the main page is hidden by default.

Image Added

Click "Hide" to show left menu of categories on the main page:

Image Added

Select "Show" from drop-down menu:

Image Added

Save choice by clicking checkmark button.Сохраняем выбор, нажав на кнопку с галочкой