Автор Тема: Новая строка в списке категорий которой не должно быть  (Прочитано 56 раз)

28 Июль 2017, 12:00:42
  • Новичок
  • *
  • Сообщений: 42
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Здравствуйте, подскажите пожалуйста отчего может быть такая ошибка?
https://domik.shop/12-dekor-dlya-doma
Три категории вывелись в строку, четверная на следующей строке, что логично, а пятая на третьей строке и это считаю ошибкой. Как исправить?
Менял местами категории - все так же
28 Июль 2017, 12:38:21
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 20951
  • Репутация: +25281/-0
  • Prestashop - просто и эффективно
    • Просмотр профиля
Высота у элементов должна быть одинаковая, тогда будут по три в ряд.
Исправлять нужно стили для div subcategories.
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
28 Июль 2017, 12:43:34
Ответ #2
  • Новичок
  • *
  • Сообщений: 42
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Как исправить стили?
И, может я и не прав, но логично было бы грешить на высоту если бы все элементы были с новой строки или первая строка не показывала стабильно три элемента. Но ведь в первой всегда три элемента, а во второй и в третьей по одному, причем с совершенно разными позициями категорий
28 Июль 2017, 12:50:12
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 20951
  • Репутация: +25281/-0
  • Prestashop - просто и эффективно
    • Просмотр профиля
В поисковике логичнее набрать "css float" и почитать, если интересно разобраться. Если не интересно, тогда просто учитывать, что высота должна быть одинаковой.
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
28 Июль 2017, 12:58:25
Ответ #4
  • Ветеран
  • *****
  • Сообщений: 2916
  • Репутация: +68/-5
  • Сообщество PrestaShop
    • Просмотр профиля
С float одни проблемы. Давно переходить нужно на flexbox. А под prestashop по старинке темы верстают.
28 Июль 2017, 13:53:23
Ответ #5
  • Новичок
  • *
  • Сообщений: 42
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Нашел файл 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;*/
}

что в нем можно поменять или добавить?
28 Июль 2017, 14:42:45
Ответ #6
  • Партнер
  • Ветеран
  • ****
  • Сообщений: 22280
  • Репутация: +17113/-1
  • Разработка веб-сайтов и веб-программирование
    • Просмотр профиля
min-height:....Но у вас еще у 4-го элемента присваивается класс clearfix, нужно в шаблоне tpl удалить этот класс.
Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.
28 Июль 2017, 14:47:48
Ответ #7
  • Новичок
  • *
  • Сообщений: 42
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Как это сделать?
{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}
28 Июль 2017, 14:54:33
Ответ #8
  • Новичок
  • *
  • Сообщений: 42
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
28 Июль 2017, 15:12:13
Ответ #9
  • Новичок
  • *
  • Сообщений: 42
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
поставил
subcategories {
  background-color: transparent;
  margin-bottom: 30px;
  padding: 0px 0;
  min-height: 60px;
}
ничего не поменялось
28 Июль 2017, 15:27:06
Ответ #10
  • Партнер
  • Ветеран
  • ****
  • Сообщений: 22280
  • Репутация: +17113/-1
  • Разработка веб-сайтов и веб-программирование
    • Просмотр профиля
Я прямо в браузере попробывал и вид меняется.
Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.
28 Июль 2017, 15:35:53
Ответ #11
  • Новичок
  • *
  • Сообщений: 42
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
28 Июль 2017, 15:42:57
Ответ #12
  • Ветеран
  • *****
  • Сообщений: 13922
  • Репутация: +14567/-2
  • Сообщество PrestaShop
    • Просмотр профиля
min-height: 60px;В дефортной теме миниатюры подкатегорий 125х125px.
В вашей теме еще больше, по моему.
28 Июль 2017, 15:44:47
Ответ #13
  • Новичок
  • *
  • Сообщений: 42
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
28 Июль 2017, 15:45:14
Ответ #14
  • Новичок
  • *
  • Сообщений: 42
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля