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

Изменение меню

Добрый день!

На странице 2 меню: одно сделал сам (горизонтальное), другое это каталог (вертикальное)


Как можно изменить размер пунктов (см.вложение)?

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

Чтобы изменить размер пунктов меню необходимо добавить новые CSS правила в секцию Пользовательские CSS редактора тем. Для того чтобы включить редактор тем, необходимо сделать следующее:

1. В панели администратора Мерчиума перейти на страницу Дизайн > Темы.
2. Нажать на желтую кнопку Редактировать дизайн.
3. На открывшейся странице выбрать в секции Редактировать вариант Пользовательские CSS и добавить следующие CSS правила в самый конец редактируемого окошка:


.ty-menu__item {
    padding: 0px 50px;
}


Вы можете изменить 50px в этом коде на необходимое значение.


После изменений необходимо нажать кнопку Сохранить.


Надеемся, данная информация будет для вас полезной.


Спасибо.

 

Спасибо за ответ. Добавил данный код, но это немного не то что нужно (см.файл). Как это можно поправить?

И он также воздействует на боковое меню, а этого не нужно.


PS В данном коде вы используете правило к классу .ty-menu__item, а где можно найти информацию по этому классу и за какие элементы он отвечает, а так же информацию про другие классы???

Здравствуйте, Артём.


Спасибо за ваш ответ. 


Мы предоставим вам ответ немного позднее. 


Спасибо за ожидание.

Здравствуйте, Артем.


Спасибо за ожидание. Приносим свои извинения за задержку с ответом в связи с прошедшими праздниками в нашей стране.


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


Подробнее об использовании данного инструмента в браузерах 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/


Когда желаемый результат достигнут, полученный код можно перенести в редактор тем Мерчиума.


Для того чтобы присвоить необходимое свойство CSS к определенной секции или блоку, пожалуйста, сделайте следующее:


1. В администраторской части магазина перейдите на страницу Дизайн > Макеты.

2. Найдите необходимую секцию или блок.

3. Задайте название класса в поле Пользовательский CSS-класс или скопируйте существующий класс.

4. В редакторе тем откройте поле Пользовательские CSS.

5. Добавьте необходимый код для используемого CSS класса.

6. Нажмите Сохранить.


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


Спасибо.


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