тема · 1 748 просмотров · 11 ответов

Несколько номеров в шапке сайта перемещение кнопки корзины покупок и поиска товаров

Дизайн, оформление и шаблоны

10 окт 2017 12:38#1

Всем добрый день! Ребята, нужна Ваша помощь!
Подскажите или помогите отредактировать шапку сайта с номерами телефона и перенос кнопки корзины с поиском. Два дня парюсь и не знаю где я туплю, уже запутался.
В общем на первой картинке как хотел бы сделать, а на второй картинке (отфотошопленой) конечный результат.
Спасибо!

Вложения · 2

10 окт 2017 13:00#2

дайте ссылку на сайт, помогу

10 окт 2017 13:01#3

я работаю на опенсервере

10 окт 2017 13:09#4

header.tpl править
+ css

10 окт 2017 13:13#5

Есть темы отдельные про перемещении корзины и поиска и не одна вроде. Почитайте их пожалуйста.

Нужные модули и модификаторы для OpenCart 2x

10 окт 2017 13:18#6

в том то и дело, что корзину и поиск переместить могу внизу номеров, как на первой картинке или в горизонтальную меню, а так как на 2й картинке никак(

10 окт 2017 13:21#7

header.tpl

html

<header>

  <div class="container">

    <div class="row">

      <div class="col-sm-4">

        <div id="logo">

          <?php if ($logo) { ?>

          <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>

          <?php } else { ?>

          <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>

          <?php } ?>

        </div>

      </div>

      <div class="col-sm-4 text-center">

        <ul class="list-unstyled">

          <li><i class="fa fa-phone"></i> <span class="hidden-xs hidden-sm hidden-md">+7 (495) 111-11-11</span></li>

          <li><i class="fa fa-phone"></i> <span class="hidden-xs hidden-sm hidden-md">+7 (495) 222-22-22</span></li>

          <li><i class="fa fa-phone"></i> <span class="hidden-xs hidden-sm hidden-md">+7 (495) 333-33-33</span></li>

        </ul>

      </div>

      <div class="col-sm-4">

        <div>

          <?php echo $search; ?>

        </div>

        <div>

          <?php echo $cart; ?>

        </div>

      </div>

    </div>

  </div>

</header>

Хотите больше бесплатных решений? Принимаю благодарности:
Оплата через ЯД и карты онлайн или Вебманей R836094250007 или на карту Сбербанк(Питер): 4276550043276842
.

10 окт 2017 13:22#8

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

Нужные модули и модификаторы для OpenCart 2x

10 окт 2017 13:23#9

в 3 версии
это
<div class="col-sm-5">{{ search }}</div>
<div class="col-sm-3">{{ cart }}</div>

замените на это в файле header.twig во второй header.tpl

<div class="col-sm-5">8-800-800-800<br>8-800-800-800<br>8-800-800-800<br></div>
<div class="col-sm-3">{{ search }}<br>{{ cart }}</div>

10 окт 2017 13:32#10

читал темы, может не внимательно в большинстве искал то что ближе подходит(

10 окт 2017 16:28#11

Ребята, все получилось!
В коде который скидывали на header.tpl у меня получалось как в первой картинке, но во второй картинке получил то что хотел.
Огромное спасибо за помощь!

Вложения · 2

10 янв 2019 03:18#12

Здравствуйте. Ребят подскажите что то у меня не выходит так, как описано все вроде также проделал.
Никак не пойму в чем проблема.
в файле header.twig

Цитата:
<header>
<div class="container">
<div class="row">
<div class="col-sm-4">
<div id="logo">{% if logo %}<a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive" /></a>{% else %}
<h1><a href="{{ home }}">{{ name }}</a></h1>
{% endif %}</div>
</div>
<div class="col-sm-5">+7 (930) 276-70-37<br>CO-PROF@YANDEX.RU<br></div>
<div class="col-sm-3">{{ search }}<br>{{ cart }}</div>
</div>
</div>
</header>

Вот сайт
http://www.compressor-prof.ru

Спасибо, за помощь.

Чтобы ответить, войдите или зарегистрируйтесь.

Несколько номеров в шапке сайта перемещение кнопки корзины покупок и поиска товаров

Похожие темы