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

[ann37]

Привет!

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

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

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

Спасибо!

[fanatic]

500руб

[DelayDobro]

400

[ibond]

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

[mazein]

700 р. 

[unknown]

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

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

Ищите

<?php echo $search; ?>

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

Вот так:

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

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

[DelayDobro]

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

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

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

Ищите

<?php echo $search; ?>

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

Вот так:

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

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

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

[florapraktik]

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

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

 

 

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

[ibond]

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

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

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

[florapraktik]

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

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

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

Ищите

<?php echo $search; ?>

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

Вот так:

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

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

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

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

[unknown]

23 minutes ago, florapraktik said:

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

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

 

24 minutes ago, florapraktik said:

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

Гугл

[unknown]

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');
		}
	});

 

Змінено 15 квітня 2017 користувачем unknown

[florapraktik]

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

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

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

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

 

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

[unknown]

36 minutes ago, florapraktik said:

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

 

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

 

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

 

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

 

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