Fashion House

Fashion House

  • $149.00
Demo
    Для версий X-Cart: 5.2.11.x - 5.4.1.x
Бесплатное обновление на 1 год
Нет нужной версии? Напишите нам
Автор: Qualiteam
Установки: 696
Рейтинг:
(34)
Fashion House
Увеличить

Стильный и легкий шаблон дизайна в пастельных тонах. Современный дизайн с четкими линиями. Шаблон подходит для магазинов, предлагающих модные высококачественные товары.

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

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

К дизайну подойдут:

  • Banner system (+$49.00)
    Создание баннера с помощью изображений, html кода и спецэффектов для продвижения товаров и анонсирования событий. 
  • Horizontal Flyout Categories Menu (+$19.95)
    Горизонтальное выпадающее меню категорий в витрине магазина.
  • My Wishlist (+$99.00)
    Создание списка желаний из понравившихся товаров.
  • Shop by Brand (+$49.00)
    Поиск товаров по брендам и торговым маркам.

Шаблон дизайна разработан для версий X-Cart Бизнес 5.2.16 и выше. Чтобы установить дизайн в X-Cart Мультивендор и X-Cart Все включенообратитесь к команде X-Cart

С версии 5.2.4 шаблон дизайна представлен в трех цветовых гаммах - розовой, голубой и бирюзовой. В изменении цветовой гаммы задействованы только CSS стили, поэтому изменения дизайна с помощью встроенного редактора отображаются во всех трех цветовых схемах. Переключение цветовой гаммы не требует дополнительных изменений. 

Средняя оценка:
(34)
Рейтинг: 4.3 из 5 (голосов: 34)
Войдите в систему, чтобы оставить отзыв
Пока нет ни одного комментария. Оставьте комментарий первым.

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

Поиск по брендам

Если в магазине настроен поиск по брендам (модуль Shop by brand), воспользуйтесь карусельным слайдером с логотипами брендов на главной странице магазина. Чтобы логотипы выглядели, как на демо-версии, установите белые изображения логотипов на прозрачном фоне. Чтобы изменить цвет карусельного слайдера, перейдите в раздел Интерфейс / Изображения в панели управления магазина, в секции Пользовательские картинки загрузите изображение, скопируйте CSS путь и вставьте его вместо 'image_path' в коде ниже:

.brands-carousel-block,.skin-FashionHouse-customer .brand-info .brand-logo { background-image: url('image_path'); }

Карусель товаров

Карусельный слайдер с товарами встроен в шаблон дизайна. Следующие секции товаров представлены в виде карусели:

  • Лидеры продаж
  • Рекомендованные товары
  • Распродажа
  • Новинки
  • С этим товаром также покупают
  • Покупатели, смотревшие этот товар, купили
  • Просмотренные

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

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

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

.skin-FashionHouse-customer div.products ul.products-grid.grid-list li.product-cell div.product-photo { width: 210px; height: 280px; } /* These sizes should be 2px smaller because of the parent borders */ .skin-FashionHouse-customer div.products ul.products-grid.grid-list li.product-cell div.product-photo a.product-thumbnail img{ max-width: 208px; max-height: 278px;}

Пролистывание страниц на мобильных устройствах

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

Значки

При наведении курсора на изображение в списке товаров в режиме отображения Сетка всплывают значки:

  • Список желаний (при включенном модуле My Wishlist)
  • Быстрый просмотр
  • В корзину (включается и отключается в разделе панели управления Настройка магазина / Витрина и оформление заказов, опция Показывать кнопку "Добавить в корзину" при отображении списка товаров в режиме "Сетка")
  • Сравнить (при включенном модуле Product Comparison)

Основной баннер

Шаблон дизайна совместим с модулем Banner System и поддерживает ротацию баннера. Баннер растянут на всю ширину главной страницы магазина. 

Три изображения на главной странице

Под основным баннером на главной странице расположены три изображения корневых категорий. Чтобы удалить эти изображения, откройте раздел Содержание / Главная страница и установите значение Спрятать для опции Формат списка категорий верхнего уровня:

body.target-main ul.subcategory-view-icons.subcategory-list.grid-list .subcategory-name { display: inline; }

Верхняя панель навигации

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

@media (min-width: 992px){ .skin-FashionHouse-customer #logo { max-width: 240px; /* this value is subtrahend in calc()*/ } .skin-FashionHouse-customer #logo + .navbar.navbar-inverse { /* 240px - is your logo width*/ width: calc(100% - 240px); width: -moz-calc(100% - 240px); width: -webkit-calc(100% - 240px); width: -o-calc(100% - 240px); } } 

Древовидный боковой список категорий

Шаблон дизайна поддерживает модули Horizontal Flyout Categorie и Flyout categories. Модуль Flyout categories выглядит необычно в этом шаблоне дизайна -  значок +/- справа от корневых категорий раскрывает и скрывает список подкатегорий. 

Basic
$19999
 
  • Installation and set up
  • Up to 1 banner
  • Up to 4 additional images
Pay
Advanced
$39999
 
  • Installation and set up
  • Up to 2 banners
  • Up to 8 additional images
  • Basic icon changes
Pay
Complete
$69999
 
  • Installation and set up
  • Up to 3 banners
  • Up to 12 additional images
  • Any icon changes
  • Background images changes
Pay