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

Ключ

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


Оглавление

Настройка внешнего вида главной страницы.

...

Customizing home page design.

We speak about Elastic design theme in this manual. You can read about design theme change of OT Box Platform in В статье используется тема дизайна Elastic. О смене темы дизайна Коробки ОТ можно прочитать в статье Design templatemanual.

Расположение в админке: Конфигурация → Конструкция сайта → Прокручиваем мышкой вниз до блока “Главная страница”

Image Removed

Отображение товаров на странице

Location in admin panel: Configuration → Website configuration → Scroll page down to "Home page" block

Image Added

Display products on the page

Goods are displayed “As list” or Товары отображаются или “As list” или “As carousel”. 

  1. Список List (первые 8 товаров расположены или друг под другом или в одну строку — зависит от ширины экранаthe first 8 goods are located either under each other or in one line - depending on screen width).



  2. Карусель Carousel (отображаются первые 5 товаров, а остальные товары доступны при клике по стрелкам вправо и влевоthe first 5 goods are displayed and the rest of the goods are available by clicking on the left and right arrows).

 

Выбираем способ вывода товаров. Кликаем мышкой чтобы появился выпадающий список.

Image Removed

Выбираем из выпадающего списка нужный режим (в примере выбираем “Каруселью”).

Image Removed

Сохраняем выбор, нажав кнопку с галочкой:

Image Removed

Отображение товаров на главной странице изменится сразу после сохранения изменений (в примере выбран стиль отображения “Каруселью”):

Image Removed

Если вид отображения не изменился, рекомендуем очистить кэш.

Image Removed

Когда появится уведомление что кэш очищен, перезагрузите главную страницу вашего магазина.

Количество выводимых элементов

Выбираем сколько элементов выводить на главную страницу.

Все значения задаются в числовом формате. Важно учитывать “Списком” или “Каруселью” выводятся товары, а также дизайн Коробки. 

Однако, есть общие правила для настройки.

  • Карусель занимает меньше места на странице, а Списки вмещают больше предложений за раз.
  • Для Списков рекомендуем рассчитать количество товаров так, чтобы они помещались максимально симметрично. 
  • Чем больше товаров указано в настройках, тем дольше грузится главная страница (долгая загрузка вынуждает пользователей покидать сайт).
  • Если не хотим показывать блок на главной странице — ставим цифру ноль.

У всех выводимых элементов настройка одинаковая. Сначала выбираем из списка какой блок хотим выводить (или скрыть).

Image Removed

Затем напротив названия блока кликаем по значению с пунктиром и вводим значение с клавиатуры.

Image Removed

Для сохранения кликаем по кнопке с галочкой, а чтобы закрыть поле без изменений — кликаем на крестик.

Image Removed

В зависимости от дизайна сайта, анонсы новостей выводятся в разных частях страницы.

Image Removed

Добавить и отредактировать новости можно в разделе “News”.

Image Removed

Чтобы задать количество анонсов новостей на главной странице, кликаем напротив надписи “News count” чтобы открылось поле для ввода.

Image Removed

Вводим с клавиатуры нужное значение (0 — скрыть блок, остальные значения — показать на главной).

Image Removed

Сохраняем новое значение, нажав кнопку с галочкой:

Image Removed

После сохранения, анонсы новостей будут показаны на главной странице (или скрыты, если вы указали значение 0).

Post announcement

В зависимости от дизайна сайта, анонсы статей блога выводятся в разных частях страницы.

Содержимое блока можно настроить в разделе “Blog”:

Выбираем строчку “Post announcement” и кликаем по надписи с пунктиром, чтобы открылось поле для ввода.

Вводим с клавиатуры нужное значение (0 — скрыть блок, остальные значения — показать на главной).

По умолчанию выводится 3 анонса.

Сохраняем новое значение, нажав кнопку с галочкой.

После сохранения, изменения будут видны на главной странице вашего магазина.

Commented items

В зависимости от дизайна сайта, блок “Commented items” выводится в разных частях страницы.

Отредактировать отзывы на товары можно в разделе Catalog → Products reviews.

Ограничить к показу определенные виды товаров можно в разделе Catalog → Restrictions → Goods

...

Вводим с клавиатуры нужное значение (0 — скрыть блок, остальные значения — показать на главной). По умолчанию выводится 8 товаров, рекомендуемое максимальное количество — 20.

Сохраняем новое значение, нажав кнопку с галочкой:

...

Recommended sellers

В зависимости от дизайна сайта, блок “Recommended sellers” выводится в разных частях страницы.

Отредактировать список продавцов можно в разделе Catalog → Collections → Vendors

Ограничить к показу продавцов товаров можно в разделе Catalog → Restrictions → Vendors

...

Вводим с клавиатуры нужное значение (0 — скрыть блок, остальные значения — показать на главной).
По умолчанию выводится 8 продавцов, рекомендуемое максимальное количество — 20.

Сохраняем новое значение, нажав кнопку с галочкой:

...

Shop reviews

В зависимости от дизайна сайта, блок “Shop reviews” выводится в разных частях страницы.

Отредактировать отзывы можно в разделе Promotion → Shop reviews

...

Вводим с клавиатуры нужное значение (0 — скрыть блок, остальные значения — показать на главной).
По умолчанию отзывы скрыты и не показываются на главной странице.

Сохраняем новое значение, нажав кнопку с галочкой:

...

Popular brands

В зависимости от дизайна сайта, блок “Popular brands” выводится в разных частях страницы.

Отредактировать список брендов можно в разделе Catalog → Collections → Brands

Ограничить к показу бренды товаров можно в разделе Catalog → Restrictions → Brands

...

Вводим с клавиатуры нужное значение (0 — скрыть блок, остальные значения — показать на главной).
По умолчанию выводится 10 брендов, рекомендуемое максимальное количество — 20.

Сохраняем новое значение, нажав кнопку с галочкой:

...

Recommended items

В зависимости от дизайна сайта, блок “Recommended items” выводится в разных частях страницы.

Отредактировать товары можно в разделе Catalog → Collections → Recommended items

Ограничить к показу определенные виды товаров можно в разделе Catalog → Restrictions → Goods

...

Вводим с клавиатуры нужное значение (0 — скрыть блок, остальные значения — показать на главной). По умолчанию выводится 8 товаров, рекомендуемое максимальное количество — 200.

Сохраняем новое значение, нажав кнопку с галочкой:

...

Popular items

В зависимости от дизайна сайта, блок “Popular items” выводится в разных частях страницы.

Отредактировать товары можно в разделе Catalog → Collections → Popular goods. Однако, важно учесть то, что подборка заполняется автоматически на основе статистики сайта и удаленные вами товары попадают в черный список “Ограниченные к показу”.

Ограничить к показу определенные виды товаров (или вернуть к показу) можно в разделе Catalog → Restrictions → Goods

...

Вводим с клавиатуры нужное значение (0 — скрыть блок, остальные значения — показать на главной). По умолчанию выводится 8 товаров, рекомендуемое максимальное количество — 20.

Сохраняем новое значение, нажав кнопку с галочкой:

...

Recently viewed items

В зависимости от дизайна сайта, блок “Recently viewed items” выводится в разных частях страницы.

Отредактировать товары можно в разделе Catalog → Collections → Last viewed goods. Однако, важно учесть то, что подборка заполняется автоматически на основе статистики сайта и удаленные вами товары попадают в черный список “Ограниченные к показу”.

Ограничить к показу определенные виды товаров (или вернуть к показу) можно в разделе Catalog → Restrictions → Goods

...

Choose the way to display goods. Select "As carousel" or "As list" p-down list next to ".

Image Added

Select necessary option (in the example we select "As carousel").

Image Added

Save choice clicking check-marked button:

Image Added

Goods display on the home page will change immediately after saving the changes (in the example the display style is " As carousel"):

Image Added

We recommend to clear chache if display style didn't change.

Image Added

Refresh your store home page when notification appears that cache has been cleared.

Number of elements to be displayed

Select number of elements to display on the home page. 

All values are in numerical format. It is important to take into account if goods are displayed "As list" or "As carousel", as well as design of OT Box Platform.

However, there are general rules for settings:

  • Carousel takes less space on the page and Lists can include more offers at a time.
  • For Lists we recommend calculating the number of goods to put them as symmetrically as possible.
  • The more goods are specified in the settings, the longer the home page takes to load (long loading forces users to leave the site).
  • Set 0 if you don't want to show this block on the home page.

All displayed elements have the same setting. First, select from the list which block we want to display (or hide).

Image Added

Then, click value with a dotted line opposite the block name and enter value from keyboard.

Image Added

Click checkmark button to save or cross to close the field without changes.

Image Added

"News" block is displayed in different parts of the page depending on website design.

Image Added

You can add and edit news in “News” section.

Image Added

Click inscription in front of “News count” to open drop-down menu to set news announcements number for the home page.

Image Added

Enter necessary value from keyboard (0 - to hide the block, other values - to show on the home page).

Image Added

Save new value clicking check-marked button:

Image Added

News will be displayed on the home page after saving (or hidden if you set 0).

Blog articles

"Blog" section is displayed in different parts of the page depending on website design.

Content of this block can be edited in “Blog” section:

Image Added

Set display on the home page. Select “Post announcement” line and click blue dotted line to open input field.

Image Added

Enter necessary value from keyboard (0 - to hide the block, other values - to show on the home page).

Image Added

3 articles are displayed by default.

Save new value clicking check-marked button:.

Image Added

Changes will be displayed on the home page after saving (or hidden if you set 0).

Items with reviews

“Commented items” block is displayed in different parts of the page depending on website design.

Image Added

You can edit products reviews in Catalog → Products reviews section

Image Added

You can restrict certain types of goods in Catalog → Restrictions → Goods section

Image Added

Click blue dotted line next to “Commented items” to open input field and set number of goods to display on the home page.

Image Added

Enter necessary value from keyboard (0 - to hide the block, other values - to show on the home page). 8 goods are displayed by default, recommended maximum number is 20.

Image Added

Save new value clicking check-marked button:

Image Added

Goods will be displayed on the home page after saving (or hidden if you set 0).

Best vendors

"Best vendors" block is displayed in different parts of the page depending on website design.

Image Added

You can edit vendors' list in Catalog → Collections → Vendors section

Image Added

You can restrict certain vendors in Catalog → Restrictions → Vendors section

Image Added

Click blue dotted line next to “Recommended sellers” to open input field and set number of vendors to display on the home page.

Image Added

Enter necessary value from keyboard (0 - to hide the block, other values - to show on the home page).

8 vendors are displayed by default, recommended maximum number is 20.

Image Added

Save new value clicking check-marked button:

Image Added

Vendors will be displayed on the home page after saving (or hidden if you set 0).

Shop reviews

“Shop reviews” block is displayed in different parts of the page depending on website design.

Image Added

You can edit reviews in Promotion → Shop reviews section

Image Added

Click blue dotted line next to “Shop reviews” to open input field and set number of reviews to display on the home page.

Image Added

Enter necessary value from keyboard (0 - to hide the block, other values - to show on the home page).

Reviews are hiddden and are not displayed on the home page by default.

Image Added

Save new value clicking check-marked button:

Image Added

Reviews will be displayed on the homepage after saving if you have specified their number.

Popular brands

“Popular brands” block is displayed in different parts of the page depending on website design.

Image Added

You can edit brands list in Catalog → Collections → Popular brands section

Image Added

You can restrict brands in Catalog → Restrictions → Brands section

Image Added

Click blue dotted line next to “Popular brands” to open input field and set number of brands to display on the home page.

Image Added

Enter necessary value from keyboard (0 - to hide the block, other values - to show on the home page).

10 goods are displayed by default, recommended maximum number is 20.

Image Added

Save new value clicking check-marked button:

Image Added

Brands will be displayed on the homepage after saving if you have specified their number (or hidden if you set 0)

Recommended goods

“Recommended goods” block is displayed in different parts of the page depending on website design.

Image Added

You can edit goods in Catalog → Collections → Recommended Goods section

Image Added

You can restrict certain goods in Catalog → Restrictions → Goods section

Image Added

Click blue dotted line next to “Recommended items” to open input field and set number of goods to display on the home page.

Image Added

Enter necessary value from keyboard (0 - to hide the block, other values - to show on the home page). 

8 goods are displayed by default, recommended maximum number is 200.

Image Added

Save new value clicking check-marked button:

Image Added

Goods will be displayed on the home page after saving (or hidden if you set 0).

Popular goods

“Popular goods” block is displayed in different parts of the page depending on website design.

Image Added

You can edit goods in Catalog → Collections → Popular goods section. However, it is important to take into account that this collection is filled in automatically based on site statistics and deleted goods are included in “Restricted to display” black list.

Image Added

You can restrict certain goods (or display) in Catalog → Restrictions → Goods section

Image Added

Click blue dotted line next to “Popular goods” to open input field and set number of goods to display on the home page

Image Added

Enter necessary value from keyboard (0 - to hide the block, other values - to show on the home page). 8 goods are displayed by default, recommended maximum number is 20.

Image Added

Save new value clicking check-marked button:

Image Added

Goods will be displayed on the home page after saving (or hidden if you set 0).

Recently viewed goods

“Recently viewed goods” block is displayed in different parts of the page depending on website design.

Image Added

You can edit goods in Catalog → Collections → Last viewed goods section. However, it is important to take into account that this collection is filled in automatically based on site statistics and deleted goods are included in “Restricted to display” black list.

Image Added

You can restrict certain goods (or display) in Catalog → Restrictions → Goods section

Image Added

Click blue dotted line next to “Recently viewed goods” to open input field and set number of goods to display on the home page.

Image Added

Enter necessary value from keyboard (0 - to hide the block, other values - to show on the home page). 8 goods are displayed by default, recommended maximum number is 30.

Image Added

Save new value clicking check-marked button:

Image Added

Goods will be displayed on the home page after saving (or hidden if you set 0).

Goods from stock

It is a paid module of OT Box Platform. Read more about it in "Goods from Stock (module description)".

“Goods from stock” block is displayed in different parts of the page depending on website design.

Image Added

You can edit goods collection in Catalog → Collections → Items in stock section.

Image Added

Goods are added in Catalog → Items in stock section.

Image Added

You can restrict certain goods in Catalog → Restrictions → Goods section

Image Added

Click blue dotted line next to “Goods in warehouse” to open input field and set number of goods to display on the home page.

Image Added

Enter necessary value from keyboard (0 - to hide the block, other values - to show on the home page). 8 goods are displayed by default.

Image Added

Save new value clicking check-marked button:

Image Added

Goods will be displayed on the home page after saving (or hidden if you set

Вводим с клавиатуры нужное значение (0 — скрыть блок, остальные значения — показать на главной). По умолчанию выводится 8 товаров, рекомендуемое максимальное количество — 30.

Сохраняем новое значение, нажав кнопку с галочкой:

...

Goods in warehouse

В зависимости от дизайна сайта, блок “Goods in warehouse” выводится в разных частях страницы.

Отредактировать подборку товаров на складе можно в разделе Catalog → Collections → Items in stock. Сами товары на складе добавляются в разделе Catalog → Items in stock.

Ограничить к показу определенные виды товаров можно в разделе Catalog → Restrictions → Goods

...

Вводим с клавиатуры нужное значение (0 — скрыть блок, остальные значения — показать на главной). По умолчанию выводится 8.

Сохраняем новое значение, нажав кнопку с галочкой:

...

Pristroy

Платный модуль Коробки ОТ. Подробнее о пользе бизнесу и покупке можно прочитать в статье “Flea Market (Module description)”.

В зависимости от дизайна сайта, блок “Pristroy” выводится в разных частях страницы.

Отредактировать товары можно в разделе Catalog → Pristroy.

Ограничить к показу определенные виды товаров можно в разделе Catalog → Restrictions → Goods

...

Вводим с клавиатуры нужное значение (0 — скрыть блок, остальные значения — показать на главной). По умолчанию выводится 8 товаров.

Сохраняем новое значение, нажав кнопку с галочкой:

После сохранения, товары будут показаны на главной странице (или скрыты, если вы указали значение 0).