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

Ключ

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


Оглавление

...

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 carousel”. 

  1. List (the first 8 goods are located either under each other or in one line - depending on screen width).

    Image Added

  2. Carousel (the first 5 goods are displayed and the rest of the goods are available by clicking on the left and right arrows).

    Image Added

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). is under construction