Новая типографика

Новая типографика - это автоматические стили, которые применяются к контенту в описании категорий и товаров, страницах и записях блога. Подробнее о том как это работает читайте в документации.

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

Визуальный редактор

В Easyweb: Seller есть улучшенный визуальный редактор настроек темы дизайна с витрины. В предыдущей нашей теме Ahead мы первые реализовали такой редактор, а в Seller он получил новую функции и был значительно оптимизирован. Например, добавились вложенные настройки для сортируемых блоков: для блоков главной страницы теперь можно указывать отступы сверху и снизу, разделитель и другие настройки.

Добавили новые типы полей: диапазон, выбор кнопками. Загружать изображения теперь можно при помощи Dran and Drop.

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

Это заголовок h3, а ниже цитата

Сотрудничаем EasyWeb более 5 лет. Все ТЗ разработки наших сайтов выполнены очень качественно. Сопровождение, правки и обновления все оперативно и во-время.
Разработка рекламных кампаний Яндекс директ на отлично. Быстрый вывод в топ десять SEO выдачи.
Ребята большие молодцы!!! Спасибо

А это пример вывода кода через тег pre

    <style>
        /*
        // START USER CSS STYLES
        */
    
        /* Изменение цвета текста на сайте */
        body { color: red; }
    
        /*
        // END USER CSS STYLES
        */
    </style>

Пример вывода изображения загруженного через wysiwyg

Promt: photo illustration from a world in the clouds, in the style of tanya shatseva, the stars art group (xing xing) , meghan howland, dark indigo and light cyan, mind-bending sculptures, realistic hyper-detail, fluid simplicity

Таблица созданная через wysiwyg

Все нужные стили добавятся автоматически к тегу table

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	>td >@fat
3	Larry the Bird		@twitter

Панель управления темой дизайна

Кнопка поделиться

Отображать кнопку поделиться на страницах магазина

Соцсети

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

Заголовок блока
Вконтакте
ID
vkontakte
Заголовок блока
Мой Мир
ID
moimir
Заголовок блока
Одноклассники.ru
ID
odnoklassniki
Заголовок блока
Telegram
ID
telegram
Заголовок блока
WhatsApp
ID
whatsapp

Форма обратной связи

Ссылка\Кнопка для открытия формы обратной связи, которая используется в разных местах темы дизайна - шапка, подвал, блоки и тд.

Основные настройки

Тип отображения

При выборе модального окна из темы дизайна необходимо настроить модальное окно и добавить форму в контент окна. Например из приложения CRM {$wa->crm->form(1)}.

Модальное окно можно вызвать при помощи класса .sellerFeedbackModalShow добавленного к элементу или при указании ссылки #sellerFeedbackModalShow.

При выборе стороннего модального окна необходимо настроить правильно ссылку и\или класс кнопки для вызова формы.

Модальное окно из темы дизайна

Модальное окно из стороннего приложения или плагина

Настройки ссылки

Дополнительные классы ссылки\кнопки

Ссылка

Текст ссылки\кнопки

Модальное окно и плавающая кнопка

Заголовок

Контент окна (SMARTY)

Показывать кнопку в нижнем правом углу

Не показывать

Только на десктопных устройствах

Всегда

Уведомление об использовании cookies

Включено

Дополнительный текст (HTML)

Цели Яндекс.Метрики

Номер счетчика Яндекс.Метрики

Добавление товара в корзину

Добавление товара к сравнению

Добавление товара в избранное

Начало оформление заказа

Срабатывает при посещении страницы оформления заказа. Результат посещения записывается в cookies и будет сброшен через 7 дней.

Успешное оформление заказа

Срабатывает при посещении страницы успешного оформления заказа. Результат посещения записывается в cookies и будет сброшен через 7 дней.

Приложение Блог

Основные настройки

Тип отображения записей

assets/img/themesettings/home/posts/types/posts_01.jpg

Элементов в строке

Запись блога

Тип отображения

assets/img/themesettings/blog/post/types/post_01.jpg

assets/img/themesettings/blog/post/types/post_02.jpg

Отображать заглушку записи внутри поста

Сайдбар

Виджеты сайдбара

Для пользовательских блоков создайте их в приложении Сайт - Блоки

Все блоги
Хронология записей

Приложение Фото

Приложение поддерживается только Премиум версией темы дизайна

Основные настройки

Тип отображения альбомов

assets/img/themesettings/home/albums/types/albums_01.jpg

Элементов в строке

3 элемента

4 элементов

Тип отображения фотографий

assets/img/themesettings/home/photos/types/photos_01.jpg

Элементов в строке

3 элемента

4 элементов

Главная страница

Заголовок страницы

Отображать альбомы

Отображать фотографии

Заголовок перед фотографиями

Приложение Поддержка

Приложение поддерживается только Премиум версией темы дизайна

Сайдбар

Виджеты сайдбара

Для пользовательских блоков создайте их в приложении Сайт - Блоки

Новый запрос
Категории

Приложение Хаб

Приложение поддерживается только Премиум версией темы дизайна

Сайдбар

Виджеты сайдбара

Для пользовательских блоков создайте их в приложении Сайт - Блоки

Добавить запись
Комментарии
Сотрудники

Приложение Форма обратной связи

Статус приложения

Каталог товаров

Отображение выпадающего меню при клике на кнопку Каталог товаров. Одинаковое для всех шапок.

Тип отображения

assets/img/themesettings/header/catalog/types/catalog_01.jpg

assets/img/themesettings/header/catalog/types/catalog_02.jpg

assets/img/themesettings/header/catalog/types/catalog_03.jpg

Отображать пункт меню Бренды (Бренды Pro)

Для первого типа отображению меню

Отображать пункт меню Весь каталог

Ссылка пункта меню Весь каталог

Отображать картинки категорий

Слева

Сверху

Не отображать

Отображать кол-ва товаров

Отображать только эти категории каталога

Укажите ID категорий товаров, которые будут отображаться. Например: 1,2,3

Исключить эти категории

Укажите ID категорий, которые будут исключены. Например: 1,2,3

Верхняя часть шапка

Общие настройки

Отображать верхнюю часть шапки

Элементы меню

Состав шапки

Для пользовательских элементов создайте их в приложении Сайт - Блоки

Заголовок блока
Переключатель валюты
Путь к шаблону или id блока
html/header/desktop/blocks/currency
Классы контейнера
Заголовок блока
Переключатель языка
Путь к шаблону или id блока
html/header/desktop/blocks/lang
Классы контейнера
Заголовок блока
Плагин: Выбор города
Путь к шаблону или id блока
html/header/desktop/blocks/plugin_cityselect
Классы контейнера
Заголовок блока
Навигационное меню
Путь к шаблону или id блока
html/header/desktop/blocks/nav_pages
Классы контейнера
flex-grow-1
Заголовок блока
Контактная информация
Путь к шаблону или id блока
html/header/desktop/blocks/callback
Классы контейнера
Заголовок блока
Переключатель оформления
Путь к шаблону или id блока
html/header/desktop/blocks/theme-mode
Классы контейнера

Навигационное меню

Источник ссылок для навигационного меню

ID меню из приложения «Управление меню»

Отображать только эти страницы

Укажите ID страниц, которые будут отображаться. Например: 1,2,3

Исключить эти страницы

Укажите ID страниц, которые будут исключены. Например: 1,2,3

Категории товаров

Тип отображения

assets/img/themesettings/home/categories/types/categories_01.jpg

assets/img/themesettings/home/categories/types/categories_02.jpg

Элементов в строке

Включить скроллинг вправо на мобильных устройствах

Отображать кол-ва товаров

Заголовок

Описание

Ссылка

Отображать только эти категории каталога

Укажите ID категорий товаров, которые будут отображаться. Например: 1,2,3

Исключить эти категории

Укажите ID категорий, которые будут исключены. Например: 1,2,3

Бренды

В теме дизайна используется плагин Бренды PRO.

Тип отображения

assets/img/themesettings/home/brands/types/brands_01.jpg

Элементов в строке

Заголовок

Описание

Отображать название бренда

Отображать только эти бренды

Укажите ID брендов, которые будут отображаться. Например: 1,2,3

Исключить эти бренды

Укажите ID брендов, которые будут исключены. Например: 1,2,3

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

0 - отображать все бренды

Преимущества

Тип отображения

assets/img/themesettings/home/advantages/types/advantages_01.jpg

Горизонтальный скроллинг на мобильных устройствах

Элементов в строке

3 элемента

4 элемента

5 элементов

Заголовок

Описание

Список преимуществ с иконками

Заголовок
Быстрая доставка
Описание
Бережно доставляем товары по России за 24 часа
Ссылка
Заголовок
Бонусы за покупку
Описание
Бережно доставляем товары по России за 24 часа
Ссылка
Заголовок
Гарантия качества
Описание
Бережно доставляем товары по России за 24 часа
Ссылка
Заголовок
Обратная связь
Описание
Бережно доставляем товары по России за 24 часа
Ссылка
#sellerFeedbackModalShow

Списки товаров 01

Тип отображения

assets/img/themesettings/home/products/types/grid.jpg

assets/img/themesettings/home/products/types/swiper.jpg

Горизонтальный скроллинг товаров на мобильных устройствах

Используется в типе отображения плиткой

Количество товаров в списках

Товаров в строке

4 товара

5 товаров

Заголовок

Списки товаров

Название списка
Кольца
ID списка товаров
jewelry
Название списка
Серьги
ID списка товаров
jewelry-koltsa
Название списка
Часы
ID списка товаров
chasy
Название списка
Советуем
ID списка товаров
featured

Списки товаров 02

Тип отображения

Горизонтальный скроллинг товаров на мобильных устройствах

Используется в типе отображения плиткой

Количество товаров в списках

Товаров в строке

4 товара

5 товаров

Заголовок

Списки товаров

Название списка
Серьги
ID списка товаров
jewelry-koltsa

Записи блога

Тип отображения

ID Блога

Цифра в конце адресной строки браузера при открытом приложении Блог в административной панели и выбранном блоге в сайдбаре. Если указать null, то отображаются все открытые записи.

Элементов в строке

Заголовок

Описание

Ссылка

Видео из YouTube

Тип отображения

assets/img/themesettings/home/videos/types/videos_01.jpg

Заголовок

Описание

Ссылка

Список видео

Заголовок
Atomic Hearth (RuTube)
Ссылка на видео
https://rutube.ru/play/embed/b8ca977963a143b7a6a3c20e100a9152/
Ссылка на изображение
Заголовок
Atomic Hearth (VK)
Ссылка на видео
https://vk.com/video_ext.php?oid=-67580761&id=456266000&hash=265d9a0ccdf70920&hd=2&autoplay=1
Ссылка на изображение
https://sun1-25.userapi.com/HDwOeT3ulygFQhca16nqekNwlSnQCoGi2O4LaQ/nRf_Xx0rDQk.jpg
Заголовок
The Cranberries - Zombie
Ссылка на видео
https://youtu.be/6Ejga4kJUts
Ссылка на изображение
Заголовок
Depeche Mode - Where's the Revolution
Ссылка на видео
https://youtu.be/jsCR05oKROA
Ссылка на изображение
Заголовок
RADIO TAPOK - Халхин-Гол
Ссылка на видео
https://youtu.be/lSiRmPlFnmw
Ссылка на изображение

Отзывы из приложения Easyreviews

Тип отображения

assets/img/themesettings/home/easyreviews/types/easyreviews_01.jpg

Заголовок

Описание

Ссылка

ID витрины из приложения отзывы

Id полей приложения для вывода в блоке ( через запятую )

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

Отзывы о товарах

Тип отображения

assets/img/themesettings/home/reviews/types/reviews_01.jpg

Заголовок

Описание

Ссылка

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

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

О компании

Тип отображения

assets/img/themesettings/home/about/types/about_01.jpg

Заголовок

Описание

Ссылка

Изображение 661x588 пикселей

Перетащите файл сюда или выберите файлПриемлемые форматы: JPG, PNG, GIF, WEBP

Категории

Тип отображения

assets/img/themesettings/sidebar/categories/types/categories_01.jpg

Страницы

Тип отображения

assets/img/themesettings/sidebar/pages/types/pages_01.jpg

Источник ссылок для навигационного меню

ID меню из приложения «Управление меню»

Отображать только эти страницы

Укажите ID страниц, которые будут отображаться. Например: 1,2,3

Исключить эти страницы

Укажите ID страниц, которые будут исключены. Например: 1,2,3

Отображение под-категорий

Общие настройки

Отображать подкатегории

Тип отображения

Элементов в строке

Отображать кол-ва товаров

Количество отображаемых категорий до кнопки "Показать еще"

Отображать только эти категории каталога

Укажите ID категорий товаров, которые будут отображаться. Например: 1,2,3

Исключить эти категории

Укажите ID категорий, которые будут исключены. Например: 1,2,3

Общие настройки

Рекомендуемые товары

Блок комментария пользователя расскрыт по-умолчанию

Баннер в сайдбаре

Используйте изображение 250x0 пикселей

Список промо-карточек

Баннер над подвалом

Используйте изображение 1920x120 пикселей

Список промо-карточек

Авторизация через социальные сети

Тип отображения авторизации через соц-сети

Кнопки

Иконки

Восстановление пароля

Дополнительный текст (HTML)

Авторизация

Дополнительный текст (HTML)

Регистрация

Дополнительный текст (HTML)

Шапка

Каталог товаров

Показывать каталог

Развернутый каталог

Количество уровней дочерних элементов

Исключить эти категории

Укажите ID категорий, которые будут исключены. Например: 1,2,3

Меню страниц

Источник ссылок для навигационного меню

ID меню из приложения «Управление меню»

Количество уровней дочерних элементов

Исключить эти страницы

Укажите ID страниц, которые будут исключены. Например: 1,2,3

Каталог товаров

Отображать бейджи (наклейки)

Фиксированная панель

Включить панель

Показывать названия элементов

Элементы панели

Заголовок
Главная
Ссылка
{$logo_url}
Путь к id блока
Класс контейнера
Заголовок
Корзина
Ссылка
{$cart_url}
Путь к id блока
Класс контейнера
b-cart
Заголовок
Избранное
Ссылка
{$wishlist_url}
Путь к id блока
Класс контейнера
js-wishlist-wrapper
Заголовок
Сравнение
Ссылка
{$compare_url}
Путь к id блока
Класс контейнера
js-compare-wrapper
Заголовок
Поиск
Ссылка
Путь к id блока
Класс контейнера
js-mobile-search-toggle
Заголовок
Каталог
Ссылка
Путь к id блока
Класс контейнера
js-mobile-catalog-toggle

Каталог товаров

Установите приложение Настройки шаблонов через Инсталлер.
Создайте страницу в приложении Магазин и разместите на ней код ниже.


                        {* GET THEME *}

                        {$theme_id = waRequest::getTheme()}


        
                        {* UTILS *}

                        {include "{$wa->site->themePath($theme_id)}u-utils.html"}


        
                        {* GET THEMESETTINGS *}

                        {$theme_settings = $wa->themesettings->getThemeSettings($theme_id, "site", true)}


        
                        {* LAYOUT *}

                        {call include_template template="html/pages/catalog/catalog" app="shop"}

Тип отображения

Отображать кол-ва товаров

Заголовок

Описание

Отображать только эти категории каталога

Укажите ID категорий товаров, которые будут отображаться. Например: 1,2,3

Исключить эти категории

Укажите ID категорий, которые будут исключены. Например: 1,2,3

Элементов в строке

Контакты


                        {* GET THEME *}

                        {$theme_id = waRequest::getTheme()}


        
                        {* UTILS *}

                        {include "{$wa->site->themePath($theme_id)}u-utils.html"}


        
                        {* GET THEMESETTINGS *}

                        {$theme_settings = $wa->themesettings->getThemeSettings($theme_id, "site", true)}


        
                        {* LAYOUT *}

                        {call include_template template="html/pages/contacts/contacts"}

Тип отображения

assets/img/themesettings/pages/contacts/types/contacts_01.jpg

Отображение карты

Перед адресами

После адресов

Не отображать

Документы


                        {* GET THEME *}

                        {$theme_id = waRequest::getTheme()}


        
                        {* UTILS *}

                        {include "{$wa->site->themePath($theme_id)}u-utils.html"}


        
                        {* GET THEMESETTINGS *}

                        {$theme_settings = $wa->themesettings->getThemeSettings($theme_id, "site", true)}


        
                        {* LAYOUT *}

                        {call include_template template="html/pages/documents/documents"}

Тип отображения

assets/img/themesettings/pages/documents/types/documents_01.jpg

Список документов

Оставьте ссылку у элемента пустой, чтобы разделить их на группы

Заголовок блока
Сертификаты
Описание
Сертификаты на товары — это документы, используемые для проверки качества, подлинности и происхождения произведенных товаров. Сертификаты подтверждают, что продукты были протестированы и признаны соответствующими определенным стандартам.
Ссылка
Цвет иконки
Заголовок блока
Сертификат качества
Описание
Сертификат качества – документ, подтверждающий соответствие объекта требованиям нормативных документов, действующий на территории страны, выдавшей сертификат.
Ссылка
#
Цвет иконки
Заголовок блока
Лицензия на оказание услуг
Описание
Лицензии на осуществление деятельности по оказанию телематических услуг связи, услуг связи по передаче данных, за исключением услуг связи по передачи данных для целей передачи голосовой информации, услуг по передаче данных для нужд органов государственной власти, нужд обороны страны, безопасности государства и обеспечения правопорядка.
Ссылка
#
Цвет иконки
Заголовок блока
Сертификат о прохождении обучения
Описание
Серификат о прохождении обучения по программе для руководителей и специалистов организаций, осуществляющих образовательную деятельность по образовательным программам среднего профессионального и высшего образования в сфере охраны труда.
Ссылка
#
Цвет иконки
Заголовок блока
Документы
Описание
Ссылка
Цвет иконки
Заголовок блока
Реквизиты
Описание
Ссылка
#
Цвет иконки

Реквизиты


                        {* GET THEME *}

                        {$theme_id = waRequest::getTheme()}


        
                        {* UTILS *}

                        {include "{$wa->site->themePath($theme_id)}u-utils.html"}


        
                        {* GET THEMESETTINGS *}

                        {$theme_settings = $wa->themesettings->getThemeSettings($theme_id, "site", true)}


        
                        {* LAYOUT *}

                        {call include_template template="html/pages/requisites/requisites"}

Тип отображения

assets/img/themesettings/pages/requisites/types/requisites_01.jpg

Ответы на вопросы


                        {* GET THEME *}

                        {$theme_id = waRequest::getTheme()}


        
                        {* UTILS *}

                        {include "{$wa->site->themePath($theme_id)}u-utils.html"}


        
                        {* GET THEMESETTINGS *}

                        {$theme_settings = $wa->themesettings->getThemeSettings($theme_id, "site", true)}


        
                        {* LAYOUT *}

                        {call include_template template="html/pages/faq/faq"}

Тип отображения

assets/img/themesettings/pages/faq/types/faq_01.jpg

Вопросы и ответы

Заголовок блока
Какие варианты доставки вы можете предложить?
Описание
Наш интернет-магазин предлагает несколько вариантов доставки: курьерская, постоматы, почта России, самовывоз. Выбрать удобный вариант доставки вы можете при оформлении заказа на сайте или по телефону.
Заголовок блока
Какие есть варианты оплаты?
Описание
Наш интернет-магазин предлагает несколько вариантов оплаты: наличными, онлайн-оплата, безналичный расчет для юр.лиц, криптовалютой. Выбрать удобный вариант доставки вы можете при оформлении заказа на сайте или по телефону.
Заголовок блока
Расскажите про гарантию на товар
Описание
На все продукты, продаваемые нашей компанией, распространяется железная гарантия качества. Мы гордимся тем, что продаем только качественные товары и отвечаем за них на 100%.
Заголовок блока
Как вернуть товар?
Описание
Если вы недовольны своей покупкой по какой-либо причине, вы можете вернуть ее и получить полный возврат средств в течение 30 дней с даты покупки. Все возвраты должны сопровождаться оригинальным чеком. Возвраты, полученные без чека, не принимаются.
Заголовок блока
Что делать, если получил поврежденный товар
Описание
Если вы получили товар в поврежденном состоянии, пожалуйста, немедленно свяжитесь с нами. Мы предоставим вам замену, если таковая имеется, или полный возврат средств при получении поврежденного товара.

Общие

Тип отображения

assets/img/themesettings/footer/types/footer_01.jpg

assets/img/themesettings/footer/types/footer_02.jpg

Мы принимаем к оплате

Будут показаны логотипы настроенных платежных плагинов.

Показывать переключатель языка внизу страниц

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

Показывать переключатель валюты

Копирайт

Показывать логотип Webasyst

Показывать логотип Easyweb

Дополнительный HTML

Форма подписки

Работает при наличии приложения "Рассылки" и установленной премиум версии темы дизайна

Выводить форму

Форма подписки отображается, только если установлено приложение «Рассылки». Подписчики добавляются в общий список подписчиков.

Заголовок

Информация об обработке персональных данных

Навигация

Настройки основного цвета сайта, шрифта, заголовков, кнопок

Колонка №1

Заголовок

Ссылки

Заголовок
Каталог
Ссылка
#!
Открывать в новом окне
Заголовок
Бренды
Ссылка
#!
Открывать в новом окне
Заголовок
Услуги
Ссылка
#!
Открывать в новом окне
Заголовок
Акции
Ссылка
#!
Открывать в новом окне

Колонка №2

Заголовок

Ссылки

Заголовок
О компании
Ссылка
#!
Открывать в новом окне
Заголовок
Реквизиты
Ссылка
#!
Открывать в новом окне
Заголовок
Документы
Ссылка
#!
Открывать в новом окне
Заголовок
Новости
Ссылка
#!
Открывать в новом окне

Колонка №4

Заголовок

Ссылки

Заголовок
Сервисные центры
Ссылка
#!
Открывать в новом окне
Заголовок
Корпоративным клиентам
Ссылка
#!
Открывать в новом окне
Заголовок
Вопрос-ответ
Ссылка
#!
Открывать в новом окне

Готовые конфигурации

Конфигурации для шаблона Easyweb: Seller — это готовые тематические настройки дизайна, которые оптимизированы под определенные ниши, такие как одежда, ювелирные украшения, мебель, электроника и другие. Каждая конфигурация включает в себя заранее продуманные элементы, блоки и цветовые схемы, соответствующие нише, что экономит время и усилия при настройке.

Это особенно удобно для тех, кто хочет быстро запустить стильный и функциональный интернет-магазин с минимальными затратами времени на разработку дизайна.