Разработчикам

Разное оформление для двухязычного меню, как правильней?

RSS

Пользователь 43518

Постоянный посетитель

Сообщений: 232 Баллов: 33 Регистрация: 02.06.2009

05.05.2010 12:52:38

Здравствуйте, умные люди.

Есть задача кастомизировать меню.

Меню состоит из пунктов-картинок, заданных CSS слассами.
Сайт двуязычный, двуязычность реализована по директориям.
Соответственно версии меню определяются исходя из текущей директории.
Сама структура меню уже разделена и подключена, необходимо разделить оформление.

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

Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com

Пользователь 2290 Эксперт Сообщений: 596 Баллов: 107 Регистрация: 06.09.2005	#2 05.05.2010 13:00:13 в шаблоне пишете: <body class="lang-<?=LANG?>"> в CSS: .menu li.item1 { background-image:url(title-en.gif); } .lang-ru .menu li.item1 { background-image:url(title-ru.gif); } ну где-то так

Пользователь 43518

Постоянный посетитель

Сообщений: 232 Баллов: 33 Регистрация: 02.06.2009

05.05.2010 13:34:43

Спасибо, Андрей, за дельный совет, но Вы не совсем поняли суть, в моем случае двуязычность реализована без специальных средств битрикс. Поэтому вариант только один - переключать по директориям.

Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com

Пользователь 43518

Постоянный посетитель

Сообщений: 232 Баллов: 33 Регистрация: 02.06.2009

05.05.2010 13:44:34

Натолкнули тут меня на неплохую мысль.

Делаем, так:

1. Создаем переменную в которую логикой в зависимости от директории пихаем обозначение языка. (rus или eng)
2. Присваиваем всему <body> страницы id со значением этой переменной. (<body id="rus">)
3. Пишем классы для пунктов меню-картинок используя наследование примерно так:

#rus .menu-item-1 {...}
#eng .menu-item-1 {...}

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

Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com

Пользователь 2290

Эксперт

Сообщений: 596 Баллов: 107 Регистрация: 06.09.2005

05.05.2010 14:05:20

Цитата
Евгений Бескровный пишет: Натолкнули тут меня на неплохую мысль.

Так я собственно именно это и хотел сделать

Вторая реализация абсолютно правильная также.

<body id="<? APPLICATION->ShowProperty('body-class'); ?>">

В таком случае будет использоваться свойство раздела и управлять этим сможете стандартными средствами Битрикса.

Пользователь 43518

Постоянный посетитель

Сообщений: 232 Баллов: 33 Регистрация: 02.06.2009

05.05.2010 14:43:29

Цитата
Andrey Miroshnichenko пишет: В таком случае будет использоваться свойство раздела и управлять этим сможете стандартными средствами Битрикса.

т.е. заведя в управлении структурой свойство body-class, я смогу задать для него значения также через админку битрикса для нужной мне директории? т.е. ShowProperty мы заменяем логику определения текущей директории? я правильно понял?

Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com

Пользователь 2290 Эксперт Сообщений: 596 Баллов: 107 Регистрация: 06.09.2005	#7 05.05.2010 16:07:41 да, правильно

Пользователь 54403

Эксперт

Сообщений: 1063 Баллов: 175 Регистрация: 18.12.2009

06.05.2010 09:31:23

Свойством раздела, наверное, "правильней", но вот еще способы:

1. Прикрутить проверку папки в шаблон меню. Например, так:

Код
<?$lang=$APPLICATION->GetCurDir()=='/dir1/'?'en':'ru'?> <div class="menu_item__<?=$lang?>">Пункт меню</div>

2. Сделать по условию (папки или свойства раздела) разный вызов компонента меню в хедере (с разным параметром темплейта).

3. Создать специальный шаблон сайта и вешать на папку другого языка по условию. В этом шаблоне переопределить темплейт меню.

Экс-битриксоид.

Компонент (и.с.) - существительное мужского рода (ГОСТ 34.003-90).

Пользователь 43518

Постоянный посетитель

Сообщений: 232 Баллов: 33 Регистрация: 02.06.2009

06.05.2010 10:50:02

Цитата
Andrey Miroshnichenko пишет: да, правильно

тогда ведь всеравно придется в CSS файле заранее переопределять название этого айди, смысл пропадает.

Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com

Пользователь 54403

Эксперт

Сообщений: 1063 Баллов: 175 Регистрация: 18.12.2009

#10

06.05.2010 10:57:53

По условию ведь можно прикручивать и разные дополнительные css-файлы. Например style_ru.css или style_eng.css, где по-разному описаны необходимые вам свойства.

Экс-битриксоид.

Компонент (и.с.) - существительное мужского рода (ГОСТ 34.003-90).

Пользователь 43518

Постоянный посетитель

Сообщений: 232 Баллов: 33 Регистрация: 02.06.2009

#11

06.05.2010 14:36:42

ну это, я думаю, уже форменное "изобретательство"

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

Не взыщите, это так, мнение верстальщика

Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com

Пользователь 54403 Эксперт Сообщений: 1063 Баллов: 175 Регистрация: 18.12.2009	#12 06.05.2010 15:35:22 Почему это расточительно, они все разно будут кешироваться браузером. И по сравнению с запросом картинок, это вообще мелочи. Экс-битриксоид. Компонент (и.с.) - существительное мужского рода (ГОСТ 34.003-90).

Пользователь 43518

Постоянный посетитель

Сообщений: 232 Баллов: 33 Регистрация: 02.06.2009

#13

06.05.2010 17:24:25

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

Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com

Пользователь 54403

Эксперт

Сообщений: 1063 Баллов: 175 Регистрация: 18.12.2009

#14

07.05.2010 09:29:19

Да незачем в общем-то, есть даже "идеология" создания сайтов, в которой разработчики включают css и js прямо в html, чтобы уменьшить количество соединений. А так же все картинки верстки объединяют в одну большую (запрашивая ее один раз), а потом подставляют в разные дивы разные части этой картинки, используя смещение. Вопрос в том, насколько это оправдано.

Экс-битриксоид.

Компонент (и.с.) - существительное мужского рода (ГОСТ 34.003-90).

Пользователь 43518 Постоянный посетитель Сообщений: 232 Баллов: 33 Регистрация: 02.06.2009	#15 07.05.2010 10:34:00 Дмитрий, я в курсе технологии спрайтостроения Согласен конечно, что нужно придерживаться всегда "золотой середины" и не впадать в крайности типа запихивания содержимого js файлов и файлов каскадных таблиц стилей в html\php файлы. Но когда у тебя несколько десятков вариантов графического оформления элемента, проще запихнуть все в один файл и запросить один раз. Да и вообще бывает незаменимо подгрузить сразу несколько вариантов особенно при hover эффекте. Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com

Разное оформление для двухязычного меню, как правильней?

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером