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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

21 комментарий

  • +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.

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

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