Перейти к содержимому


Отображение Списка Подкатегорий В Несколько Колонок


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 customer8765

customer8765

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 328 сообщений

Отправлено 09 Октябрь 2017 - 16:15

SL-404308

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

В каталоге есть категория Жидкости, у нее есть подкатегории, их 50 шт.
При наведении указателя на имя категории, список подкатегорий выпадает справа.

Проблема 1: в выпадающем списке отображается только несколько подкатегорий, остальные не видны.
Проблема 2: как сделать, чтобы список подкатегорий отображался в несколько колонок, а не в одну? Примерно как тут

#2 customer8765

customer8765

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 328 сообщений

Отправлено 10 Октябрь 2017 - 12:39

Тут кто-то отвечает на вопросы?

#3 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 11 Октябрь 2017 - 07:30

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu li .dropdown-menu {display: none;position: absolute;width: 200px;left: 100%;top: 0px;padding: 0px 0;border-radius: 0 3px 3px 3px;background-color: #3b3b3b;border: 1px solid #575757;z-index: 10000;}


замените на:
#custommenu li .dropdown-menu {display: none;position: absolute;width: 600px;left: 100%;top: 0px;padding: 0px 0;border-radius: 0 3px 3px 3px;background-color: #3b3b3b;border: 1px solid #575757;z-index: 10000;}
#custommenu li .dropdown-menu li{width: 32%;display: inline-block;}


#4 customer8765

customer8765

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 328 сообщений

Отправлено 11 Октябрь 2017 - 11:02

Просмотр сообщенияVaccina (11 Октябрь 2017 - 07:30) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu li .dropdown-menu {display: none;position: absolute;width: 200px;left: 100%;top: 0px;padding: 0px 0;border-radius: 0 3px 3px 3px;background-color: #3b3b3b;border: 1px solid #575757;z-index: 10000;}


замените на:
#custommenu li .dropdown-menu {display: none;position: absolute;width: 600px;left: 100%;top: 0px;padding: 0px 0;border-radius: 0 3px 3px 3px;background-color: #3b3b3b;border: 1px solid #575757;z-index: 10000;}
#custommenu li .dropdown-menu li{width: 32%;display: inline-block;}
Спасибо.
А возможно выводить список подкатегорий в несколько колонок только для одной категории, а для остальных как в шаблоне, в одну?

#5 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 11 Октябрь 2017 - 13:27

Просмотр сообщенияcustomer8765 (11 Октябрь 2017 - 11:02) писал:

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

#6 customer8765

customer8765

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 328 сообщений

Отправлено 11 Октябрь 2017 - 13:39

Просмотр сообщенияИрина345 (11 Октябрь 2017 - 13:27) писал:

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

Для категории "Жидкости", где много подкатегорий - вывод в несколько столбцов, как вы рекомендовали и как сейчас сделано
#custommenu li .dropdown-menu {display: none;position: absolute;width: 600px;left: 100%;top: 0px;padding: 0px 0;border-radius: 0 3px 3px 3px;background-color: #3b3b3b;border: 1px solid #575757;z-index: 10000;}
#custommenu li .dropdown-menu li{width: 32%;display: inline-block;}
Для всех остальных - в один столбец, как было в стандартном шаблоне
#custommenu li .dropdown-menu {display: none;position: absolute;width: 200px;left: 100%;top: 0px;padding: 0px 0;border-radius: 0 3px 3px 3px;background-color: #3b3b3b;border: 1px solid #575757;z-index: 10000;}

#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Октябрь 2017 - 08:05

Здравствуйте.

В этом случае зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu li .dropdown-menu {display: none;position: absolute;width: 600px;left: 100%;top: 0px;padding: 0px 0;border-radius: 0 3px 3px 3px;background-color: #3b3b3b;border: 1px solid #575757;z-index: 10000;}
#custommenu li .dropdown-menu li{width: 32%;display: inline-block;}

замените на:
#custommenu li .dropdown-menu {display: none;position: absolute;width: 200px;left: 100%;top: 0px;padding: 0px 0;border-radius: 0 3px 3px 3px;background-color: #3b3b3b;border: 1px solid #575757;z-index: 10000;}
#custommenu li.jidkost .dropdown-menu {display: none;position: absolute;width: 600px;left: 100%;top: 0px;padding: 0px 0;border-radius: 0 3px 3px 3px;background-color: #3b3b3b;border: 1px solid #575757;z-index: 10000;}
#custommenu li.jidkost .dropdown-menu li{width: 32%;display: inline-block;}

Далее зайдите в шаблон HTML - найдите:
<!-- Каталог -->
				<ul id="custommenu">
			   		  {%IFNOT catalog_full_empty%}
			   		   {%FOR catalog_full%}
			   			{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="dropdown-menu {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %}">{% ENDIF %}{% ENDIF %}
			   			 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
			   				  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}"><span>{catalog_full.NAME}</span></a>
			   			 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
			   			{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
			   		   {%ENDFOR%}
			   		  {%ENDIF%}
				</ul>  
              
                
замените на:
<!-- Каталог -->
				<ul id="custommenu">
			   		  {%IFNOT catalog_full_empty%}
			   		   {%FOR catalog_full%}
			   			{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="dropdown-menu {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %}">{% ENDIF %}{% ENDIF %}
			   			 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %} {% IF catalog_full.NAME=Жидкости %}jidkost{% ENDIF %}">
			   				  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}"><span>{catalog_full.NAME}</span></a>
			   			 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
			   			{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
			   		   {%ENDFOR%}
			   		  {%ENDIF%}
				</ul>  





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных