COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

Как сделать категории вверху и слева


Recommended Posts

Привет.
Как сделать чтобы слева был список дочерних категорий одной родительской категории?
А то у меня выводит слева все что есть.

Например наверху чтобы было "о нас, каталог, отзывы, доставка, etc"
А слева в колонке содержимое категории "каталог"?

Ссылка на комментарий
Поделиться на других сайтах

ну если по быстрому и через жопу :-)

то вот тут https://github.com/ocshop/ocshop/blob/oc-2.1.0.2/upload/catalog/view/theme/default/template/module/category.tpl

  <?php if ($child['category_id'] == $child_id) { ?>
  <a href="<?php echo $child['href']; ?>" class="list-group-item active">&nbsp;&nbsp;&nbsp;- <?php echo $child['name']; ?></a>
  <?php } else { ?>
  <a href="<?php echo $child['href']; ?>" class="list-group-item">&nbsp;&nbsp;&nbsp;- <?php echo $child['name']; ?></a>
  <?php } ?>

делаете отак

  <?php if ($child['category_id'] == $child_id) { ?>
  <a href="<?php echo $child['href']; ?>" class="list-group-item active sub">&nbsp;&nbsp;&nbsp;- <?php echo $child['name']; ?></a>
  <?php } else { ?>
  <a href="<?php echo $child['href']; ?>" class="list-group-item sub">&nbsp;&nbsp;&nbsp;- <?php echo $child['name']; ?></a>
  <?php } ?>

потом в стилях добавляете отакое

.list-group-item.sub {
  display: block;
}

а в 497 строке делаете отак

.list-group a {
  border: 1px solid #dddddd;
  color: #888888;
  display: none;
  padding: 8px 12px;
}

 

Ссылка на комментарий
Поделиться на других сайтах

Join the conversation

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

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  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.