Тема дизайна «Гипермаркет»: как начать использовать

Семейство тем дизайна «Гипермаркет» предназначено для использования в интернет-магазинах, созданных с помощью приложения Shop-Script. Поддерживаются также приложения «Сайт», «Блог», «Фото», «Хаб», «Поддержка», «Рассылки», которые используются как вспомогательные — для создания дополнительных разделов на витрине интернет-магазина и в личном кабинете покупателя.

«Гипермаркет» лучше всего подходит для интернет-магазинов с большим ассортиментом товаров.

Использование на разных устройствах

Темы семейства «Гипермаркет» адаптированы для настольных компьютеров и планшетов. Для покупателей, использующих смартфоны, рекомендуется установить другую тему дизайна «Mobile» и выбрать ее в настройках поселений приложений в разделе «Структура» приложения «Сайт».

Настройки дизайна

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

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

Пример для «Блога»

Настройка главного меню

Главное меню сайта настройте в разделе «Настройки → {$wa->apps()} меню» приложения «Сайт»:

  • выберите вариант «Все приложения», чтобы главное меню сформировалось автоматически на основании поселений приложений в разделе «Структура», или
  • выберите вариант «Настроить», чтобы сформировать состав главного меню вручную из любых ссылок с произвольными адресами и названиями.

Настройка авторизации и личного кабинета

Чтобы на витрине интернет-магазина была возможность зарегистрироваться и входить в личный кабинет, включите авторизацию в разделе «Личный кабинет» приложения «Сайт».

Логически тема дизайна построена вокруг витрины интернет-магазина, поэтому удобнее всего выбрать Shop-Script в качестве приложения, ответственного за авторизацию и регистрацию посетителей сайта, в разделе «Личный кабинет → Настройки авторизации».

Устройство тем дизайна

Основные файлы семейства «Гипермаркет» — шаблон index.html и базовые CSS-стили — хранятся в теме дизайна приложения «Сайт» и используются темами остальных приложений.

34 комментария

  • +1
    Руслан Гумеров Руслан Гумеров 31 января 2019 19:45 #

    И все таки Михаил!

    Есть возможность изменить вид каталога плитку на таблицу по умолчанию?

    Заранее спасибо!

  • +1
    Алексей Алексей 27 февраля 2019 16:50 #

    Добрый день! Подскажите, как поменять желтый цвет элементов темы на другой? Большое спасибо!

    • +3
      Михаил Ушенин Михаил Ушенин Webasyst 27 февраля 2019 18:05 #

      В файле custom.css замените везде обозначение цвета #f9d550 на обозначение другого цвета, который вам нужен.

    • +1
      runner runner 5 марта 2019 23:58 #

      Здравствуйте. Над облаком тегов  есть название "Теги", никак не могу найти, где его менять (размер и само слово) в шаблонах. Подскажите пожалуйста.

      • +1
        Михаил Ушенин Михаил Ушенин Webasyst 6 марта 2019 09:10 #

        Размер шрифта можно изменить с помощью CSS. А на что вы хотите изменить слово «Теги»?

        • +1
          runner runner 6 марта 2019 14:39 #

          Заменить на что-то вроде "Навигация по категориям", например. Это тоже в css/custom.css ?

        • +1
          Anton Davydov Anton Davydov 11 апреля 2019 06:22 #

          Здравствуйте!

          Существует категория "А" в каталоге магазина. В категории "А" имеется еще 4 подкатегории. При переходе в категорию "А" все четыре подкатегории выводятся в меню в сайдбаре. Но при переходе в любую из этих 4 подкатегорий, меню с ними исчезает. Как сделаь так, чтобы при переходе в субкатегории оставалось меню со списком этих субкатегорий? Спасибо

          • +3
            Михаил Ушенин Михаил Ушенин Webasyst 11 апреля 2019 09:24 #

            Попробуйте в файле 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
            +79774996948 +79774996948 18 июля 2020 06:26 #

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

            • +1

              В настройках темы дизайна укажите идентификаторы списков товаров, которые вы хотите показать на главной странице. Там можно показать от 1 до 3 списков. Включите в каждый список любые нужные вам товары.

            • +1
              Alemag27 Alemag27 22 сентября 2020 22:43 #

              Добрый день.

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

            • +1
              Орехов Михаил Орехов Михаил 14 ноября 2020 17:05 #

              Здравствуйте, возможно ли изменить цвета кнопок? По умолчанию все кнопки и дополнительные элементы жёлтые, а мне бы хотелось в соответствии с фирменным стилем заменить цвет на светло-синий

              • +1
                Эрик Эрик Webasyst 16 ноября 2020 09:29 #

                Настройки темы дизайна этого не предусматривают. Но все можно сделать путем редактирования цвета кнопок в файле стилей css/custom.css, раздел Магазин / Витрина / Шаблоны. Изменяйте значения цвета для стиля .s-button

              • +1
                dum dum 3 мая 2021 09:54 #

                Включена пошаговое оформление заказ, дизайн Гипермаркет.

                Напишите, пожалуйста, в каком файле можно изменить цвет кнопок ( дизайн Гипермаркет). Так же, размер шрифта и отредактировать текст, в корзине оформления заказа...  

                • +1

                  Ваш вопрос не имеет прямого отношения к теме статьи. Задайте его в отдельной теме на форуме поддержки, пожалуйста, или поищите ответ на него с помощью функции поиска. Если решение нужно срочно, обратитесь за индивидуальной разработкой к партнёрам Webasyst.

                • +1
                  08lusi 08lusi 08lusi 08lusi 8 ноября 2021 00:07 #

                  Доброго времени суток, как тему дизайна адаптировать под мобильные устройства? открывается как с ПК и ничего не видно.

                  заранее благодарю за ответ

                  • +1
                    Михаил Ушенин Михаил Ушенин Webasyst 8 ноября 2021 08:43 #

                    Эта тема дизайна изначально не задумывалась для использования на мобильных устройствах. Для мобильных устройств выберите в настройках правила в структуре сайта другую тему дизайна, которая для этого предназначена, например, Mobile.

                  • +1
                    d.kreoline d.kreoline 22 ноября 2021 13:37 #

                    Не могу настроить на данной теме два плагина которые в других темах работают без проблем:
                    Ajax Фильтры - отображаются два ползунка для выбора параметров
                    Подсказки для фильтров - вообще не отображаются.

                    • +1
                      Михаил Ушенин Михаил Ушенин Webasyst 23 ноября 2021 09:13 #

                      Обратитесь за помощью к разработчику плагина, пожалуйста. Его координаты для связи есть на странице с описанием плагина в магазине Webasyst или в вашем «Инсталлере».

                      • +1
                        d.kreoline d.kreoline 23 ноября 2021 14:46 #

                        Один вопрос закрыл. Осталось с фильтрами разобраться. Разработчик пока молчит. Вопрос все еще висит как убрать один из ползунков с фильтров. Наверняка кто то уже разобрался. 

                      • +1
                        pisarev_sa88 pisarev_sa88 10 декабря 2021 10:42 #

                        Здравствуйте! Есть ли возможность у каталога товаров поменять заголовок "Каталог" на "Категории"?

                      • +1
                        Евгений Киселев Евгений Киселев 14 декабря 2021 12:03 #

                        Как можно сделать поиск как в дефолтной теме "живой" поиск?

                      • +1
                        stusha.shop@gmail.com stusha.shop@gmail.com 4 января 2022 12:55 #

                        Добрый день, можно ли в данной теме поставить банер сверху? Нашла только возможность менять логотип, но он маленький, и остается много пустого белого места, хотелось бы поставить картинку большего размера

                        Добавить комментарий

                        Чтобы добавить комментарий, зарегистрируйтесь или войдите