Как вам помочь ?

Настройки дизайна

Статья актуальна для версии магазина: 8.5 | 6.0 | 5.0 | 2.6

В статье рассмотрим подробнее о том, какие настройки дизайна возможно произвести в интернет-магазине на платформе AdvantShop.

Рассмотрим последовательно:

Для того, чтобы произвести настройку шаблона, перейдите в пункт меню "Интернет-магазин" - "Параметры магазина", вкладка "Основные" раздел "Дизайн и представление" (рис. 1).

Настройки шаблона - 5769
Рисунок 1.

Дизайн и представление

В данном разделе возможно настроить:

Режим отображения главной страницы

Структура сайта может быть представлена в двухколоночном и одноколоночном режиме.

Настройки шаблона - 5908
Рисунок 2.

  • Одноколоночный режим представляет собой размещение содержимого сайта в одной колонке, то есть контент последовательно расположен в одной колонке по центру страницы.

Визуальное представление такой структуры показано на рисунке (рис.3).

Визуальное представление одноколончатого режима
Рисунок 3.

  • Двухколоночный режим представляет собой такую структуру сайта, когда визуально содержимое делится на две колонки:

1) левая колонка значительно уже правой и содержит в себе меню категорий каталога, боковые виджеты новостей, блок проверки статуса заказа, опрос, подарочные сертификаты, виджеты.
2) правая колонка значительно шире и отображает содержимое страниц сайта: основное меню, карусель и непосредственно товары.

Визуальное представление такой структуры сайта показано на рисунке (рис.4)

Визуальное представление двухколончатого режима
Рисунок 4.

Стиль отображения меню

В двухколоночном режиме существует возможность настраивать вид отображения бокового меню с категориями.

Для этого выбираем из списка  стиль и сохраняем настройки (рис.5)

Настройки шаблона - 2797
Рисунок 5.

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

В результате видим новый стиль отображения меню категорий и подкатегорий
Рисунок 6.

Расположение поиска

Данная настройка отвечает за то, в какой области на сайте будет отображаться окно поиска.

Настройки шаблона - 6151
Рисунок 7.

  • Нигде - если выбрать данную настройку, то поиска на сайте не будет.
  • Верхнее меню - поиск будет располагаться в верхнем меню (рис.8)

Поиск будет располагаться в верхнем меню
Рисунок 8.

  • Каталог - поиск будет располагаться в меню каталога (рис.9)

Поиск будет располагаться в меню каталога
Рисунок 9.

 

 

Отображать

  • Вы уже смотрели - это список товаров, которые клиенты просматривали ранее на сайте. (рис.12, цифра 1)
  • Список желания - активность данной настройки позволяет клиентам добавлять товары в свой список желаний (рис.12, цифра 2)

Список желания
Рисунок 12.

Для этого перейдите в пункт меню "Интернет-магазин - Параметры магазина", вкладка "Основные" раздел "Отображать"(см. рис.13)

Настройки шаблона - 6458
Рисунок 13.

Лого производителя

Лого производителя - это картинка, которая показывается в карточке товара справа и  рядом с названием производителя (бренда) в разделе "Бренды".

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

Настройки шаблона - 8515
Рисунок 14.

По умолчанию размеры:
Ширина 100 (px)
Высота 80 (px)

Измените размеры и нажмите "Сохранить настройки".

Внимание

Новые параметры будут действовать только для вновь загруженных изображений.

Результат будет выглядеть следующим образом (рис. 15).

Лого производителя - это картинка которая показывается рядом с названием производителя (бренда) в разделе "Бренды"
Рисунок 15.

Товар. Большая фотография, Товар. Средняя фотография, Товар. Маленькая фотография, Товар. Самая маленькая фотография

Подробнее о данной настройке можно ознакомиться здесь.

Категория. Большая фотография, Категория. Маленькая фотография

Подробнее о данной настройке можно ознакомиться здесь.

Изображение новости 

В данной настройке задаются размеры для изображения новости в списке новостей.

Для настройки этого пункта перейдите в пункт меню "Интернет-магазин" - "Параметры магазина", вкладка "Новости" - "Изображение новости"(см.рис 16)

Настройки шаблона - 8901
Рисунок 16.

В данной настройке задаются размеры для изображения новости в списке новостей
Рисунок 16.

Иконки для оплаты

Иконка для оплаты - картинка малого размера, выводится в процессе оформления заказа в списке методов оплаты.

Задаются размеры для иконок оплаты: Панель администрирования, пункт меню "Интернет-магазин" - "Параметры магазина" - "Оформление заказа" - секция "Иконки для оплаты" (рис. 17).

Настройки шаблона - 8690
Рисунок 17.

По умолчанию размеры:
Ширина 60 (px)
Высота 40 (px)

Измените размеры и нажмите "Сохранить настройки".

Внимание

Новые параметры будут действовать только для вновь загруженных изображений.

Пример картинки можно увидеть на рис. 18.

Иконки для оплаты
Рисунок 18.

Иконки для доставки

Иконка для доставки - по аналогии с иконкой оплаты, это картинка малого размера, выводится в процессе оформления заказа в списке методов доставки.

Панель администрирования, пункт меню "Интернет-магазин" - "Параметры магазина" - "Оформление заказа" - секция "Оформление заказа" (рис.17).

По умолчанию размеры:
Ширина 60 (px)
Высота 40 (px)

Измените размеры и нажмите "Сохранить настройки".

Внимание

Новые параметры будут действовать только для вновь загруженных изображений.

Пример картинки можно увидеть ниже (рис. 19).

Иконки для доставки
Рисунок 19.

Что если загрузить картинку больше чем указаны размеры в настройках?

Внимание

Установленные размеры - это максимально допустимые размеры, это означает, что если загрузить картинку размерами более, чем указанно в настройке, то картинка будет пропорционально сжата чтобы соответствовать размерам одной из сторон.

Мы рекомендуем загружать изображения, которые точь-в-точь, по своим размерам, соответствуют заданным размерам в настройках.

Готово. Мы рассмотрели основные настройки шаблона.

Другие статьи по теме

Статья оказалась полезной?
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить свою тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: Шаблон, настройки, Дизайн и представление, Карусель, картинка платежной системы, Товары на главной, Категории в каталоге, Товары в каталоге, Отображать, Лого производителя, Товар. Большая фотография, Товар. Средняя фотография, Товар. Маленькая фотография, Товар. Самая маленькая фотография,Категория. Большая фотография, Категория. Маленькая фотография, Изображение новости,Иконки для оплаты,Иконки для доставки, фото, фотография, фотографии, список желаний, список сравнений, список, изображение, изображения, избранное, отключить поиск, как убрать поиск по интернет магазину, Дизайн меню, стиль меню, вид меню, древовидный, современный, аккордеон, классический

Мы используем cookies. Подробнее...
0