Jump to content
Sign in to follow this  
grachevski

кликабельные категории

Recommended Posts

Добрый день.

Помогите сделать кликабельными категории в главном меню.

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

как применить "показать все" к самой категории? чтобы при клике на категорию в главном меню открывалась страница, как при клике "показать все"

 

спасибо

 

 

Share this post


Link to post
Share on other sites
12 минут назад, grachevski сказал:

Добрый день.

Помогите сделать кликабельными категории в главном меню.

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

как применить "показать все" к самой категории? чтобы при клике на категорию в главном меню открывалась страница, как при клике "показать все"

 

спасибо

 

 

 

Версия движка? дефолтное меню?

Share this post


Link to post
Share on other sites

 

7 часов назад, Pavel666 сказал:

 

Версия движка? дефолтное меню?

ocStore 2.3

меню дефолтное

Share this post


Link to post
Share on other sites

Ситуация следующая

 

ковырнул в строке

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

удалил  фрагмент

 data-toggle="dropdown"

 

удалил строку

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

 

Категории стали кликабельный, на выпадающем меню нет "показать все" - КРУТО

Поначалу думал, что все отлично ! НО ...

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

 

ВОПРОС:

Как для мобильной версии прописать следующее

Первый клик по категории - выпадающее меню

второй клик по категории - открытие категории

 

Share this post


Link to post
Share on other sites
36 минут назад, grachevski сказал:

Ситуация следующая

 

ковырнул в строке

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

удалил  фрагмент

 data-toggle="dropdown"

 

удалил строку

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

 

Категории стали кликабельный, на выпадающем меню нет "показать все" - КРУТО

Поначалу думал, что все отлично ! НО ...

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

 

ВОПРОС:

Как для мобильной версии прописать следующее

Первый клик по категории - выпадающее меню

второй клик по категории - открытие категории

 

 

Вернуть изменения обратно, и прописать через js логику для пк, и для сотовых

Share this post


Link to post
Share on other sites
59 минут назад, Pavel666 сказал:

 

Вернуть изменения обратно, и прописать через js логику для пк, и для сотовых

если бы я умел это делать - сделал бы раньше )

будьте добры - помогите )

Share this post


Link to post
Share on other sites
1 час назад, grachevski сказал:

если бы я умел это делать - сделал бы раньше )

будьте добры - помогите )

 

мм, даже не знаю, наверное как то так

<script type="text/javascript">
  $(document).delegate('.dropdown.open > a','click',function(){
  var width = window.innerWidth;
  if(width<768){
  url = $(this).attr('href');
  $(location).attr('href',url);
  }
});
  $('.navbar-nav').delegate('.dropdown','click',function(){
  var width = window.innerWidth;
  if(width>768){
  url = $(this).children('a').attr('href');
  $(location).attr('href',url);
  }
});
</script>

родную логику мне кажется в вашем случае лучше не трогать, 

и как мне кажется второй клик на меню, при открытом меню на телефоне должен все же как и задумано закрывать меню, а не совершать переход, поскольку это привычно и ожидаемо

Share this post


Link to post
Share on other sites
1 час назад, Pavel666 сказал:

 

мм, даже не знаю, наверное как то так

<script type="text/javascript">
  $(document).delegate('.dropdown.open > a','click',function(){
  var width = window.innerWidth;
  if(width<768){
  url = $(this).attr('href');
  $(location).attr('href',url);
  }
});
  $('.navbar-nav').delegate('.dropdown','click',function(){
  var width = window.innerWidth;
  if(width>768){
  url = $(this).children('a').attr('href');
  $(location).attr('href',url);
  }
});
</script>

родную логику мне кажется в вашем случае лучше не трогать, 

и как мне кажется второй клик на меню, при открытом меню на телефоне должен все же как и задумано закрывать меню, а не совершать переход, поскольку это привычно и ожидаемо

 

 

вообще Вы правы...

В таком случаи мне необходимо ко всему еще добавить ( клик по другой категории - закрывает открытые подкатегории - открывает выбранную категорию)

 

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  

  • 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.