Выровнять по сетке подкатегории

Общее Общие вопросы
1

Всем доброго времени суток. Есть проблема:
Когда заходишь в категорию, то список подкатегорий не выровнен по сетке, как товары, например. Я так понял, ширина ячейки зависит от текста названия подкатегории. Если он длинный, то он не переносится на следующую строчку, например, а просто отодвигает последующую картинку и название подкатегории. В итоге выглядит это убого: в первом ряду может быть две подкатегории, в следующем уже четыре:

%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D0%B8
%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D0%B81233×856 107 KB

Есть способ задать какую-то сетку для подкатегорий, чтобы они все были по ней выровнены?

2

Это вопрос к разработчику темы.

3

а в стандартных темах cs-cart этой проблемы нет?

4

Дайте ссылку на сайт

5

сайт

6

Попробуйте добавить в секцию CSS редактора тем

.cat-view-grid {
    .ty-subcategories__item {
        width: 30%;
    }
}
@media screen and (max-width: 480px) {
    .cat-view-grid {
        .ty-subcategories__item {
            width: 100%;
        }
    }
}
7

Спасибо, почти получилось, по горизонтали вроде ровно, но почему-то некоторые подкатегории по вертикали “поползли”.

1
11232×899 166 KB

8

Вот так

.cat-view-grid {
    .ty-subcategories__item {
        width: 30%;
        vertical-align: top;
    }
}
@media screen and (max-width: 480px) {
    .cat-view-grid {
        .ty-subcategories__item {
            width: 100%;
        }
    }
}
9

Спасибо большое! Помогло! Можно ещё пару нюансов?)

  1. Можно сделать, чтобы текст названия категория был выровнен по центру? А то не очень красиво, что картинка выровнена по центру, а текст выровнен влево.
    2
    2913×689 48.7 KB
  2. Можно как-то сделать, чтобы картинки категорий на посадочной категории (типа этой посадочной) были больше (или просто такие, как в админке заданы, базовые), а не посадочные категории (типа этой не посадочной) были меньше? Например, в процентах от базового значения чтобы можно было выставлять. Просто на непосадочных категориях при большом количестве категорий приходится много скролить до самих товаров, что не очень хорошо, поэтому их бы я меньше сделал, а картинки в посадочной категории можно сделать побольше, т.к. они, во-первых, более глобальные, а во-вторых, на них нет товаров, поэтому это не страшно.
10

1 - добавьте в стиль text-align: center;

.cat-view-grid {
  .ty-subcategories__item {
    width: 30%;
    vertical-align: top;
    text-align: center;
  }
}
11

Сработало, спасибо!