Тема дизайна премиум класса
для Webasyst Shop-Script

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

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

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

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

В 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

#FirstLastHandle
1 Mark Otto @mdo
2 Jacob>td >@fat
3Larry the Bird @twitter
Панель управления темой дизайна
Основные настройки
Добавить link rel canonial в head
Отображать фавиконку из настроек приложения Сайт
Отображать прелоадер
Использовать ленивую загрузку
Принудительно включать мобильную версию, если экран меньше значения в поле ввода, пиксель
Включить выбор приложения для поиска
В выключенном состоянии в каждом приложении будет отображаться свой поиск
Отображать кнопку Наверх
Панель управления темой
Оформление сайта
Настройки основного цвета сайта, шрифта, заголовков, кнопок
Оформление
Цветовая смеха сайта. Авто - оформление выбранное на устройстве пользователя по-умолчанию.
Базовый цвет
assets/img/themesettings/colors/335eea.png
assets/img/themesettings/colors/6610f2.png
assets/img/themesettings/colors/6f42c1.png
assets/img/themesettings/colors/e83e8c.png
assets/img/themesettings/colors/dc3545.png
assets/img/themesettings/colors/fd7e14.png
assets/img/themesettings/colors/ffc107.png
assets/img/themesettings/colors/28a745.png
assets/img/themesettings/colors/20c997.png
assets/img/themesettings/colors/17a2b8.png
assets/img/themesettings/colors/869ab8.png
assets/img/themesettings/colors/384c74.png
assets/img/themesettings/colors/506690.png
assets/img/themesettings/colors/42ba96.png
assets/img/themesettings/colors/7c69ef.png
assets/img/themesettings/colors/fad776.png
assets/img/themesettings/colors/df4759.png
assets/img/themesettings/colors/1b2a4e.png
assets/img/themesettings/colors/6c8aec.png
assets/img/themesettings/colors/161c2d.png
assets/img/themesettings/colors/818181.png
Свой базовый цвет
Акцентный цвет
assets/img/themesettings/colors/335eea.png
assets/img/themesettings/colors/6610f2.png
assets/img/themesettings/colors/6f42c1.png
assets/img/themesettings/colors/e83e8c.png
assets/img/themesettings/colors/dc3545.png
assets/img/themesettings/colors/fd7e14.png
assets/img/themesettings/colors/ffc107.png
assets/img/themesettings/colors/28a745.png
assets/img/themesettings/colors/20c997.png
assets/img/themesettings/colors/17a2b8.png
assets/img/themesettings/colors/869ab8.png
assets/img/themesettings/colors/384c74.png
assets/img/themesettings/colors/506690.png
assets/img/themesettings/colors/42ba96.png
assets/img/themesettings/colors/7c69ef.png
assets/img/themesettings/colors/fad776.png
assets/img/themesettings/colors/df4759.png
assets/img/themesettings/colors/1b2a4e.png
assets/img/themesettings/colors/6c8aec.png
assets/img/themesettings/colors/161c2d.png
assets/img/themesettings/colors/818181.png
Свой акцентный цвет
Добавить типографские стили для красивого отображения контента
Скругление элементов
Шрифт
assets/img/themesettings/fonts/native.jpg
assets/img/themesettings/fonts/exo2.jpg
assets/img/themesettings/fonts/jura.jpg
assets/img/themesettings/fonts/lora.jpg
assets/img/themesettings/fonts/merriweather.jpg
assets/img/themesettings/fonts/montserrat.jpg
assets/img/themesettings/fonts/nunito.jpg
assets/img/themesettings/fonts/opensans.jpg
assets/img/themesettings/fonts/playfair.jpg
assets/img/themesettings/fonts/roboto.jpg
assets/img/themesettings/fonts/rubik.jpg
Свой шрифт: CSS-свойство font-family
Изменение настройки доступно только для Премиум версии темы дизайна
Свой шрифт: ссылка
Изменение настройки доступно только для Премиум версии темы дизайна
Использовать шрифт только для заголовков
Сведения о компании
Информация о компании будет отображаться в шапке, подвале, блоках сайта, странице контактов
Название компании
Описание компании
Показывать график работы магазина из настроек Shop-Script
Логотип
Логотип
URL адрес логотипа в формате SVG
SVG логотип в формате HTML
Ширина логотипа в пикселях
Телефоны и адреса
  • Заголовок блока
    Город
    Адрес
    Время работы
    Телефон 01
    Телефон 01 - описание
    Телефон 02
    Телефон 02 - описание
    Телефон 03
    Телефон 03 - описание
  • Заголовок блока
    Город
    Адрес
    Время работы
    Телефон 01
    Телефон 01 - описание
    Телефон 02
    Телефон 02 - описание
    Телефон 03
    Телефон 03 - описание
Код Яндекс карты
Получить код карты можно здесь
Реквизиты
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
  • Заголовок блока
    Описание
Кнопка поделиться
Отображать кнопку поделиться на страницах магазина
Соцсети
Список поддерживаемых соцсетей можно найти тут.
  • Заголовок блока
    ID
  • Заголовок блока
    ID
  • Заголовок блока
    ID
  • Заголовок блока
    ID
  • Заголовок блока
    ID
Ссылки на соц. сети
Используется в мобильной шапке, подвале
Соцсети
  • Заголовок блока
    Класс
  • Заголовок блока
    Класс
  • Заголовок блока
    Класс
  • Заголовок блока
    Класс
  • Заголовок блока
    Класс
  • Заголовок блока
    Класс
  • Заголовок блока
    Класс
  • Заголовок блока
    Класс
  • Заголовок блока
    Класс
  • Заголовок блока
    Класс
Форма обратной связи
Ссылка\Кнопка для открытия формы обратной связи, которая используется в разных местах темы дизайна - шапка, подвал, блоки и тд.
Тип отображения
При выборе модального окна из темы дизайна необходимо настроить модальное окно и добавить форму в контент окна. Например из приложения CRM {$wa->crm->form(1)}.

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

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