Начать новую тему

Выпадающий каталог товара

Заменил горизонтальное выпадающее меню-каталог на меню быстрые ссылки. При этом добавил пункт меню с каталогом товара. Но при этом возникли вопросы:

1. Категории в каталоге выглядят довольно хаотично. Можно их каким-то образом упорядочить, чтобы были строго друг под другом расположены?

2. При добавлении новых категорий они не отображаются в выпадающем каталоге. Как с этим бороться?

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

1. Категории в каталоге выглядят довольно хаотично. Можно их каким-то образом упорядочить, чтобы были строго друг под другом расположены?

Мы можем порекомендовать вам использовать шаблон Текстовые ссылки вместо Горизонтальный выпадающий для вашего блока Верхнее меню. Откройте Параметры блока Верхнее меню на странице Дизайн > Макеты, выберите Текстовые ссылки в настройке Шаблон, нажмите на ссылку Настройки и отметьте галочкой настройку Показать встроенные элементы. После этого названия категорий будут отображаться друг под другом.

> 2. При добавлении новых категорий они не отображаются в выпадающем каталоге. Как с этим бороться?


Не все категории отображались в вашем меню в связи с тем, что в параметрах блока Верхнее меню в настройках шаблона Горизонтальный выпадающий значение настройки Элементы второго уровня было 12. Мы изменили это значение на 20, и теперь все категории отображаются в подменю Каталог товаров.

Спасибо.

Спасибо, разобрался. При использовании шаблона Текстовые ссылки верхнее меню теряет свой внешний вид - выглядит не очень красиво. Как можно использовать Текстовые ссылки и сохранить внешний вид?

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


Шаблон Текстовые ссылки подразумевает максимально простой и лаконичный внешний вид ссылок меню С помощью CSS-модификаций вы можете изменить его. Для изменения стиля указанных элементов, необходимо добавить CSS правила для определенных классов в секцию Пользовательские CSS редактора тем.


Для того чтобы найти информацию по используемому классу, а также определить, какой именно класс используется для определенного элемента, вы можете воспользоваться инструментом разработчика в браузере, который вы используете. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице Мерчиума, и в секции Elements (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете увидеть название класса или идентификатора, значение которого вы сможете изменить.


Подробнее об использовании данного инструмента в браузерах Google Chrome и Mozilla Firefox вы можете найти на следующих ресурсах:


https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683


http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или к партнерам в Маркете Мерчиума.

В качестве альтернативного решения попробуйте скрыть меню третьего уровня. Для этого, пожалуйста, укажите 0 в поле Элементы третьего уровня в настройках блока Верхнее меню. В этом случае элементы второго уровня будут отображаться в виде одной колонки.


Спасибо.  

Спасибо! Предложенное Вами альтернативное решение очень даже подошло.

Спасибо за ваш ответ. Мы рады вам помочь.


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