Новая строка в списке категорий которой не должно быть

[OlegBushev]

Здравствуйте, подскажите пожалуйста отчего может быть такая ошибка?
https://domik.shop/12-dekor-dlya-doma
Три категории вывелись в строку, четверная на следующей строке, что логично, а пятая на третьей строке и это считаю ошибкой. Как исправить?
Менял местами категории - все так же

[PrestaMan]

Высота у элементов должна быть одинаковая, тогда будут по три в ряд.
Исправлять нужно стили для div subcategories.

[OlegBushev]

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

[PrestaMan]

В поисковике логичнее набрать "css float" и почитать, если интересно разобраться. Если не интересно, тогда просто учитывать, что высота должна быть одинаковой.

[Миколас]

С float одни проблемы. Давно переходить нужно на flexbox. А под prestashop по старинке темы верстают.

[OlegBushev]

Нашел файл category.css

Код: [Выделить]

#subcategories {
  background-color: transparent;
  margin-bottom: 30px;
  padding: 0px 0;
}
#subcategories .product-list {
  margin: 0;
}
#subcategories .cat-name {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
  padding: 15px 20px;
  text-align: center;
  color: white;
  margin-bottom: 0px;
  font-weight: 700;
}
#subcategories .cat-name a {
  color: white;
}

.subcategories {
  position: relative;
  overflow: hidden;
}
.subcategories:before {
  content: "";
  bottom: -25px;
  left: 0;
  width: 100%;
  display: block;
  padding: 45px 20px;
  position: absolute;
  background: rgba(38, 38, 38, 0);
  background: -moz-linear-gradient(top, rgba(38, 38, 38, 0) 0%, rgba(0, 0, 0, 0.92) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38, 38, 38, 0)), color-stop(100%, rgba(0, 0, 0, 0.92)));
  background: -webkit-linear-gradient(top, rgba(38, 38, 38, 0) 0%, rgba(0, 0, 0, 0.92) 100%);
  background: -o-linear-gradient(top, rgba(38, 38, 38, 0) 0%, rgba(0, 0, 0, 0.92) 100%);
  background: -ms-linear-gradient(top, rgba(38, 38, 38, 0) 0%, rgba(0, 0, 0, 0.92) 100%);
  background: linear-gradient(to bottom, rgba(38, 38, 38, 0) 0%, rgba(0, 0, 0, 0.92) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#000000', GradientType=0 );
}
.subcategories .cat-desc {
  overflow: hidden;
  height: 40px;
  display: none;
}

.category .cat_desc {
  /*display: none;*/
}

что в нем можно поменять или добавить?

[mAgency]

Код: [Выделить]

min-height:....Но у вас еще у 4-го элемента присваивается класс clearfix, нужно в шаблоне tpl удалить этот класс.

[OlegBushev]

Как это сделать?

Код: [Выделить]

{include file="$tpl_dir./errors.tpl"}
{if isset($category)}
{if $category->id AND $category->active}
{if isset($subcategories)}
        {if (isset($display_subcategories) && $display_subcategories eq 1) || !isset($display_subcategories) }
        <h1 class="page-heading{if (isset($subcategories) && !$products) || (isset($subcategories) && $products) || !isset($subcategories) && $products} product-listing{/if}">
            <span class="cat-name">
                {$category->name|escape:'html':'UTF-8'}{if isset($categoryNameComplement)}&nbsp;{$categoryNameComplement|escape:'html':'UTF-8'}{/if}
            </span>
            {include file="$tpl_dir./category-count.tpl"}
        </h1>
       
<!-- Subcategories -->
{*<h4>{l s='Subcategories'}</h4>*}
        <div id="subcategories">
<div class="clearfix row">
{foreach from=$subcategories item=subcategory}
<div class="col-md-4 col-xs-4 col-sp-12">
                <div class="subcategories scene_cat">
                <div class="image">
<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
{if $subcategory.id_image}
<img class="replace-2x img-responsive" src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'category_default')|escape:'html':'UTF-8'}" alt="{$subcategory.name|escape:'html':'UTF-8'}"/>
{else}
<img class="replace-2x img-responsive" src="{$img_cat_dir}{$lang_iso}-default-category_default.jpg" alt="{$subcategory.name|escape:'html':'UTF-8'}"/>
{/if}
</a>
                    </div>
<h5 class="cat-name"><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'}</a></h5>
{if $subcategory.description}
<div class="cat-desc">{$subcategory.description}</div>
{/if}
</div>
</div>
{/foreach}
</div>
</div>
        {/if}
{/if}
{if $products}
{include file="$tpl_dir./sub/product/product-list-form.tpl"}
{/if}
{elseif $category->id}
<p class="alert alert-warning">{l s='This category is currently unavailable.'}</p>
{/if}
{if $category->description}
            <div class="cat_desc rte">
            {if Tools::strlen($category->description) > 350}
                <div id="category_description_short">{$description_short}</div>
                <div id="category_description_full" class="unvisible">{$category->description}</div>
                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
            {else}
                <div>{$category->description}</div>
            {/if}
            </div>
        {/if}
{/if}


[OlegBushev]

И там все элементы под классом clearfix

[OlegBushev]

поставил

Код: [Выделить]

subcategories {
  background-color: transparent;
  margin-bottom: 30px;
  padding: 0px 0;
  min-height: 60px;
}
ничего не поменялось

[mAgency]

Я прямо в браузере попробывал и вид меняется.

[OlegBushev]

что поменять?))

[Adik]

Код: [Выделить]

min-height: 60px;В дефортной теме миниатюры подкатегорий 125х125px.
В вашей теме еще больше, по моему.

[OlegBushev]

Поставил 200 и то же самое

[OlegBushev]

Может я меняю значение не там?