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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

59 комментариев

  • +1

    Хотелось бы добавить возможность отображения под категорий с фото в виде плитки. Как это сделать?

  • +3
    Валерий Плазов Валерий Плазов 19 декабря 2018 16:26 #

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

     

  • +1
    БОРИС ЛОБАЧЁВ БОРИС ЛОБАЧЁВ 23 декабря 2018 10:44 #

    Здравствуйте! на главной странице не отображаются остатки на складе. А отображаются остатки на складе только если непосредственно войти в товар!!!

    • +1
      Михаил Ушенин Михаил Ушенин Webasyst 24 декабря 2018 09:05 #

      Пожелания по доработке программных продуктов публикуйте, пожалуйста, в специальном разделе форума поддержки. Так их удобнее регистрировать и обсуждать, если потребуется. Или голосуйте/комментируйте аналогичные предложения других пользователей.

    • +1
      Руслан Гумеров Руслан Гумеров 23 января 2019 10:21 #

      Главное меню дублируется в левой панели. Как убрать дубль?

      • +1
        Михаил Ушенин Михаил Ушенин Webasyst 23 января 2019 13:43 #

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

        • +2
          Руслан Гумеров Руслан Гумеров 24 января 2019 12:54 #

          Здравствуйте Михаил!

          Никаких изменений в тему не вносилось, сегодня обновил тему, дублирование осталось.

          • +2
            Михаил Ушенин Михаил Ушенин Webasyst 24 января 2019 13:20 #

            В файле sidebar.html темы дизайна для Shop-Script замените строку

            {$_pages = $wa->shop->pages()}

            на

            {$_pages = false && $wa->shop->pages()}

            • +1
              Руслан Гумеров Руслан Гумеров 28 января 2019 17:13 #

              Михаил!

              Спасибо большое!

              И еще один вопрос! Как сделать Вид каталога таблицей по умолчанию?

              Названия длинные плитка не подходит.

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

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

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

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

            • +1
              fieldvis fieldvis 3 февраля 2019 13:48 #

              В теме дизайна вылезает дурацкий блок с режимом работы в неудобоваримом формате. Перечислены все дни недели и время работы. Зачем этот сделали? Раньше было нормально в формате Пн-Вс и время. Просьба дать объяснение кого это не устроило. Почему без согласования с пользователями поменяли без возможности исправить? Как исправить это?

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

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

              • +2
                Михаил Ушенин Михаил Ушенин 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
                    runner runner 6 марта 2019 17:34 #

                    Сортировка в теме "Гипермаркет".

                    В связи с отсутствием возможности выбора сортировки по возрастанию/убыванию посетителями сайта в фроненде, чуть дописал сортировку в теме гипермаркет. Дописывается она здесь products.sorting.html (может кому пригодится).

                    Осталась проблема: при попытке сортировки, например, "Цена по убыванию", сортировка происходит верно, НО отображается в окошке все равно "Цена по возрастанию", что будет путать посетителей. Подскажите, пожалуйста, что поправить? Код привожу ниже:

                    {strip}
                    {$_current_uri = $wa->currentUrl(0, 1)}
                    {$_active_sort_name = waRequest::get('sort', null)}
                    {$_sort_fields = [
                    "new" => [
                    "id" => "new",
                    "name" => _w("New & Popular"),
                    "uri" => "{$_current_uri}"
                    ],
                    "price" => [
                    "id" => "price",
                    "name" => _w("Цена по возрастанию"),
                    "uri" => "{$_current_uri}?sort=price&order=asc"
                    ],
                    "price2" => [
                    "id" => "price",
                    "name" => _w("Цена по убыванию"),
                    "uri" => "{$_current_uri}?sort=price&order=desc"
                    ],
                    "total_sales" => [
                    "id" => "total_sales",
                    "name" => _w("Bestsellers"),
                    "uri" => "{$_current_uri}?sort=total_sales&order=desc"
                    ],
                    "rating" => [
                    "id" => "rating",
                    "name" => _w("Customer rating"),
                    "uri" => "{$_current_uri}?sort=rating&order=desc"
                    ],
                    "create_datetime" => [
                    "id" => "create_datetime",
                    "name" => _w("Date added"),
                    "uri" => "{$_current_uri}?sort=create_datetime&order=desc"
                    ],
                    "name" => [
                    "id" => "Name",
                    "name" => _w("Название А-Я"),
                    "uri" => "{$_current_uri}?sort=name&order=asc"
                    ],
                    "name2" => [
                    "id" => "Name",
                    "name" => _w("Название Я-А"),
                    "uri" => "{$_current_uri}?sort=name&order=desc"
                    ],
                    "stock" => [
                    "id" => "stock",
                    "name" => _w("Много на складе"),
                    "uri" => "{$_current_uri}?sort=stock&order=desc"
                    ],
                    "stock2" => [
                    "id" => "stock",
                    "name" => _w("Мало на складе"),
                    "uri" => "{$_current_uri}?sort=stock&order=asc"
                    ]
                    ]}
                    {$_active_sort = $_sort_fields["new"]}
                    {if !empty($_active_sort_name) || !empty($_sort_fields[$_active_sort_name])}
                    {$_active_sort = $_sort_fields[$_active_sort_name]}
                    {/if}
                    {if !empty($_active_sort.name)}
                    {$wa->title( $wa->title()|cat:' — '|cat:$_active_sort.name)}
                    {/if}
                    {if !empty($category)}
                    <div class="s-sorting-list sort-filters">
                    <span class="s-label">[`Sorting`]:</span>
                    <div class="s-dropdown-wrapper">
                    <span class="s-sort-active">{$_active_sort.name|escape}</span>
                    <ul>
                    {foreach $_sort_fields as $_sort}
                    <li class="{if $_active_sort.id == $_sort.id}is-active{/if}">
                    <a href="{$_sort.uri}">{$_sort.name|escape}</a>
                    </li>
                    {/foreach}
                    </ul>
                    </div>
                    </div>
                    {/if}
                    {/strip}
                    • +1
                      Михаил Ушенин Михаил Ушенин Webasyst 6 марта 2019 18:01 #

                      В связи с отсутствием возможности выбора сортировки по возрастанию/убыванию посетителями сайта в фроненде

                      Вы имеете в виду это?

                      • +1
                        runner runner 6 марта 2019 18:45 #

                        Покупатель, например, не может выбрать цену по возрастанию или по убыванию и т.д.

                        Касательно моего вопроса: сможете подсказать, что поправить в коде, чтобы после процесса сортировки отображалась в окошке та сортировка, что выбрана и сделана?

                      • +1
                        Надежда Надежда 17 марта 2019 14:51 #

                        Подскажите, как изменить номер телефона на нужной мне витрине в шаблонах, какой шаблон нужно править?

                        Почему не реализованы штатные настройки контактов для разных витрин?

                        • +1
                          Михаил Ушенин Михаил Ушенин Webasyst 17 марта 2019 15:51 #

                          В файле header.layout.html в строке

                          <span class="s-phone">{$_phone}</span>

                          замените {$_phone} на нужный номер телефона.

                        • +1
                          Михаил Ушенин Михаил Ушенин Webasyst 17 марта 2019 15:51 #

                          Почему не реализованы штатные настройки контактов для разных витрин?

                          Пожелания по доработке программных продуктов публикуйте, пожалуйста, в специальном разделе форума поддержки. Так их удобнее регистрировать и обсуждать, если потребуется. Или голосуйте/комментируйте аналогичные предложения других пользователей.

                        • +1
                          Александр Терехин Александр Терехин 26 марта 2019 10:19 #

                          Добрый день.

                          Как поставить заглушку если нет картинки на товар?

                          • +1
                            Михаил Ушенин Михаил Ушенин Webasyst 26 марта 2019 11:08 #

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

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

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

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

                            • +2
                              Михаил Ушенин Михаил Ушенин 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
                                Anton Davydov Anton Davydov 11 апреля 2019 10:04 #

                                Благодарю, этот вариант работает отлично! 

                                Нет ли возможности скрывать основные категории, если нет подкатегорий? В этом случае получается дублль, так как все категории перечисляются при наведении или клике на Каталог.

                                • +1
                                  Михаил Ушенин Михаил Ушенин Webasyst 11 апреля 2019 12:22 #

                                  Покажите суть проблемы на снимке экрана, пожалуйста.

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

                                    Как вы и сказали, в открытой категории без подкатегорий будут показаны соседние категории в виде ссылок. То есть если в  категории 1 уровня нет подкатегорий, то отображается список всех категорий первого уровня. Этот же список выпадает при наведении или клике на Каталог и получается дубль. Возможно ли, чтобы это работало только для категорий 2, 3 и т д уровней и не касалось оснвоных?

                                    • +2
                                      Михаил Ушенин Михаил Ушенин Webasyst 12 апреля 2019 08:51 #

                                      Во фрагменте

                                      {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}

                                      замените

                                      {else}

                                      на

                                      {elseif $category.parent_id}

                                    • +1
                                      Vamel Vamel 7 мая 2019 20:56 #

                                      Подскажите, как редактировать код меню на главной? Не могу найти файл...

                                      хочу добавить иконки в меню

                                    • +1

                                      Добрый день! Как вообще убрать облако тегов?

                                    • +1

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

                                      • +1

                                        Во всех файлах темы дизайна, где найдёте, замените

                                        [`Buy`]

                                        на

                                        Другое слово

                                        Или, если вы готовы заменить это слово на всех своих витринах (если у вас их несколько штук), то можно изменить строку с ключом Buy в локализации Shop-Script с помощью приложения «My Lang: Лайт».

                                      • +1
                                        Петр Данилюк Петр Данилюк 27 июня 2019 10:46 #

                                        Добрый день как переделать выпадающий

                                        список категория не в бок а в низ при наведении или нажатии на категорию

                                      • +1
                                        Петр Данилюк Петр Данилюк 27 июня 2019 11:54 #

                                        Пробовал искать. не нашел! вопрос вроде тоже в правильной теме задал. почему такой ответ не понятно. либо есть решение либо так и скажите платно 

                                        • +1

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

                                        • +1
                                          Петр Данилюк Петр Данилюк 27 июня 2019 16:59 #

                                          Спасибо!!!

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

                                        • +1
                                          Петр Данилюк Петр Данилюк 15 июля 2019 16:11 #

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

                                        • +1
                                          Петр Данилюк Петр Данилюк 31 июля 2019 15:47 #

                                          главная страница сайта trendcar.ru как сделать что бы была не пустая страница с ошибкой 404 а что бы перекидывала сразу на trendcar.ru/shop

                                          • +1

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

                                            • +1
                                              Петр Данилюк Петр Данилюк 31 июля 2019 16:17 #

                                              мммм об этом я как бы тоже думал. можно конечно оформить страницу по этому адресу. но мне не хватает того редактора что есть что бы сделать оформление. так как у нас марки машин и нужно сделать ярлыки картинки с логотипом. а в редакторе что есть не получается красиво сделать. да и каталог слева после добавления страницы не открывается тоже не понятно

                                            • +1
                                              Петр Данилюк Петр Данилюк 22 августа 2019 17:03 #

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

                                              А сейчас они у меня из Раздела промо. не очень получается вв верху слайдер с товарами и внизу на эти товары написано распродажа

                                              • +1
                                                Михаил Ушенин Михаил Ушенин Webasyst 26 августа 2019 15:56 #

                                                В настройках темы дизайна в поле «Список промотоваров в слайдере» вместо идентификатора списка promo вставьте идентификатор списка с товарами-новинками. ID списка товаров скопируйте из настроек этого списка в разделе «Товары».

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

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