Как переместить поиск???

Тема в разделе "OpenCart", создана пользователем ss13, 15 фев 2013.

  1. ss13

    ss13

    Регистрация:
    23 янв 2013
    Сообщения:
    60
    Симпатии:
    1
    Здравствуйте. Может ли кто дать пошаговую инструкцию как переместить поиск из верхнего правого угла шапки на панель категорий третьим по списку после двух категорий. А корзину переместить в правый угол. Версия 1.5.1.3.

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

    Спасибо за ответы.
     
  2. alina

    alina

    Регистрация:
    2 фев 2013
    Сообщения:
    36
    Симпатии:
    8
    в css
    заменить
    #header #search {
    position: absolute;
    top: 55px;
    right: 0px;
    width: 307px;
    z-index: 15;
    }
    на
    #header #search {
    position: absolute;
    top: 55px;
    right: 670px;
    width: 307px;
    z-index: 15;
    }
     
  3. ss13

    ss13

    Регистрация:
    23 янв 2013
    Сообщения:
    60
    Симпатии:
    1
    Спасибо Алина за ответ,а в каких папках искать эти файлы?
     
  4. 12341

    12341

    Регистрация:
    13 фев 2013
    Сообщения:
    343
    Симпатии:
    904
    catalog/view/theme/default/stylesheet/stylesheet.css
     
  5. ss13

    ss13

    Регистрация:
    23 янв 2013
    Сообщения:
    60
    Симпатии:
    1
    Попробовала, получилось, но чуть не точно - поиск стал под названием магазина в левом углу над панелью категорий. Что изменить?
     
  6. 12341

    12341

    Регистрация:
    13 фев 2013
    Сообщения:
    343
    Симпатии:
    904
    увеличивай значение top: 55px;
     
  7. ss13

    ss13

    Регистрация:
    23 янв 2013
    Сообщения:
    60
    Симпатии:
    1
    изменила на 105 попала точно в панель но не после категорий а на месте первой. Теперь если я правильно понимаю надо увеличивать right: 670px; ?
     
  8. 12341

    12341

    Регистрация:
    13 фев 2013
    Сообщения:
    343
    Симпатии:
    904
    да, экспериментируйте. top - отступ сверху экрана, а right здесь лучше заменить на left, т.е. отступ слева
     
  9. ss13

    ss13

    Регистрация:
    23 янв 2013
    Сообщения:
    60
    Симпатии:
    1
    Спасибо 12341 , я уменьшила right на 270 и в точку попала. Подскажите пожалуйста,как называется код корзины (если я правильно понимаю в этом же файле), хочу ее в правый угол загнать?
     
  10. sjer

    sjer

    Регистрация:
    17 янв 2013
    Сообщения:
    108
    Симпатии:
    84
  11. 12341

    12341

    Регистрация:
    13 фев 2013
    Сообщения:
    343
    Симпатии:
    904
    ищите #cart
     
  12. ss13

    ss13

    Регистрация:
    23 янв 2013
    Сообщения:
    60
    Симпатии:
    1
    а у меня опера, для оперы есть?
     
  13. 12341

    12341

    Регистрация:
    13 фев 2013
    Сообщения:
    343
    Симпатии:
    904
    нажимай правой кнопке мыши по сайту, жми "проинспектировать элемент" и выделяй нужный блок, справа будет написан его селектор и его стили
     
  14. ss13

    ss13

    Регистрация:
    23 янв 2013
    Сообщения:
    60
    Симпатии:
    1
    Спасибо. Все получилось.
    --- добавлено: 15 фев 2013 в 14:56 ---
    Еще вопрос,что бы совсем удалить корзину из шапки, нужно удалить вот это? #header #cart {
    position: absolute;
    top: 0px;
    right: 145px;
    z-index: 9;
    min-width: 300px;
     
  15. 12341

    12341

    Регистрация:
    13 фев 2013
    Сообщения:
    343
    Симпатии:
    904
    всмысле удалить? если она не нужна и надо ее скрыть стилями, то добавьте после #header #cart { display: none;
     
  16. ss13

    ss13

    Регистрация:
    23 янв 2013
    Сообщения:
    60
    Симпатии:
    1
    Спасибо. я уже нашла ответ. я просто закомментировала. Но ваш вариант тоже будет полезен в будующем.
     
  17. warp

    warp

    Регистрация:
    3 фев 2013
    Сообщения:
    20
    Симпатии:
    2
    Если хотите совсем удалить корзину из шапки - то редактируете файл http://ваш_сайт/catalog/view/theme/default/template/common/header.tpl !
    Если в дефолтной шкурке - то ищем и удаляем или за-комментируем этот код:

    <div id="cart">
    <div class="heading">
    <h4><?php echo $text_cart; ?></h4>
    <a><span id="cart_total"><?php echo $text_items; ?></span></a></div>
    <div class="content"></div>
    </div>
     
  18. ss13

    ss13

    Регистрация:
    23 янв 2013
    Сообщения:
    60
    Симпатии:
    1
    Спасибо за ответы. Скажите , чтобы изменить шрифт в меню на главной странице ( все ссылки меню) какой код надо править и достаточно ли изменить название действующего шрифта на Jeff Script или еще нужно этот шрифт куда-то закачать?
     
  19. doris4730

    doris4730

    Регистрация:
    16 янв 2013
    Сообщения:
    93
    Симпатии:
    62
    Правьте файл:
    /public_html/catalog/view/theme/ваша тема/stylesheet.css
    Откройте редактором,
    Ищите третью строку, тег body
    в моём случае
    Код:
    Line 3: body { background:#ccc; color:#555; font-size:12px; font-family: Comic Sans MS ,Tahoma, Geneva, sans-serif; line-height:27px; margin: 0px; padding:0px; }
    подставляйте Jeff Scriptпосле "font-family:"
    У Вас получится примерно следующее:
    Код:
    Line 3: body { background:#ccc; color:#555; font-size:12px; font-family: Jeff Script ,Tahoma, Geneva, sans-serif; line-height:27px; margin: 0px; padding:0px; }
    также в этой строке можно изменить заливку, цвет и размер текста на странице.(теги background,color,font-size)
     
  20. ss13

    ss13

    Регистрация:
    23 янв 2013
    Сообщения:
    60
    Симпатии:
    1
    Спасибо doris4730, так и сделала,все получилось.
    Вы случайно не знаете, как из админки вывести "Производители" с алфавитным списком брендов в панель с категориями в главном меню?