Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

[Решено] Как переместить Поиск

xDENx
 Share

Recommended Posts

xDENx Newbie

xDENx

Опубліковано:
Опубліковано:

Использую ocStore v0.2.2 (OpenCart 1.4.9.4)

нашел хороший модуль категорий в шапку (как в OpenCart 1.5.x), но он становится поверх поиска :huh:

как можно поиск переместить в строку с выбором языка и валюты? :unsure:

Изображение

Надіслати
Поділитися на інших сайтах

s01 Apprentice

s01

Опубліковано:
Опубліковано:

Использую ocStore v0.2.2 (OpenCart 1.4.9.4)

нашел хороший модуль категорий в шапку (как в OpenCart 1.5.x), но он становится поверх поиска :huh:

как можно поиск переместить в строку с выбором языка и валюты? :unsure:

Тут урок один по изменению шаблона.

Там как раз передвигают поиск.

Может получится по аналогии в нужное место его поставить:)

Надіслати
Поділитися на інших сайтах

xDENx Newbie

xDENx

Опубліковано:
  • Автор
Опубліковано:

Тут урок один по изменению шаблона.

Там как раз передвигают поиск.

Может получится по аналогии в нужное место его поставить:)

спасибо, но там просто выравнивание по правому краю выставляется, а мне нужно в строчку ниже опустить

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

Надіслати
Поділитися на інших сайтах

xDENx Newbie

xDENx

Опубліковано:
  • Автор
Опубліковано:

ссылку на сайт дайте

сайта в сети пока нет

это обычный ocStore v0.2.2 (OpenCart 1.4.9.4)

http://demo.myopencart.ru/

или перекинуть его не на строку ниже, а справа вверху прилепить, под ссылками (Акции, Избранное, Контакты и Карта сайта)

или вывести в блок под/над карзиной...все равно куда, лишь бы поиск был на сайте

  • +1 1
Надіслати
Поділитися на інших сайтах

xDENx Newbie

xDENx

Опубліковано:
  • Автор
Опубліковано:

Спасибо всем за ответы в теме! Изменения в css ни к чему увы не приводили...вопрос решился после своего же сообщения))

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

и модуль таки есть)) Модуль поиска мне даже больше нравится чем стандартный поиск)

Изображение

запросто становится на ocStore v0.2.2 (OpenCart 1.4.9.4)

Единственный минус в этом поиске - когда вводишь какое то название, то поиск не запускается при нажатии на клавиатуре Enter, нужно мышкой нажимать "Искать"...если кто знает как это поправить, отпишите плз) ^_^

  • +1 1
Надіслати
Поділитися на інших сайтах

  • 1 month later...
Mag1987 Apprentice

Mag1987

Опубліковано:
Опубліковано:

Вам дали ссылку на мой блог,просто нужно было в комменты написать вопрос и я бы вам помог :), вам нужно было открыть файл header.tpl и перекинуть код из div8-div10 в div6, если нужно напишу на moushe.ru статью как это делать в понятной форме.

Если устраивает модуль поиска возьмите код кнопки из стандартной темы - она реагирует на Enter:

<a onclick="moduleSearch();" class="button"><span><?php echo $button_go; ?></span></a> <a href="<?php echo str_replace('&', '&', $advanced); ?>"><?php echo $text_advanced; ?></a>

Надіслати
Поділитися на інших сайтах

  • 1 month later...
  • 4 weeks later...
Shutkova Newbie

Shutkova

Опубліковано:
Опубліковано:

Спасибо всем за ответы в теме! Изменения в css ни к чему увы не приводили...вопрос решился после своего же сообщения))

и модуль таки есть)) Модуль поиска мне даже больше нравится чем стандартный поиск)

Изображение

запросто становится на ocStore v0.2.2 (OpenCart 1.4.9.4)

Единственный минус в этом поиске - когда вводишь какое то название, то поиск не запускается при нажатии на клавиатуре Enter, нужно мышкой нажимать "Искать"...если кто знает как это поправить, отпишите плз) ^_^

А как его перевести на русский? Не могу избавиться от "Keywords" вместо "Поиск...". Создала файл sidebarsearch.php в catalog\language\russian с таким кодом:

"<?php

// Heading

$_['heading_title'] = 'Поиск';

$_['text_keyword'] = 'Поиск';

$_['text_advanced'] = 'расширенный поиск';

$_['text_category'] = 'все категории';

// Entry

$_['entry_search'] = 'Искать:';

?>"

Сохранила в кодировке UTF-8.

Сайт покрылся иероглифами. Что не так?

Надіслати
Поділитися на інших сайтах

nashalneke Explorer

nashalneke

Опубліковано:
Опубліковано:

В качестве альтернативы не брезгуйте абсолютным позиционированием.

Для всего блока Header в stylesheet.css установите параметр

position: relative;

Учитывая тот факт, что по умолчанию в шаблоне относительное и абсолютное позиционирование нигде не используется, и размер header'a, как правило, всегда остается неизменным, с помощью параметров 

#header .search { 
position: absolute;
top: 500px; /* Указывается расстояние от верхней (bottom == нижней) границы родительского элемента, для которого указано position: relative; */
right: 0px;} /* указывается расстояние справа (left == слева) от границы родительского элемента */

Такое позиционирование воспринимается браузерами адекватно.

Надіслати
Поділитися на інших сайтах

  • 1 year later...
a1xzhu Enthusiast

a1xzhu

Опубліковано:
Опубліковано:

Здравствуйте! Помогите решить проблемку, я поиск переместил в меню в право, css там особо не трогал, просто с #header переписал на #menu и переместил в menu, а так же в header.tpl пеместил в menu, все встало ровно, но как бы я не пытался изменить

#menu #search {
position: absolute;
top: 107px;
right: 0px;
width: 442px;
z-index: 15;
}

у меня при увеличении или уменьшении страницы поиск стоит неподвижно, в одном положении, а должен трансформировать вместе.

Надіслати
Поділитися на інших сайтах

riny Veteran

riny

Опубліковано:
Опубліковано:

Здравствуйте! Помогите решить проблемку, я поиск переместил в меню в право, css там особо не трогал, просто с #header переписал на #menu и переместил в menu, а так же в header.tpl пеместил в menu, все встало ровно, но как бы я не пытался изменить

#menu #search {
position: absolute;
top: 107px;
right: 0px;
width: 442px;
z-index: 15;
}

у меня при увеличении или уменьшении страницы поиск стоит неподвижно, в одном положении, а должен трансформировать вместе.

пропишите родительскому диву #search

position: relative;

т.е. вероятно #menu

Надіслати
Поділитися на інших сайтах
1

a1xzhu Enthusiast

a1xzhu

Опубліковано:
Опубліковано:

Увы не помогло, я уже по всякому пробовал что в силах знании.

использую ocstore_v1.5.4.1, шаблон дефолт

header.tpl

<div id="menu">
 <ul>
.....
 </ul>
 <div id="search">
<div class="button-search"></div>
<?php if ($filter_name) { ?>
<input type="text" name="filter_name" value="<?php echo $filter_name; ?>" />
<?php } else { ?>
<input type="text" name="filter_name" value="<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
<?php } ?>
 </div>
</div>

stylesheet.css

.pagination .results {
float: right;
padding-top: 3px;
}
#menu #search {
position: relative;
top: 107px;
right: 0px;
width: 442px;
z-index: 15;
}
#menu .button-search {
position: absolute;
left: 0px;
background: url('../image/button-search.png') center center no-repeat;
width: 28px;
height: 24px;
border-right: 1px solid #CCCCCC;
cursor: pointer;
}
#menu #search input {
background: #FFF;
padding: 1px 1px 1px 33px;
width: 200px;
height: 21px;
border: 1px solid #CCCCCC;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0px 2px 0px #F0F0F0;
-moz-box-shadow: 0px 2px 0px #F0F0F0;
box-shadow: 0px 0px 0px #F0F0F0;
}
/* button */

для визуальной картины, скрин прилагаю

post-21285-0-32631000-1356465711_thumb.jpg

Надіслати
Поділитися на інших сайтах

riny Veteran

riny

Опубліковано:
Опубліковано:

Увы не помогло, я уже по всякому пробовал что в силах знании.

использую ocstore_v1.5.4.1, шаблон дефолт

header.tpl

<div id="menu">
 <ul>
.....
 </ul>
 <div id="search">
<div class="button-search"></div>
<?php if ($filter_name) { ?>
<input type="text" name="filter_name" value="<?php echo $filter_name; ?>" />
<?php } else { ?>
<input type="text" name="filter_name" value="<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
<?php } ?>
 </div>
</div>

stylesheet.css

.pagination .results {
float: right;
padding-top: 3px;
}
#menu #search {
position: relative;
top: 107px;
right: 0px;
width: 442px;
z-index: 15;
}
#menu .button-search {
position: absolute;
left: 0px;
background: url('../image/button-search.png') center center no-repeat;
width: 28px;
height: 24px;
border-right: 1px solid #CCCCCC;
cursor: pointer;
}
#menu #search input {
background: #FFF;
padding: 1px 1px 1px 33px;
width: 200px;
height: 21px;
border: 1px solid #CCCCCC;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0px 2px 0px #F0F0F0;
-moz-box-shadow: 0px 2px 0px #F0F0F0;
box-shadow: 0px 0px 0px #F0F0F0;
}
/* button */

для визуальной картины, скрин прилагаю

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

Надіслати
Поділитися на інших сайтах
1

riny Veteran

riny

Опубліковано:
Опубліковано:

я на локальном (((

тогда трудно сказать, может вы там стили перемешали до неузнаваемости, но если вернуть все стили по дефолту, то не надо ничего переносить, достаточно сделать это https://opencartforum.com/topic/3559-%d1%81%d1%82%d1%80%d0%be%d0%ba%d0%b0-%d0%bf%d0%be%d0%b8%d1%81%d0%ba%d0%b0/page__view__findpost__p__107818

Надіслати
Поділитися на інших сайтах
1

a1xzhu Enthusiast

a1xzhu

Опубліковано:
Опубліковано:

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

post-21285-0-36015200-1356517992_thumb.jpg

Надіслати
Поділитися на інших сайтах

riny Veteran

riny

Опубліковано:
Опубліковано:

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

сделай

#header #cart {
z-index: 999;
}

  • +1 1
Надіслати
Поділитися на інших сайтах
1

riny Veteran

riny

Опубліковано:
Опубліковано:

вопрос немного не в тему, а как сдивнуть в право вот это сплывающее окно корзины.

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

у #header #cart сделай right: 0px;

у #header #cart .heading сделай margin-right: 0px;

  • +1 1
Надіслати
Поділитися на інших сайтах
1

  • 3 months later...
bimer Apprentice

bimer

Опубліковано:
Опубліковано:

Парни, выручайте! Новичок еще в движке. Вожусь с перемещением поиска. Перенес в верхнее меню путем написания #header #search {top: 110px;} Может есть другой способ перенести туда?

И еще вопрос: что прописать в стилях чтобы в мозиле и опере поиск не вылазил вправо?

Чувствуется движок оптимизирован под хром :) Сайт на локалке. Шаблон дефолтный изменяю

stylesheet.css

#header #search {
  position: absolute;
  top: 110px;
  right: 5px;
  width: 265px;
  z-index: 15;
}
#header .button-search {
  position: absolute;
  left: 0px;
  background: url('../image/button-search.png') center center no-repeat;
  width: 28px;
  height: 24px;
  border-right: 1px solid #CCCCCC;
  cursor: pointer;
}
#header #search input {
  background: #FFF;
  padding: 1px 1px 1px 33px;
  width: 262px;
  height: 21px;
  border: 0px solid #999999;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
 -webkit-box-shadow: 0px 2px 0px #F0F0F0;
 -moz-box-shadow: 0px 2px 0px #F0F0F0;
 box-shadow: 0px 2px 0px #F0F0F0;
}

header.tpl

 <!--?php echo $cart; ?-->
 <!--Тут был поиск--><div id="search">
<div class="button-search"></div>
<!--?php if ($filter_name) { ?-->
<input name="filter_name" value="<?php echo $filter_name; ?>" type="text">
<!--?php } else { ?-->
<input name="filter_name" value="<?php echo $text_search; ?>" onclick="this.value = '';" onblur="if(value==''){value='<?php echo $text_search; ?>'}" onfocus="if(value=='<?php echo $text_search; ?>'){value=''} onKeyDown=" this.style.color="#000000" ;"="" type="text">
<!--?php } ?-->
 </div>
 <div id="welcome">
<!--?php if (!$logged) { ?-->
<!--?php echo $text_welcome; ?-->
<!--?php } else { ?-->
<!--?php echo $text_logged; ?-->
<!--?php } ?-->
 </div>
<!-- Не нужное меню <div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a><a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div> -->

<!-- Эту строчку убрали чтобы при отсутствии категорий не исчезала шапка! Окончание PHP сценария на 82 стр. <?php if ($categories) { ?> -->
<div id="menu">
<!-- Не нужное меню <ul>
<?php foreach ($categories as $category) { ?>
<li><?php if ($category['active']) { ?>
<a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>
<?php } else { ?>
<a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
--><!--?php } ?--> <!--
  <?php if ($category['children']) { ?>
  <div>
	<?php for ($i = 0; $i < count($category['children']);)/>/>/> { ?>
	<ul>
	  <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
	  <?php for (; $i < $j; $i++) { ?>
	  <?php if (isset($category['children'][$i])) { ?>
	  <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
	  <?php } ?>
	  <?php } ?>
	</ul>
	<?php } ?>
  </div>
  <?php } ?>
</li>
<?php } ?>
 </ul> -->
 <ul>
<li><a href="<?php echo $home; ?>"><!--?php echo $text_home; ?--></a></li>
<li><a href="<?php echo $account; ?>"><!--?php echo $text_account; ?--></a></li>
<li><a href="<?php echo $shopping_cart; ?>"><!--?php echo $text_shopping_cart; ?--></a></li>
<li><a href="<?php echo $checkout; ?>"><!--?php echo $text_checkout; ?--></a></li>
</ul>
</div>
<!--?php } ?-->
<div id="notification"></div>

post-31259-0-48288300-1364588181_thumb.png

Надіслати
Поділитися на інших сайтах

  • 2 years later...
Misha7 Contributor

Misha7

Опубліковано:
Опубліковано: (змінено)

Тоже переместил поиск в горизонтальное меню, вынув его из хидера. Окончательным штрихом для правильного позиционирования нужно было сделать свойство родительского гориз. меню "position: relative", хотя там по-умолчанию static.

Подскажите, чем это чревато для верстки?

Змінено користувачем Misha7
Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
 Share
Перейти до списку тем

  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

Покупцям

Розробникам

Корисна інформація

Останні розширення

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.

  Я даю згоду