1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Позиционирование элементов BroCart 3.0 с default шаблоном

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем VIP24, 17 окт 2013.

Статус темы:
Закрыта.
  1. VIP24

    VIP24 Верховный Главнокомандующий

    Регистрация:
    8 июл 2013
    Сообщения:
    239
    Симпатии:
    1.206
    Доброго времени суток дамы и господа. Сколько бы не пытался позиционировать элементы на данном движке с дефолтным шаблоном, ничего не получается. При изменении значения, top, right на не нулевое элемент просто перепрыгивает в другое место и больше не двигается, как вернешь значение ноль так возвращается на место. Хотел переместить к примеру корзину в верхнее меню. Хотелось бы понять как там все устроено.
    Если нужно открою доступ по ftp, или можете сами скачать сборку и поковырять
     
  2. dron78

    dron78

    Регистрация:
    20 сен 2013
    Сообщения:
    27
    Симпатии:
    7
    устроено блоками, файлы шаблона типа - имя_файла.tpl должны лежат в папке
    /ваша корневая папка на хостинге/Ваша публичная папка( там где расположен сам сайт)/catalog/view/theme/default(тут возможна другая папка с именем Вашего шаблона)/template/common/
    файлы имеют интуитивно понятные названия так что не запутаетесь. Переносите что куда хотите потом правьте CSS. Вроде как то так :Smile: если не выйдет пишите скачаю сборку и сам посмотрю
     
    VIP24 нравится это.
  3. VIP24

    VIP24 Верховный Главнокомандующий

    Регистрация:
    8 июл 2013
    Сообщения:
    239
    Симпатии:
    1.206
    dron78, смотри частично получилось, перенес корзину в меню плавающее но сдвинуть не могу левее ее, нужно чтоб рядом с поиском была. Какие то проблемы с css у меня. Ниче не хочет двигаться.
    --- Добавлено, 18 окт 2013 ---
    Пля, походу разобрался наконец-то, значения top, right писал без единиц измерения, то бишь "px". :giggle:
     
    Последнее редактирование: 18 окт 2013
  4. VIP24

    VIP24 Верховный Главнокомандующий

    Регистрация:
    8 июл 2013
    Сообщения:
    239
    Симпатии:
    1.206
    Получается если уменьшать разрешение экрана или если увеличивать масштаб то корзина с поиском выпадают из меню вниз, как это пофиксить?
    [​IMG]
     
  5. cobalt

    cobalt

    Регистрация:
    18 окт 2012
    Сообщения:
    278
    Симпатии:
    128
    Можешь уменьшить ширину кнопок и установить минимальную ширину менюшки. Поскольку у тебя размер контейнера - 980 px, логично и меню ограничить таким же размером.
    Для кнопок:
    в строке 501 (#menu > UL > LI > A)
    изменить
    padding: 12px 20px;
    на
    padding: 12px 16px;

    Для меню:
    в строке 467 (#menu)
    добавить (или заменить width: 100%; на)
    min-width: 980px;
     
    Последнее редактирование: 18 окт 2013
    VIP24 нравится это.
  6. VIP24

    VIP24 Верховный Главнокомандующий

    Регистрация:
    8 июл 2013
    Сообщения:
    239
    Симпатии:
    1.206
    В общем добился нужного эффекта, теперь при установке любого разрешения, ни корзина ни поиск не сползают вниз под меню. Пришлось их объединить в один div с позицией inherit и выровнять по правой стороне. В таком случае они не выходят вправо за экран при масштабировании и всегда остаются видны. А кнопки меню как бы получается заползают под корзину и их не видно.:wink: Ну и корзина так прикольно влево двигается при нажатии на поиск, круто получилось.:smile:
    --- Добавлено, 18 окт 2013 ---
    Пля, поганый интернет эксплорер, поиск черный, где лечится?
    [​IMG]
     
    Последнее редактирование: 18 окт 2013
  7. dron78

    dron78

    Регистрация:
    20 сен 2013
    Сообщения:
    27
    Симпатии:
    7
    :smile: вот и отлично
    --- Добавлено, 19 окт 2013 ---
    , с ie не помошник, не переношу данный браузер органически, ну как вариант говорят может помочь вставить в хедер следующий код :rofl:

    <!--[if IE]>
    <script language="JavaScript" type="text/javascript">
    alert("Данный сайт не поддерживает Internet Explorer, смените браузер на человеческий")
    </script>
    <![endif]-->
     
    Последнее редактирование: 19 окт 2013
    VIP24 нравится это.
Статус темы:
Закрыта.