Jump to content
ann37

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

Recommended Posts

Привет!

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

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

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

Спасибо!

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

Share this post


Link to post
Share on other sites

500руб

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

700 р. :lol:

Share this post


Link to post
Share on other sites

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

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

Ищите

<?php echo $search; ?>

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

Вот так:

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

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

Share this post


Link to post
Share on other sites
7 минут назад, unknown сказал:

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

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

Ищите


<?php echo $search; ?>

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

Вот так:


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

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

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

Share this post


Link to post
Share on other sites
В 14.04.2017 в 07:37, ann37 сказал:

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

 

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

 

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

Share this post


Link to post
Share on other sites
2 минуты назад, florapraktik сказал:

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

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

Share this post


Link to post
Share on other sites
24 минуты назад, unknown сказал:

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

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

Ищите


<?php echo $search; ?>

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

Вот так:


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

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

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

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

Share this post


Link to post
Share on other sites
23 minutes ago, florapraktik said:

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

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

 

24 minutes ago, florapraktik said:

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

Гугл

Share this post


Link to post
Share on other sites
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');
		}
	});

 

Edited by unknown

Share this post


Link to post
Share on other sites
1 час назад, unknown сказал:

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

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


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

 

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

Share this post


Link to post
Share on other sites
36 minutes ago, florapraktik said:

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

 

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

 

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

 

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

 

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

 

  • +1 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.