Семейство тем дизайна «Гипермаркет» предназначено для использования в интернет-магазинах, созданных с помощью приложения Shop-Script. Поддерживаются также приложения «Сайт», «Блог», «Фото», «Хаб», «Поддержка», «Рассылки», которые используются как вспомогательные — для создания дополнительных разделов на витрине интернет-магазина и в личном кабинете покупателя.
«Гипермаркет» лучше всего подходит для интернет-магазинов с большим ассортиментом товаров.
Использование на разных устройствах
Темы семейства «Гипермаркет» адаптированы для настольных компьютеров и планшетов. Для покупателей, использующих смартфоны, рекомендуется установить другую тему дизайна «Mobile» и выбрать ее в настройках поселений приложений в разделе «Структура» приложения «Сайт».
Настройки дизайна
В каждом из приложений для темы дизайна «Гипермаркет» есть страница настроек. В самом начале на ней перечислены настройки приложения «Сайт», потому что его тема является родительской для всего семейства.
После этого общего набора, в нижней части страницы настроек доступны настройки отдельных приложений — в редакторе дизайна каждого из этих приложений.
Пример для «Блога»
Настройка главного меню
Главное меню сайта настройте в разделе «Настройки → {$wa->apps()} меню» приложения «Сайт»:
- выберите вариант «Все приложения», чтобы главное меню сформировалось автоматически на основании поселений приложений в разделе «Структура», или
- выберите вариант «Настроить», чтобы сформировать состав главного меню вручную из любых ссылок с произвольными адресами и названиями.
Настройка авторизации и личного кабинета
Чтобы на витрине интернет-магазина была возможность зарегистрироваться и входить в личный кабинет, включите авторизацию в разделе «Личный кабинет» приложения «Сайт».
Логически тема дизайна построена вокруг витрины интернет-магазина, поэтому удобнее всего выбрать Shop-Script в качестве приложения, ответственного за авторизацию и регистрацию посетителей сайта, в разделе «Личный кабинет → Настройки авторизации».
Устройство тем дизайна
Основные файлы семейства «Гипермаркет» — шаблон index.html и базовые CSS-стили — хранятся в теме дизайна приложения «Сайт» и используются темами остальных приложений.
34 комментария
И все таки Михаил!
Есть возможность изменить вид каталога плитку на таблицу по умолчанию?
Заранее спасибо!
В файле products.html замените строку
{$_type = $_types["thumbs"]}на
{$_type = $_types["table"]}Спасибо Михаил!
Теперь красиво, супер!
Добрый день.
Подскажите , а можно еще меньше? - как в админке(при просмотре товара) третий способ view=skus
Для этого потребуется дополнительная разработка, но она выходит за рамки обсуждения статьи в базе знаний. За дополнительной разработкой обратитесь, пожалуйста, к нашим партнёрам или установите другую тему дизайна из магазина Webasyst.
Добрый день! Подскажите, как поменять желтый цвет элементов темы на другой? Большое спасибо!
В файле custom.css замените везде обозначение цвета #f9d550 на обозначение другого цвета, который вам нужен.
Здравствуйте. Над облаком тегов есть название "Теги", никак не могу найти, где его менять (размер и само слово) в шаблонах. Подскажите пожалуйста.
Размер шрифта можно изменить с помощью CSS. А на что вы хотите изменить слово «Теги»?
Заменить на что-то вроде "Навигация по категориям", например. Это тоже в css/custom.css ?
В css/custom.shop.css нашел как поменять шрифт и т.п., НО где заменить это само слово "ТЭГИ" не могу найти! Кто-нибудь знает?
В файле sidebar.html
Спасибо!
Здравствуйте!
Существует категория "А" в каталоге магазина. В категории "А" имеется еще 4 подкатегории. При переходе в категорию "А" все четыре подкатегории выводятся в меню в сайдбаре. Но при переходе в любую из этих 4 подкатегорий, меню с ними исчезает. Как сделаь так, чтобы при переходе в субкатегории оставалось меню со списком этих субкатегорий? Спасибо
Попробуйте в файле sidebar.html заменить
{if empty($category)} {$_catalogs = $wa->shop->categories(0, 0, false)} {elseif !empty($category.subcategories)} {$_catalogs = $category.subcategories} {/if}на
{if empty($category)} {$_catalogs = $wa->shop->categories(0, 0, false)} {elseif !empty($category.subcategories)} {$_catalogs = $category.subcategories} {else} {$_catalogs = $wa->shop->categories($category.parent_id, 1, false)} {/if}и
<li> <a href="{$cat_item.url}">{$cat_item.name}</a> </li>на
<li{if $cat_item.id == $category.id} class="bold"{/if}> {if $cat_item.id == $category.id} {$cat_item.name} {else} <a href="{$cat_item.url}">{$cat_item.name}</a> {/if} </li>Если в открытой категории нет подкатегорий, то будут показаны соседние категории — в виде ссылок — и открытая в данный момент — в виде текста.
Здравствуйте подскажите пожалуйста как вывести товар на главную страницу товара много категорий тоже много но на страницу выводится только восемь первых товаров которые загрузила изначально заранее спасибо
В настройках темы дизайна укажите идентификаторы списков товаров, которые вы хотите показать на главной странице. Там можно показать от 1 до 3 списков. Включите в каждый список любые нужные вам товары.
Добрый день.
Использую тему Гипермаркет на нескольких витринах, и не могу найти как задать для каждой витрины отдельный номер телефона.
Для этого нужно создать клон темы дизайна по инструкции https://support.webasyst.ru/shop-script/10341/storefronts-different-design-settings/ и для одной из копий темы задать телефон в шаблоне дизайна.
Здравствуйте, возможно ли изменить цвета кнопок? По умолчанию все кнопки и дополнительные элементы жёлтые, а мне бы хотелось в соответствии с фирменным стилем заменить цвет на светло-синий
Настройки темы дизайна этого не предусматривают. Но все можно сделать путем редактирования цвета кнопок в файле стилей css/custom.css, раздел Магазин / Витрина / Шаблоны. Изменяйте значения цвета для стиля .s-button
Доброго времени суток, как тему дизайна адаптировать под мобильные устройства? открывается как с ПК и ничего не видно.
заранее благодарю за ответ
Эта тема дизайна изначально не задумывалась для использования на мобильных устройствах. Для мобильных устройств выберите в настройках правила в структуре сайта другую тему дизайна, которая для этого предназначена, например, Mobile.
Не могу настроить на данной теме два плагина которые в других темах работают без проблем:
Ajax Фильтры - отображаются два ползунка для выбора параметров
Подсказки для фильтров - вообще не отображаются.
Обратитесь за помощью к разработчику плагина, пожалуйста. Его координаты для связи есть на странице с описанием плагина в магазине Webasyst или в вашем «Инсталлере».
Здравствуйте! Есть ли возможность у каталога товаров поменять заголовок "Каталог" на "Категории"?
Замените в файле header.layout.html фрагмент
на нужное вам слово.
Добрый день, можно ли в данной теме поставить банер сверху? Нашла только возможность менять логотип, но он маленький, и остается много пустого белого места, хотелось бы поставить картинку большего размера
Такой настройки в теме дизайна нет. Но это можно реализовать путём изменения шаблонов темы. За квалифицированной помощью в доработке обратитесь, пожалуйста, к нашим партнёрам, поищите ответ на свой вопрос на форуме поддержки или задайте там новый вопрос. Возможно также, что вам удастся решить свою задачу с помощью одного из плагинов в магазине Webasyst.
Добрый день.
Где я могу изменить баннеры-листовки главной страницы сайта на свои? и ссылки цветные ниже
Попробуйте изменить эти элементы с помощью группы настроек «Режим слайдера».
спасибо за ответ, но такой группы настроек сходу не нашла, искала во вкладках Сайт - "Оформление" - "дизайн"
строка поиска настроек также не выдает ничего по запросу
в кодах где-то можно покопаться?
Поищите эти настройки в разделе «Магазин → Витрина → Оформление → тема Гипермаркет».
+1