cancel
Showing results for 
Search instead for 
Did you mean: 

Magento 2: Как переместить поле поиска в другое место?

Magento 2: Как переместить поле поиска в другое место?

Я хочу чтоб поле поиска было на всю ширину в этом месте: http://prntscr.com/brekep

Как это сделать в магенто 2? (клиент хочет именно так и никак иначе)

 

Или давайте даже так: есть ли возможность это сделать без переписывания половины CMS?

3 REPLIES

Re: Magento 2: Как переместить поле поиска в другое место?

Как один из вариантов CSS позиционирование, это будет самый простой способ если не хотите читать "Дизайнер гид" 

Re: Magento 2: Как переместить поле поиска в другое место?


sc_creator wrote:

 

Или давайте даже так: есть ли возможность это сделать без переписывания половины CMS?




Конечно есть такая возможность. Всё делается так же, как и Magento 1.x через шаблоны и макеты (layout).

 

Макет, где вставляется блок формы быстрого поиска находится тут

vendor\magento\module-search\view\frontend\layout\default.xml 

 

Найдите контейнер или блок куда вставить и перенесите. Разберётесь, не забудьте отписаться - пока мало кто на Magento2 делает проекты. Поможете остальным.

 


ET Web Solutions
extensions, custom work, support

Re: Magento 2: Как переместить поле поиска в другое место?

Судя по скриншоту, вы используете тему Luma, которая устанавливается вместе с Magento2. Разработчики Magento2 настоятельно рекомендуют не делать так, а создавать свои собственные темы, тема Luma добавлена в качестве демо.

 

Если ресурсы не позволяют вам соблюдать все рекомендации, то свои изменения в тему Luma вы можете добавлять в файл 

vendor\magento\theme-frontend-luma\Magento_Theme\layout\default.xml

 

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

<move element="top.search" destination="top.container"/>

Если также нужно убрать из шапки корзину с товарами, добавляем

<move element="minicart" destination="top.container"/>