[ПРОШУ ПОМОЩИ] Проблема с выводом подкатегорий на странице

[fast_proof]

Всем привет, может кто знает, в чём проблема. Создаю подкатегории, указываю родительскую категорию, всё как обычно, и тут вдруг с 31й подкатегории (имею в виду с 31й по порядку сортировки в админке), она начинает криво отображаться на странице! Помогите, кто чем может! Я ещё только новичок.

[kwakin]

Есть такая штука под названием фильтр .

Намёк понятен ?

 

[mpn2005]

27 минут назад, fast_proof сказал:

Всем привет, может кто знает, в чём проблема. Создаю подкатегории, указываю родительскую категорию, всё как обычно, и тут вдруг с 31й подкатегории (имею в виду с 31й по порядку сортировки в админке), она начинает криво отображаться на странице! Помогите, кто чем может! Я ещё только новичок.

Дело в названии подкатегории. Сделайте им стилями фиксированную высоту. Например две строки.

И не будет этого сползания.

[kwakin]

Свекла

Атрибут Вид. 

Значение   Кормовая

 

[mpn2005]

И сразу отключайте вывод количества товаров для категорий.

Когда наполните магазин, начнёт жутко тормозить загрузку страниц данная функция.

[fast_proof]

14 минут назад, mpn2005 сказал:

Дело в названии подкатегории. Сделайте им стилями фиксированную высоту. Например две строки.

И не будет этого сползания.

 

Если не сложно, можно поподробнее? В каком файле хотя бы? в css?

 

12 минут назад, mpn2005 сказал:

И сразу отключайте вывод количества товаров для категорий.

Когда наполните магазин, начнёт жутко тормозить загрузку страниц данная функция.

 

И с этим тоже не совсем понятно, где это отключать)

 

[mpn2005]

5 минут назад, fast_proof сказал:

И с этим тоже не совсем понятно, где это отключать)

В настройках магазина на закладке "Опции"

 

7 минут назад, fast_proof сказал:

Если не сложно, можно поподробнее? В каком файле хотя бы? в css?

Как? По скриншоту?

Вы бы хоть ссылку на страницу с проблемой приложили. Вам бы и подсказали более конкретно.

 

[fast_proof]

Да, конечно!!!

 

Вот ссылка:

 

http://semena-kvant.ru/index.php?route=product/category&path=20

[mpn2005]

Там надо сначала для блока подкатегорий добавить свой класс.

И заголовок под картинкой завернуть в <div> со своим классом.

Т.к. сейчас не очень удобно цеплять стили к таким элементам.

[fast_proof]

8 минут назад, mpn2005 сказал:

Там надо сначала для блока подкатегорий добавить свой класс.

И заголовок под картинкой завернуть в <div> со своим классом.

Т.к. сейчас не очень удобно цеплять стили к таким элементам.

 

А где можно взять готовый код? Я еще мало понимаю о чём речь...

[fast_proof]

1 час назад, mpn2005 сказал:

Там надо сначала для блока подкатегорий добавить свой класс.

И заголовок под картинкой завернуть в <div> со своим классом.

Т.к. сейчас не очень удобно цеплять стили к таким элементам.

 

И вроде название сделано в <div> со своим классом

[fast_proof]

Поменял на это, стало лучше, всё идёт по порядку и не ломается, но пропало количество товаров в скобках, но да ладно!

 

[mpn2005]

8 минут назад, fast_proof сказал:

И вроде название сделано в <div> со своим классом

Это не тот код.

 

Вот этот код:

Спойлер

      {% if categories %}
      <h3>{{ text_refine }}</h3>
      {% if categories|length <= 5 %}
      <div class="row">
        <div class="col-sm-3">
          <ul>
            {% for category in categories %}
            <li><a href="{{ category.href }}">{{ category.name }}</a></li>
            {% endfor %}
          </ul>
        </div>
      </div>
      {% else %}
      <div class="row">{% for category in categories|batch((categories|length / 4)|round(1, 'ceil')) %}
        <div class="col-sm-3">
          <ul>
            {% for child in category %}
            <li><a href="{{ child.href }}">{{ child.name }}</a></li>
            {% endfor %}
          </ul>
        </div>
        {% endfor %}</div>
      <br />
      {% endif %}
      {% endif %}

 

И надо сделать что-то вроде этого:

Спойлер

      {% if categories %}
      <h3>{{ text_refine }}</h3>
      {% if categories|length <= 5 %}
      <div class="row category-list">
        <div class="col-sm-3">
          <ul>
            {% for category in categories %}
            <li><a href="{{ category.href }}" class="name">{{ category.name }}</a></li>
            {% endfor %}
          </ul>
        </div>
      </div>
      {% else %}
      <div class="row category-list">{% for category in categories|batch((categories|length / 4)|round(1, 'ceil')) %}
        <div class="col-sm-3">
          <ul>
            {% for child in category %}
            <li><a href="{{ child.href }}" class="name">{{ child.name }}</a></li>
            {% endfor %}
          </ul>
        </div>
        {% endfor %}</div>
      <br />
      {% endif %}
      {% endif %}

 

Но у вас там с картинками. Код будет другой.

 

А потом стилями:

.category-list .name {
  height: 40px;
  overflow: hidden;
}

Это приблизительный вариант.

 

[fast_proof]

14 часов назад, mpn2005 сказал:

Это не тот код.

 

Вот этот код:

  Скрыть контент

      {% if categories %}
      <h3>{{ text_refine }}</h3>
      {% if categories|length <= 5 %}
      <div class="row">
        <div class="col-sm-3">
          <ul>
            {% for category in categories %}
            <li><a href="{{ category.href }}">{{ category.name }}</a></li>
            {% endfor %}
          </ul>
        </div>
      </div>
      {% else %}
      <div class="row">{% for category in categories|batch((categories|length / 4)|round(1, 'ceil')) %}
        <div class="col-sm-3">
          <ul>
            {% for child in category %}
            <li><a href="{{ child.href }}">{{ child.name }}</a></li>
            {% endfor %}
          </ul>
        </div>
        {% endfor %}</div>
      <br />
      {% endif %}
      {% endif %}

 

И надо сделать что-то вроде этого:

  Скрыть контент

      {% if categories %}
      <h3>{{ text_refine }}</h3>
      {% if categories|length <= 5 %}
      <div class="row category-list">
        <div class="col-sm-3">
          <ul>
            {% for category in categories %}
            <li><a href="{{ category.href }}" class="name">{{ category.name }}</a></li>
            {% endfor %}
          </ul>
        </div>
      </div>
      {% else %}
      <div class="row category-list">{% for category in categories|batch((categories|length / 4)|round(1, 'ceil')) %}
        <div class="col-sm-3">
          <ul>
            {% for child in category %}
            <li><a href="{{ child.href }}" class="name">{{ child.name }}</a></li>
            {% endfor %}
          </ul>
        </div>
        {% endfor %}</div>
      <br />
      {% endif %}
      {% endif %}

 

Но у вас там с картинками. Код будет другой.

 

А потом стилями:

.category-list .name {
  height: 40px;
  overflow: hidden;
}

Это приблизительный вариант.

 

 

 

Почему то это не помогает... Изображения вообще пропадают и обычным списком всё идёт...

[mpn2005]

22 минуты назад, fast_proof сказал:

Почему то это не помогает... Изображения вообще пропадают и обычным списком всё идёт...

Значит картинки к категориям добавляются модификатором.

Тут уже не получится объяснить пошагово.

[fast_proof]

2 часа назад, mpn2005 сказал:

Значит картинки к категориям добавляются модификатором.

Тут уже не получится объяснить пошагово.

 

Да, именно модификатор и использую... а самому вручную проще?

 

Вот тут вроде мануал неплохой нашёл:

 

https://oc-new.com/uroki-po-opencart/kak-vyvesti-podkategorii-s-kartinkami.html

[fast_proof]

Всем привет! помогите, кто может! Так и не разобрался! :((( Почему ломается таблица(или сетка) подкатегорий...

 

Вот ссылка:

 

http://semena-kvant.ru/index.php?route=product/category&path=20