Получить демо-доступ к сайту
Отправить
Заполните форму и мы
отправим вам презентацию
Получить презентацию
Получить презентацию
Выберите преднастроенный вариант оформления
Стандарт 1
Главная во всю ширину, баннер широкий с 2 дополнительными изображениями, шрифт Montserrat.
Стандарт 2
Главная во всю ширину, баннер узкий с 2 дополнительными изображениями, вся главная страница состоит из плиток. Шрифт Montserrat.
Стандарт 3
Главная во всю ширину, баннер широкий с описанием и изображением поверх фона, шрифт IBM Plex.
Техника
Главная в 2 колонки, слева меню с изображениями категорий, справа контент. Баннер с описанием и изображением поверх фона находится в контентной части, шрифт IBM Plex.
Примеры работ
Применить
Цветовая схема
Отображать фон
Цвет фона
Шрифт
Эффект изображений
Размер заголовков
Размер текста
Ширина сайта
Отображать боковое меню
Кешировать шаблон конструктора
Выводить ссылки на соглашние "О персональных данных"
Карта
Режим поиска
Шаблон главной страницы
Блоки главной страницы
Баннер
Вид отображения
Иконки
Разделы
Вид отображения
Категории
Вид отображения
Фотогалерея
Вид отображения
Товары
Вид отображения
Отзывы
Вид отображения
Услуги
Вид отображения
Видео
Вид отображения
Преимущества
Вид отображения
Наша команда
Вид отображения
Вопрос-ответ
Вид отображения
Этапы работ
Вид отображения
Сертификаты
Вид отображения
Новости
Вид отображения
Акции
Вид отображения
О нас
Бренды
Вид отображения
Статьи
Вид отображения
Тарифы
Вид отображения
Видеогалерея
Вид отображения
Контакты
Вид отображения
Отображать всплывающее окно при наведении на иконки корзины в шапке
Шаблон шапки
Зафиксировать шапку
Мобильный шаблон шапки
Зафиксировать мобильную шапку
Режимы работы галереи в карточке товара
Режим отображения списка товаров по умолчанию
Вид бокового меню каталога
Использовать быстрый просмотр в каталоге
Отображать верхнюю панель в карточке товара
Отображать меню в корне каталога
Отображать меню в разделах каталога
Отображать меню в карточке товара
Шаблон корня каталога
Шаблон разделов каталога
Использовать AJAX при фильтрации каталога
Шаблон фильтра каталога
Шаблон элементов каталога вида "Список"
Шаблон элементов каталога вида "Расширенный список"
Шаблон элементов каталога вида "Плитка"
Шаблон карточки товара
Шаблон быстрого просмотра товара
Отображать меню в корне услуг
Шаблон корня услуг
Отображать меню в разделах услуг
Шаблон разделов услуг
Шаблон карточки услуги
Использовать корзину
Шаблон фиксированной корзины
Открывать фиксированную корзину при добавлении товара
Отображать оповещения при добавлении товара в корзину
Шаблон акций
Шаблон контактов
Шаблон новостей
Шаблон сертификатов
empty basket
Ваша корзина пуста
Выберите в каталоге интересующий товар
и нажмите кнопку «В корзину».
Перейти в каталог
Заказать звонок
г. Челябинск
Поиск
Войти
Логин
Пароль
Зарегистрироваться
После регистрации на сайте вам будет доступно отслеживание состояния заказов, личный кабинет и другие новые возможности
+7 (800) 100-45-85
+7 (351) 777-80-70
Копейское ш., 64
с 09:00 до 18:00
+7 (343) 214-51-05
Варшавское ш., 159, оф 206
с 18:00 по 19:00
Заказать звонок
Логин
Пароль
Зарегистрироваться
После регистрации на сайте вам будет доступно отслеживание состояния заказов, личный кабинет и другие новые возможности

Возможности

Типография

Стандартизированная типография на всем сайте. Далее приведены все стандарты типографии шаблона.

Заголовок H1 (h1, .intec-ui-markup-h1, [data-ui-markup="h1"])

Интернет-магазин (англ. online shop или e-shop) — сайт, торгующий товарами посредством сети Интернет. Позволяет пользователям онлайн, в своём браузере или через мобильное приложение, сформировать заказ на покупку, выбрать способ оплаты и доставки заказа, оплатить заказ.
(p, .intec-ui-markup-p, [data-ui-markup="p"])

При этом продажа товаров осуществляется дистанционным способом и она накладывает ограничения на продаваемые товары.
(blockquote, .intec-ui-markup-blockquote, [data-ui-markup="blockquote"])

Заголовок H2 (h2, .intec-ui-markup-h2, [data-ui-markup="h2"])

Когда онлайн-магазин настроен на то, чтобы позволить компаниям покупать у других компаний, этот процесс называется онлайн-магазинами бизнес для бизнеса (B2B).
(i, .intec-ui-markup-i, [data-ui-markup="i"])

Когда онлайн-магазин настроен на то, чтобы позволить компаниям покупать у других компаний, этот процесс называется онлайн-магазинами бизнес для бизнеса (B2B).
(b, .intec-ui-markup-b, [data-ui-markup="b"])

Заголовок H3 (h3, .intec-ui-markup-h3, [data-ui-markup="h3"])

  • Пункт обычного списка
  • Пункт обычного списка
  • Пункт обычного списка
  • Пункт обычного списка
  • (ul li, .intec-ui-markup-ul .intec-ui-markup-li, [data-ui-markup="ul"] [data-ui-markup="li"])

Заголовок H4 (h4, .intec-ui-markup-h4, [data-ui-markup="h4"])

  1. Пункт нумерованного списка
  2. Пункт нумерованного списка
  3. Пункт нумерованного списка
  4. Пункт нумерованного списка
  5. (ol li, .intec-ui-markup-ol .intec-ui-markup-li, [data-ui-markup="ol"] [data-ui-markup="li"])
Заголовок H5 (h5, .intec-ui-markup-h5, [data-ui-markup="h5"])

Ссылка 1, Ссылка 2, Ссылка 3 (a, .intec-ui-markup-a, [data-ui-markup="a"])

Заголовок H6 (h6, .intec-ui-markup-h6, [data-ui-markup="h6"])

Горизонтальная линия (hr, .intec-ui-markup-hr, [data-ui-markup="hr"])


Код (code, .intec-ui-markup-code, [data-ui-markup="code"])
<div class="intec-ui-markup-code">
Пример оформления кода
</div>

Элементы интерфейса

Каждый элемент интерфейса имеет класс .intec-ui, а также собственный класс .intec-ui-control-<элемент>.

Большинство элементов (кнопки, поля ввода, счетчики) имеют сетку в 4px и стандартную высоту в 32px. Размеры элементов можно менять с помощью класса .intec-ui-size-<размер>, где размер - это число от 1 до 5. Каждый размер увеличивает высоту элемента на 4px.

Все элементы (кроме полей ввода) имеют цветовые схемы. Цветовые схемы задаются с помощью класса .intec-ui-scheme-<схема>
Доступны следующие цветовые схемы:

  • current - Текущая цветовая схема сайта
  • blue - Синяя цветовая схема
  • red - Красная цветовая схема
  • green - Зеленая цветовая схема
  • orange - Оранжевая цветовая схема
  • gray - Серая цветовая схема

Кнопка (button)

Класс для применения: .intec-ui.intec-ui-control-button.

Кнопка

Для того чтобы сделать кнопку блочным элементом, необходимо добавить класс .intec-ui-mod-block.

Кнопка

Для того чтобы сделать кнопку прозрачной, необходимо добавить класс .intec-ui-mod-transparent.

Кнопка

Для того чтобы скруглить углы кнопки, необходимо добавить класс .intec-ui-mod-round-<значение>, где значение - это число от 1 до 5, которое эквивалентно скруглению в пикселях.

Кнопка
Кнопка
Кнопка
Кнопка
Кнопка

Интерактивная кнопка с иконкой, состоит из 2-х частей. Первая часть это контейнер с классом .intec-ui-part-icon (иконка), вторая - .intec-ui-part-content (содержимое кнопки). Иконка может быть расположена с любой стороны.

Кнопка
Кнопка
Цветовые схемы
Кнопка
Кнопка (current)
Кнопка (blue)
Кнопка (red)
Кнопка (green)
Кнопка (orange)
Кнопка (gray)
Размеры
Кнопка
Кнопка (1)
Кнопка (2)
Кнопка (3)
Кнопка (4)
Кнопка (5)

Поле ввода (input)

Класс для применения: .intec-ui.intec-ui-control-input.

Для того чтобы сделать поле ввода блочным элементом, необходимо добавить класс .intec-ui-mod-block.

Для того чтобы скруглить углы поля ввода, необходимо добавить класс .intec-ui-mod-round-<значение>, где значение - это число от 1 до 5, которое эквивалентно скруглению в пикселях.

Размеры

Сообщение или оповещение (alert)

Класс для применения: .intec-ui.intec-ui-control-alert.

Сообщение или оповещение.
Цветовые схемы
Сообщение или оповещение. (current)
Сообщение или оповещение. (blue)
Сообщение или оповещение. (red)
Сообщение или оповещение. (green)
Сообщение или оповещение. (orange)
Сообщение или оповещение. (gray)

Checkbox (checkbox)

Класс для применения: .intec-ui.intec-ui-control-checkbox.



Radio (radiobox)

Класс для применения: .intec-ui.intec-ui-control-radiobox.



Вкладки (tabs)

Класс для применения: .intec-ui.intec-ui-control-tabs.

Контент первой вкладки.
Контент второй вкладки.
Контент третьей вкладки.

Для того чтобы сделать вкладки блочным элементом, необходимо добавить класс .intec-ui-mod-block.

Контент первой вкладки.
Контент второй вкладки.
Контент третьей вкладки.