Jump to content
Sign in to follow this  
empty

Отображеине подкатегорий в актегории

Recommended Posts

Здравствуйте, нужно настроить отображение подкатегорий в категории по три субкатегории в строке. Но у меня архитектура выглядит так:

  <div class="category-list">
    <?php if (count($categories) <= 3) { ?>
    <ul>
      <?php foreach ($categories as $category) { ?>
      <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
      <?php } ?>
    </ul>
    <?php } else { ?>
    <?php for ($i = 0; $i < count($categories);) { ?>
    <ul>
      <?php $j = $i + ceil(count($categories) / 3); ?>
      <?php for (; $i < $j; $i++) { ?>
      <?php if (isset($categories[$i])) { ?>
      <li>
      <div class="image"><img src="<?php print_r($categories[$i]['image']) ?>" alt="" /></div>
      <a href="<?php echo $categories[$i]['href']; ?>"><?php echo $categories[$i]['name']; ?></a>
      </li>
      <?php } ?>
      <?php } ?>
    </ul>
    <?php } ?>
    <?php } ?>
  </div>

Т.е. <ul> в котором по два <li>, а мне нужно три. В .tpl файле вместо 4 поставил 3, а в .php файле непонял где можно поправить.

Подскажите пожалуймта как можно сделать по три субкатегории в строке? Поиск ничего не дал.

Share this post


Link to post
Share on other sites

Не царское это дело, поиск?

 

Принцип тот же как для модуля меню так и для подкатегорий в категории

Share this post


Link to post
Share on other sites

Не царское это дело, поиск?

 

Принцип тот же как для модуля меню так и для подкатегорий в категории

И что ты мне посоветовал? На кой мне меню? Вот, посмотри код вывода подкатегорий, если не понял что я имею ввиду.

Share this post


Link to post
Share on other sites

Есть у кого адекватные решения?

Share this post


Link to post
Share on other sites

Есть у кого адекватные решения?

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

1. в файле стилей имеются дубли: со строки 981 и со строки 1864

2. ширина контейнера для картинок у вас стилями определен 150px , а параметры картинок  выставлены в 250 px (дальше не смотрел)

короче, по мне так каша там...увы...

 

а когда в кучу все соберете, может и вот это поможет или подтолкнет: 

 

.category-list ul {
    float: left;
    width: 150px;
    list-style: none;
    padding: 0px;
    margin-right: 80px;
}



Share this post


Link to post
Share on other sites

Есть у кого адекватные решения?

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

1. в файле стилей имеются дубли: со строки 981 и со строки 1864

2. ширина контейнера для картинок у вас стилями определен 150px , а параметры картинок  выставлены в 250 px

короче, по мне так каша там...увы...

Вы не поняли, у меня структура такая:

<div class="category-list">
<ul>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
</ul>
</div>

А мен надо что бы этих <li> было три а не два.

Вот так:

<div class="category-list">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>

Я не могу додуматься как и что поправить в .tpl файле шаблона.

Share this post


Link to post
Share on other sites

Нашёл решение сам, вот тут:

  <?php if ($categories) { ?>
  <h2 class="subkat"><?php echo $text_refine; ?></h2>
  <div class="category-list">
    <?php if (count($categories) <= 1) { ?>
    <ul>
      <?php foreach ($categories as $category) { ?>
      <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
      <?php } ?>
    </ul>
    <?php } else { ?>
    <?php for ($i = 0; $i < count($categories);) { ?>
    <ul>
      <?php $j = $i + ceil(count($categories) / 1); ?>
      <?php for (; $i < $j; $i++) { ?>
      <?php if (isset($categories[$i])) { ?>
      <li>
      <div class="image"><img src="<?php print_r($categories[$i]['image']) ?>" alt="" /></div>
      <a href="<?php echo $categories[$i]['href']; ?>"><?php echo $categories[$i]['name']; ?></a>
      </li>
      <?php } ?>
      <?php } ?>
    </ul>
    <?php } ?>
    <?php } ?>
  </div>
  <?php } ?>

Вместо цифр 2, 3 или 4 нужно поставить 1. Тогда условие, которое отвечает за определённое отображение элеаентов, вследствме того что категорий меньше, например, трёх или есть три - бужет выводится одним способом, если же больше - то другим (<?php } else { ?>). Решил эту проблему самым странным методом - выставил цифру 1. Всё встало так как  надо + css

.category-list ul li {
text-align: center;
vertical-align: top;
height: 100%;
}
.category-list ul li {
display: inline-block;
}

Который придаст красоту отображения элементов при разном их колличестве.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By ocdroid
      400.00 руб
      Скачать/Купить дополнение


      Products from subcategory | Товары из подкатегорий в категории
      Товары из подкатегорий в категории
      Модуль позволяет автоматически выводить товары из подкатегорий в текущую категорию
      Демо
       
      Инсталляция стандартная - через установщик расширений.
      Языки: en-gb, pl-pl, uk-ua, ru-ru
       
      Адаптация к Вашему шаблону - бесплатно!
       
      = = = TODO = = =
      Карусель товаров Добавил ocdroid Добавлено 17.02.2019 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет  
    • By ocdroid
      Товары из подкатегорий в категории
      Модуль позволяет автоматически выводить товары из подкатегорий в текущую категорию
      Демо
       
      Инсталляция стандартная - через установщик расширений.
      Языки: en-gb, pl-pl, uk-ua, ru-ru
       
      Адаптация к Вашему шаблону - бесплатно!
       
      = = = TODO = = =
      Карусель товаров
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.