В статье используется тема дизайна Elastic. О смене темы дизайна Коробки ОТ можно прочитать в статье «Design template».
Image Removed
Расположение в админке: Конфигурация → Конструкция сайта → Прокручиваем мышкой вниз до блока «Главная страница»
Image Removed
Отображение товаров на странице
...
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 “Design template” manual.
Image Added
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”.
Список List (первые 8 товаров расположены или друг под другом или в одну строку — зависит от ширины экранаthe first 8 goods are located either under each other or in one line - depending on screen width).
Карусель 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
Анонсы новостей
В зависимости от дизайна сайта, новости выводятся в разной части страницы. В теме Elastic Новости расположены сразу после нижнего баннера после отзывов о магазине.
Image Removed
Добавить и отредактировать новости можно в разделе «News».
Image Removed
Чтобы задать количество анонсов новостей на главной странице, кликаем напротив надписи «Анонсы новостей» чтобы открылось поле для ввода.
Image Removed
Вводим с клавиатуры нужное значение (0 — скрыть блок, остальные значения — показать на главной).
Image Removed
Сохраняем новое значение, нажав кнопку с галочкой:
Image Removed
После сохранения, анонсы новостей будут показаны на главной странице (или скрыты, если вы указали значение 0).
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 articles
"News" block is displayed in different parts of the page depending on website design.
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.
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.
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.
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).