Отключение слайдера изображений категорий на страницах родительских категорий


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

5 ответов
  • Владимир Сергеев
    Разработчик
    Решение
    27 мая 2016 12:05

    Во-первых, мало кто знает, что в теме Формула Успеха есть "секретный режим".
    Когда на странице главной категории дочерние категории с картинками отображаются в стиле товаров.

    Чтобы это сделать нужно в настройках данной (главной) категории в поле дополнительных параметров добавить строку:

    only_Img=1

    Подробная инструкция расположена в настройках оформления темы - настройки магазина - категории товаров - Режим отображения ТОЛЬКО изображений категорий.

    Результат будет выглядеть вот так:

    Обращаю внимание, что товары в такой категории отображаться не будут.

  • Владимир Сергеев
    Разработчик
    Решение
    27 мая 2016 12:42

    Второй способ похож на отключение слайдера категорий на главной странице.

    Открываем приложение магазин - витринина - дизайн - Формула Успеха - шаблоны - файл options.shop.script.html.
    В нём находим строку:

    $('.sub_cat_img').owlCarousel({

    И меняем .sub_cat_img на что-нибудь другое, например на .sub__cat_img


    Зетем открываем файл category.html
    В нём ищем и удаляем код (три раза):

    src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-

    Если поиск по странице не найдёт всю строку, поищите по фрагементу кода: например data:image/gif;base64.
    Но удалить нужно именно тот код, что выделен выше (трижды).


    Затем в этом же файле ищем строки (тоже три):

    <li class="list-item h_c_i_item">
    

    Заменяем каждую из них на эту:

    <li class="list-item h_c_i_item col-md-2 col-sm-6">

    Теперь в этом же файле нужно найти строку:

    <ul class="sub_cat_img thumbs">

    И заменить её на эту (по сути просто добавить класс row):

    <ul class="sub_cat_img thumbs row">

    Далее нужно идти в приложение сайт - блоки - flatty.user_style и добавить в него следующий код:

    .sub_cat_img.thumbs .border,
    .sub_cat_img.thumbs .border a { opacity:1; height: 100px; display:block; text-align:center }
    .sub_cat_img.thumbs .border a img { height: 98px; width:auto; }

    Если хотите, чтобы названия категорий были видны сразу, то добавьте туда же ещё вот эти строки:

    .sub_cat_img.thumbs .border a .catslayer { opacity: .5 !important; }
    .sub_cat_img.thumbs .border a .h4 { opacity: 1 !important; }
    • Якубов Андрей
      12 января 2017 12:38

      Не могу найти, как отключить КАТЕГОРИИ ТОВАРОВ в сайдбаре.

      • Владимир Сергеев
        Разработчик
        Решение
        12 января 2017 12:49

        Данный элемент дизайна делал не я.
        Это, скорее всего, уже либо вы, либо вам кто-то сделал.

        За категории в сайдбаре отвечает файл в теме для приложения сайт – sidebar.shop_cats.html.

        Гляньте ещё файл sidebar.custom.html. Вдруг там что-то найдёте. Это произвольный код в сайдбаре..

  • Антон
    Решение
    27 мая 2016 13:37

    Супер !! только почему то по высоте растягиваются картинки. у меня картинки категорий 200 на 200, как сделать чтобы они выглядели так же хорошо, как на главной ? )

  • Антон
    Решение
    27 мая 2016 13:55

    А еще вопрос - возможно ли , чтобы при наведении на категорию, затемнение фотографии убиралось ?

  • Print Leko
    Решение
    28 июня 2017 18:52

    "Если хотите, чтобы названия категорий были видны сразу, то добавьте туда же ещё вот эти строки:"


    А можно что бы название категории было под картинкой, а не на ней?


    • Владимир Сергеев
      Разработчик
      Решение
      29 июня 2017 09:30

      Переместите

      <div class="h4 accent-font{if $theme_settings.h_c_i_colvo == '8'} c8{/if}">{$c.name|escape}</div>

      Или что-то подобное вне

      <div class="border accent-border">

      Только если хотите чтобы названия тоже были ссылками то нужно изменить этот фрагмент вот так:

      <a href="{$c.url}" class="h4 accent-font{if $theme_settings.h_c_i_colvo == '8'} c8{/if}">{$c.name|escape}</a>
Добавить ответ
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!