Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

 Можно ли избавиться от "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. В мобильной версии при нажатии переходило на подкатегории, а рядом с пунктом был плюсик на разворачивание подкатегорий?

Надіслати
Поділитися на інших сайтах


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
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.