Вход • Регистрация

Изменение разметки на странице подкатегорий

  •
  • 15 июля 2018 г. , редакция: 15 июля 2018 г.
  • Подскажите, в каком направлении копать, сейчас подкатегории идут одним столбцом, как на втором скрине.
    Нужно их разделить на два столбца, как на первом скрине.
    Возможно ли это сделать с минимальными знаниями или стоит сразу заказывать доработку?
    •
    • 15 июля 2018 г.
    • Думаю, что сможете справиться самостоятельно.
      Но для начала отключите на сайте кеш (в админке Параметры сайта - Режим разработки) и покажите, собственно, сам сайт. Посмотрим, что там можно сделать.
      •
      • 15 июля 2018 г.
      • Кеш отключил. Сам сайт http://zemial-89890.p2.gu3.ru/
        •
        • 15 июля 2018 г.
        • Можно в стилях поменять

          Код
          .shop-block-categories {
          margin-bottom: 1.25em;
          column-count: 2; - добавить это
          -moz-column-count: 2; /* Для Firefox */
          -webkit-column-count: 2; /* Для Safari и Chrome */
          }


          Но не совсем то, что нужно получается.

          Следовательно нужно еще поменять файл вывода категорий.

          Обвернуть

          <div class="h2"> и <div class="category-intro"> в общий div.

          Как называется файл стилей, не скажу, у вас кеш включен или нужно его еще и сбросить до кучи.

          Что непонятно - спрашивайте.
          •
          • 15 июля 2018 г. , редакция: 15 июля 2018 г.
          • Скрин забыла.

            Хотя если добавите картинки во всех категориях, то может и ровно получится.
            •
            • 15 июля 2018 г.
            • Большое спасибо, в стилях поменял, а где обернуть <div class="h2"> и <div class="category-intro"> в общий div - не нашел. Пока искал, ноут сдох, так что завтра продолжу поиски)
            •
            • 16 июля 2018 г.
            • Можно для чайников?
              Найти - нашел, а "обвернуть"... wrap-ом, я правильно понял?

              Цитата
              if (!empty($result['children']))
              {
              foreach($result['children'] as $child)
              {
              echo
              '<div class="h2">
              <a href="'.BASE_PATH_HREF.$child['link'].'">'.$child['name'].'</a>
              </div>';

              if (!empty($child['img']) || !empty($child['anons']))
              {
              echo '<div class="category-intro">';
              if (!empty($child['img']))
              {
              foreach($child['img'] as $img) {
              echo '<a class="category-intro__image" href="'.BASE_PATH_HREF.$child['link'].'" style="background-image: url('.$img['src'].');" title="'.$img['title'].'"></a>';
              break;
              }
              }
              •
              • 16 июля 2018 г.
              • не весь код у вас.
                нужно перед
                Код
                echo
                '<div class="h2">

                вставить
                Код
                echo '<div class="любое название блока">';


                ну и закрыть блок после закрытия блока "category-intro"
                закрытие блока выглядит как : echo '</div>';
  • 16 июля 2018 г. , редакция: 16 июля 2018 г.
  • Павел, спасибо, получилось. Но теперь слетает витрина на главной (скрин2)
    И в категориях можно ли увеличить изображения? (скрин1)
    •
    • 16 июля 2018 г. , редакция: 16 июля 2018 г.
    • Для shop-block-categories page-block уберите:
      Код

      column-count: 2; - добавить это
      -moz-column-count: 2; /* Для Firefox */
      -webkit-column-count: 2; /* Для Safari и Chrome */




      или переименуйте
      shop-block-categories page-block в shop-block-categories_page-block

      кстати " - добавить это" уберите из css тоже либо спрячьте за /* - добавить это */
      <title>column-span</title> удалите из css
    •
    • 16 июля 2018 г. , редакция: 16 июля 2018 г.
    • Для картинок
      замените код в css:

      Код
      .category-intro__image {
      width: -webkit-calc(100% - 20px);
      width: calc(100% - 20px);
      margin-right: 1.25em;

      }
      •
      • 17 июля 2018 г. , редакция: 17 июля 2018 г.
      • Витрина на главной заработала, размер изображений заработал... Но теперь подкатегории все кашей.
        Вроде бы все лишнее убрал..
        •
        • 17 июля 2018 г.
        • Значит, смотрите, что у вас получилось:

          shop-block-categories - это у вас название всего блока в категории
          shop-block-categories - и это же название используется в подкатегориях.

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

          Нужно сделать как:

          Весь блок оставьте shop-block-categories и оставьте к нему имеющиеся стили. А вот блок с подкатегорией обзовите по другому.

          Демонстрирую на скрине, как будет выглядеть, если переименуете блок подкатегории.
        •
        • 17 июля 2018 г.
        • Выложите php и css файлы в которых вы производите изменения.
          • 17 июля 2018 г.
          • Вот
            •
            • 17 июля 2018 г. , редакция: 17 июля 2018 г.
            • Замените
              Перезалил, до этого не тот файл был :)
              •
              • 18 июля 2018 г.
              • Кстати, неправильно закрыт блок
                echo '<div class="category-intro">';
              •
              • 18 июля 2018 г.
              • Спасибо огромное, установил и ещё чуть-чуть пошаманив, в итоге получилось то что нужно)
              •
              • 18 июля 2018 г.
              • Не за что.
                Ошибка с блоком у вас все еще не исправлена.
                Из-за нее блоки немного не ровно.
              • 18 июля 2018 г. , редакция: 18 июля 2018 г.
              • Так я удалил полностью часть
                Цитата

                if (!empty($result['img']))
                {
                foreach($result['img'] as $img) {
                echo '<figure class="category-intro__image" style="background-image: url('.$img['src'].');" title="'.$img['title'].'"></figure>';
                break;
                }
                }
                if(!empty($result['text'])) {
                echo '<div class="category-intro__content text">'.$result['text'].'</div>';
                }

                Иначе с ней выводится картинка основной категории, что совсем рушит разметку (да и не нужны они там).
                А неровность, она разве не в стилях теперь?
              •
              • 18 июля 2018 г.
              • Нет не в стилях.Там торчит блок.
                Вставьте мой файл из предыдущего сообщения.
                Вообще лучше так код не рубить. Можно закомментировать, а то потом думай, что там удалял.
              •
              • 18 июля 2018 г. , редакция: 18 июля 2018 г.
              • Вставил, изображения рубит на части при переносе, в том числе благодаря изображению основной категории.
                На счет закомментировать - запомню, спасибо)
              •
              • 18 июля 2018 г. , редакция: 18 июля 2018 г.
              • тада вот так
                Думал что, это вы не там блок закрыли, а это оказывается вырезан код из блока.
              •
              • 18 июля 2018 г. , редакция: 18 июля 2018 г.
              • Эх, вставил, все равно рубит... А нельзя закомментировать
                Цитата
                if(!empty($result['img']) || !empty($result['text']))
                {
                echo '<div class="category-intro">';
                if (!empty($result['img']))
                {
                foreach($result['img'] as $img) {
                echo '<figure class="category-intro__image" style="background-image: url('.$img['src'].');" title="'.$img['title'].'"></figure>';
                break;
                }
                }
                if(!empty($result['text'])) {
                echo '<div class="category-intro__content text">'.$result['text'].'</div>';
                }
                echo '</div>';
                }

                чтоб отключить блок изображения и текста category-intro, что я изначально и порубил. Но небольшая неровность, возникающая тогда, все равно не понимаю откуда - там же больше нет никаких блоков вроде, это разве не особенность переноса?
              •
              • 18 июля 2018 г.
              • Так это может долго продолжаться :) ....
                Дайте доступ по ФТП в личку
  •
  • 17 июля 2018 г. , редакция: 17 июля 2018 г.
  • А потом сидит разработчик и спрашивает что-за WTF???? После таких правок от 10 рук , и думаешь ну что за дурак делал сайт, а тут не в этом дело))))))

    P.S. Или вот другая мысля мне пришла. И тут я понял что значит "сделано на коленке" :)))

    P.P.S. Дмитрий Васильев, без обид, пожалуйста)))

Новости

  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
  • Новость. Сборка. Тарифы
  • 15 декабря 2023 г.
  • Подводим итоги 2023 года. Выпустили новую сборку DIAFAN.CMS 7.1.1, вводим новые тарифы на аренду сайта и коммерческую поддержку и автообновления с января 2024 г., строим планы на будущий год.
  • Сборка DIAFAN.CMS 7.0.1
  • 25 июля 2023 г.
  • Выпустили очередную сборку DIAFAN.CMS 7.0.1. Она уже доступна к установке.
Все новости

Блоги

  • Вышло обновление DIAFAN.CMS - cборка 7.1.1
  • 15.12.2023

  • В новой сборке DIAFAN.CMS 7.1.1 мы расширили функциональность баннеров, уделили внимание YML-фиду для Яндекс.Маркет, улучшили “Настройки шаблона”, оформили модуль лога действий и разработали “Заметки” для пользователей административной части сайта. Также проработали замечания и предложения наших пользователей, исправили несколько ошибок.

Читать блоги

Форум

Перейти на форум