Битрикс Управление сайтом Малый Бизнес 12.0.3 - смещение элементов поиска

[VLADYSLAV]

Всем привет!

Установили сайт, делаем интеграцию с 1С.

Добрались до шаблона и хотим его видоизменить немного.

Подскажите как переместить в шапку сайта и сделать короче поле поиска.

Хочу переместить ссылки на авторизацию и корзину как показано на скриншоте

[sigma77]

Открыть шаблон, внести нужные исправления...

[VLADYSLAV]

Я понял что необходимо выключить вызов компонента search.title в #WORKAREA# и добавить в header.php вывод надписи поиска с полем поиска.

Проблема возникает в том что не получается css настроить. Изменения, которые я вношу в template_styles.css никак не отображаются на сайте.(сброс кеша не помог).

Сайт локально на denver

Edited June 18, 2013 by VLADYSLAV

[VLADYSLAV]

Все чего удалось достичь пока...

Как уменьшить поле поиска? Может необходимо не в файле template_styles.css искать а в файле style.css который относится непосредственно к компоненту?

Объясните пожалуйста...

[sigma77]

F12 и смотрите в вебинспекторе/фаербаге и прочих, в каком css-файле прописаны стили. Их и меняете.

[VLADYSLAV]

спасибо, сейчас поищу плагин для Opera

[sigma77]

В Опере уже встроен драгонфлай, правой кнопкой мыши и должно быть что-то вроде "проинспектировать"

[VLADYSLAV]

Скопировал компоненты и их шаблоны в отдельную папку, перепрописал к ним пути.

Закоментировал существующие стили для этих компонентов (авторизация и корзина) и пробую прописать свой "header-my"...скажите что не так делаю, не удается передвинуть надписи "Войти на сайт Зарегистрироваться Корзина в правую сторону шапки и выровнять по шапке".

Вообще не реагирует на мою писанину...наверно не там где-то пишу?

Edited June 18, 2013 by VLADYSLAV

[rus]

лучше ссылку на сайт

[VLADYSLAV]

Сайт локально на denver

[VLADYSLAV]

Вот к примеру надпись "Войти на сайт" в левом верхнем углу в просмотре кода выдает

<a href="/login/?backurl=%2F%3Fbitrix_include_areas%3DN" class="signin" onclick="var modalH = $("#login").height(); $("#login").css({"display":"block","margin-top":"-"+(parseInt(modalH)/2)+"px" }); return false;">Войти на сайт</a>

я так понимаю после .css идет описание как именно это будет выглядеть...мне там нужно править или в другом месте...подскажите...а?

[sigma77]

Тогда проверить, что грузится нужный css, почистить кеш... большее трудно посоветовать. Экстрасенсов, к сожалению, нету.

[VLADYSLAV]

Понял...тогда

.css({"display":"block","margin-top":"-"+(parseInt(modalH)/2)+"px" })

а это как понять? расшифруйте..кто знает

в js скрипт добавлен css?

Edited June 18, 2013 by VLADYSLAV

[VLADYSLAV]

Изменения которые я вношу в template_styles.css не работают локально на денвере...как победить?

[rus]

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

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

эту запись по-русски можно расшифровать так:

.css({"display":"block","margin-top":"-"+(parseInt(modalH)/2)+"px" })

элемент у которого класс .css должен стать блочным, отступ сверху расчитываем так: считываем всплывающее окно, высчитываем его высоту, делим ее на 2 и все это в пикселях - это и будет отступ сверху... ну как-то так, если чо не правильно сказал - меня поправят.

p.s. а править лучше в папке компонента, но прежде ее его нужно скопировать, т.е. скопировать его шаблон и как-то обозвать, опять же, эта ф-ция доступна в режиме правки.

[lexskal]

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

[VLADYSLAV]

спасибо rus и lexskal за ответы...

проблема была в включенном CDN (ускорение) в настройках Битрикса...после отключения прописываемые мною стили применились и все заработало. Двигаюсь дальше...