Перейти к публикации
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

Можно ли избавиться от "see all" в верхнем меню?


 Поделиться

Рекомендованные сообщения

 Можно ли избавиться от "see all" в верхнем меню и чтобы можно было переходить по родительской ссылке?

Своими силами пытался это сделать, но после этого по родительской ссылке не пройти. Хотя в исходном коде сама ссылка есть, но перейти по ней не удаётся.

Версия ocStore 2.3.0.2.3

 

Помогите пожалуйста, кто как решал этот вопрос?

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


5 часов назад, twinz сказал:

catalog/view/theme/default/template/common/header.tpl

убрать

<a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a>

 

Спасибо. Но в этом случае просто убирается ссылка "See all", но сама корневая категория не будет активной. А если для корневой категории убрать 

data-toggle="dropdown"

То в этом случае корневая категория становится активной, но она перестаёт разворачивать подкатегории на мобильной версии.

 

Как сделать, чтобы:

1. Ссылка на корневую категорию была активна при нажатии

2. При наведении раскрывалась на подкатегории

3. В мобильной версии при нажатии переходило на подкатегории, а рядом с пунктом был плюсик на разворачивание подкатегорий?

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


<li class="dropdown"><a href="<?php echo $category['href']; ?>" onclick="location.href='<?php echo $category['href']; ?>'" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>

 

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


25 минут назад, twinz сказал:
<li class="dropdown"><a href="<?php echo $category['href']; ?>" onclick="location.href='<?php echo $category['href']; ?>'" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>

 

Спасибо. Хорошее решение, но недостаток в том, что в мобильной версии при нажатии на корневую категорию идёт разворачивание и переход на категорию одновременно, отчего разворачивание становится бессмысленным. Но ваш вариант в некоторых случаях точно пригодится. Плюсую.

 

Но я допёр до другого решения. Вот оно:

Добавил отдельную ссылку к корневой категории с плюсиком и указал ей data-toggle="dropdown", а у самой ссылки на корневую категорию наоборот удалил data-toggle="dropdown"

<li class="dropdown koren">
  <a href="<?php echo $category['href']; ?>" class="dropdown-toggle"><?php echo $category['name']; ?></a><a class="visible-xs dropdown-toggle" data-toggle="dropdown" href="#">+</a>
  ...

 

После чего добавил пару стилей цсс, чтобы плюсик отображался прилично. Для <li> корневой категории добавил класс .koren, чтобы было проще к ней обращаться.

.koren {
	display: flex !important;
	flex-wrap: wrap;
}
.koren .dropdown-menu {
	flex-basis: 100%;
}

 

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


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.