Как перенести поле поиска и корзину

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем forbs, 2 фев 2015.

  1. Nona3000

    Nona3000 Новичок

    Сообщения:
    15
    Симпатии:
    0
    он локально пока работает
     
  2. Fruit_Fellow

    Fruit_Fellow Новичок

    Сообщения:
    10
    Симпатии:
    0
    Самый простой способ, это сдвинуть поиск влево, и тем же способом опустить корзину вниз, я просто не знаю как у вас там именно располагается в шаблоне ...
     
  3. Nona3000

    Nona3000 Новичок

    Сообщения:
    15
    Симпатии:
    0
    вот код как в рисунке, куда вставить код корзины?
    <div class="container">

    <div class="col-sm-8">
    <div class="row">
    <div class="col-sm-6 pull-right"><?php echo $search; ?></div> - это поиск

    <nav class="menu-bottom-bg4">
    <div class="CMS_Header_banner2">
    <a href="http://название_сайта/главная.html" title="Главная"><span class="hidden-xs hidden-sm hidden-md">Главная<span</a>
    <a href="http://название_сайта/главная.html" title="Компания"><span class="hidden-xs hidden-sm hidden-md">Компания</span></a>
    <a href="http://название_сайта/главная.html" title="Портфолио"><span class="hidden-xs hidden-sm hidden-md">Портфолио</span></a>
    <a href="http://название_сайта/главная.html" title="Услуги"><span class="hidden-xs hidden-sm hidden-md">Услуги</span></a>


    </nav>

    </div>
    </div>


    </div>
    </div>
     
  4. Ravilr

    Ravilr Специалист

    Сообщения:
    3.864
    Симпатии:
    1.059
    Господа. Тема для обсуждения стандартного шаблона, а не для ваших хотелок.
     
  5. Nona3000

    Nona3000 Новичок

    Сообщения:
    15
    Симпатии:
    0
    Шаблон стандартный, просто смена позиции
     
  6. Ravilr

    Ravilr Специалист

    Сообщения:
    3.864
    Симпатии:
    1.059
    в стандартном и так в одну строку. Задайте вопрос относительно стандартного шаблона.
    И прочитайте ответы на 4-х страницах, ведь там много решений.
     
  7. Nona3000

    Nona3000 Новичок

    Сообщения:
    15
    Симпатии:
    0
    Да все верно, просто вариант был друг над другом, а из-за тег Див все перескакивает, не понять где и как вставить, все по моему из-за контейнера
     
  8. Fruit_Fellow

    Fruit_Fellow Новичок

    Сообщения:
    10
    Симпатии:
    0
    Всё потому что Вы не знаете css и элементарного HTML
     
  9. kilohel

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

    Сообщения:
    100
    Симпатии:
    2
    У меня вариант попроще, но тоже подскажите где копать. сайт http://smartclub27.ru

    Нужно сдвинуть кнопку и строку поиска по середине строки с логотипом, это у меня получилось методом transform: translate(0%,176%);
    в css вставкой в

    #search {

    margin-bottom: 10px;
    transform: translate(0%,176%);

    }

    и в кнопку
    #cart > .btn {

    font-size: 14px;
    line-height: 18px;
    color: #FFF;
    transform: translate(0%,174%);

    }
    , но теперь поплыл мобильный вариант версии. подскажите как выровнять и мобильную версию и обычную чтоб везде было красиво !? ))
     
  10. SiteMix

    SiteMix Продвинутый пользователь

    Сообщения:
    1.013
    Симпатии:
    174
    Откуда пришла такая идея?
    Надо было вместо этого добавить в конец файла строку:
    Код:
    #search, #cart {margin-top: 60px;}
    А чтобы не влияло на мобильную версию, лучше добавлять в таком виде:
    Код:
    @media (min-width:768px) {#search, #cart {margin-top: 60px;}}
     
    kilohel нравится это.
  11. kilohel

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

    Сообщения:
    100
    Симпатии:
    2
    Нашел в просторах инета. Работаю в основном методом научного тыка и использую то что визуально дает эфект. искал как опустить в низ и совсем забыл что можно сделать отступ сверху ))


    А данное куда вставлять в фаил бутстрапа или еще куда ? Просто не очень силен в стилях, натаскиваюсь по мелочи)
     
  12. SiteMix

    SiteMix Продвинутый пользователь

    Сообщения:
    1.013
    Симпатии:
    174
    Файлы бутстрапа вообще никогда не нужно править.

    Стили нужно добавлять в catalog/view/theme/default/stylesheet/stylesheet.css, где default - текущий шаблон.
     
  13. kilohel

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

    Сообщения:
    100
    Симпатии:
    2
    Это я уже понял когда чуток залез туда и сайт рассыпался ))

    А куда конкретнее впихивать, то там много ?
    @Media (min-width:768px)
     
  14. kilohel

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

    Сообщения:
    100
    Симпатии:
    2
    Прошу прощение за глупый вопрос. Добавил в файле стиля эту строчку
    @Media (min-width:768px) {#search, #cart {margin-top: 60px;}}
    и все получилось. Думал что нужно прописать в уже готовых стилях, поэтому не выходило.
     
  15. SiteMix

    SiteMix Продвинутый пользователь

    Сообщения:
    1.013
    Симпатии:
    174
    Я всегда рекомендую добавлять все свои дополнения в конец файла.