Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Перенести строку поиска


ann37
 Поделиться

Рекомендованные сообщения

Привет!

Необходимо перенести строку поиска из шапки сайта в топ (справа).

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

Все предложения пишите сразу с ценами в лс.

Спасибо!

2017-04-14_07-28-29 (копия).PNG

Ссылка на комментарий
Поделиться на других сайтах


500руб

Ссылка на комментарий
Поделиться на других сайтах

600 руб. с гарантией.

Ссылка на комментарий
Поделиться на других сайтах

Бесплатный костыль

/catalog/view/theme/default/template/common/header.tpl

Ищите

<?php echo $search; ?>

Вырезаете и вставляете куда вам нужно с тегом <header>

Вот так:

<header>
  <?php echo $search; ?>
</header>

В стилях настроите ширину и положение на экране.

Ссылка на комментарий
Поделиться на других сайтах


7 минут назад, unknown сказал:

Бесплатный костыль

/catalog/view/theme/default/template/common/header.tpl

Ищите


<?php echo $search; ?>

Вырезаете и вставляете куда вам нужно с тегом <header>

Вот так:


<header>
  <?php echo $search; ?>
</header>

В стилях настроите ширину и положение на экране.

Странный новый человек на форуме) ходит всем помогает. Уже второй пост ) я тож так делал .. как говорила Шапокляк - кто делает добрые дела - тот тратит время зря!

Ссылка на комментарий
Поделиться на других сайтах


В 14.04.2017 в 07:37, ann37 сказал:

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

 

2017-04-14_07-28-29 (копия).PNG

 

На картинке "после" нет кнопки Вход. так должно быть?

Ссылка на комментарий
Поделиться на других сайтах


2 минуты назад, florapraktik сказал:

На картинке "после" нет кнопки Вход. так должно быть?

И поиск уехал куда-то! :-D

Ссылка на комментарий
Поделиться на других сайтах

24 минуты назад, unknown сказал:

Бесплатный костыль

/catalog/view/theme/default/template/common/header.tpl

Ищите


<?php echo $search; ?>

Вырезаете и вставляете куда вам нужно с тегом <header>

Вот так:


<header>
  <?php echo $search; ?>
</header>

В стилях настроите ширину и положение на экране.

Внутри тега <header>  больше ничего быть не должно? Только поле поиска?

Допустимо-ли два блока с тегом <header>?

Ссылка на комментарий
Поделиться на других сайтах


23 minutes ago, florapraktik said:

Внутри тега <header>  больше ничего быть не должно? Только поле поиска?

Можете добавлять что хотите, обернуть search div'ом, чем хотите, должно работать.

 

24 minutes ago, florapraktik said:

Допустимо-ли два блока с тегом <header>?

Гугл

Ссылка на комментарий
Поделиться на других сайтах


1 hour ago, florapraktik said:

Внутри тега <header>  больше ничего быть не должно? Только поле поиска?

Допустимо-ли два блока с тегом <header>?

Можно без <header> обойтись

Переносите search в div с id

<div id="SEARCH_ANYWHERE_YOU_WANT">
  <?php echo $search; ?>
</div>

/catalog/view/javascript/common.js

ищите

	/* Search */
	$('#search input[name=\'search\']').parent().find('button').on('click', function() {
		url = $('base').attr('href') + 'index.php?route=product/search';

		var value = $('header input[name=\'search\']').val();

		if (value) {
			url += '&search=' + encodeURIComponent(value);
		}

		location = url;
	});

	$('#search input[name=\'search\']').on('keydown', function(e) {
		if (e.keyCode == 13) {
			$('header input[name=\'search\']').parent().find('button').trigger('click');
		}
	});

Заменяете header на id вашего div

	/* Search */
	$('#search input[name=\'search\']').parent().find('button').on('click', function() {
		url = $('base').attr('href') + 'index.php?route=product/search';

		var value = $('#SEARCH_ANYWHERE_YOU_WANT input[name=\'search\']').val();

		if (value) {
			url += '&search=' + encodeURIComponent(value);
		}

		location = url;
	});

	$('#search input[name=\'search\']').on('keydown', function(e) {
		if (e.keyCode == 13) {
			$('#SEARCH_ANYWHERE_YOU_WANT input[name=\'search\']').parent().find('button').trigger('click');
		}
	});

 

Изменено пользователем unknown
Ссылка на комментарий
Поделиться на других сайтах


1 час назад, unknown сказал:

Можно без <header> обойтись

Переносите search в div с id


<div id="SEARCH_ANYWHERE_YOU_WANT">
  <?php echo $search; ?>
</div>

 

А класс какой-нибудь надо этому диву? типа, col-bla-bla-6?

Ссылка на комментарий
Поделиться на других сайтах


36 minutes ago, florapraktik said:

А класс какой-нибудь надо этому диву? типа, col-bla-bla-6?

 

Главное чтобы id был такой, как вы добавляете в common.js

 

Можете добавить класс в этот div или обернуть его еще в один div и уже ему добавить класс.

 

типа, col-bla-bla-6?

 

А какой нужен, зависит уже от вашей вёрстки

 

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.