1. В редакторе админ панели заходите в раздел Внешний вид - Редактор тем.
  2. Заходите в правой панели в меню Заголовок \ Шапка сайта \ header.php - туда будем заполнять вывод скрипта поиска через код php
    1. Через панель код разработки консоли в хроме или любом другом браузере можно увидеть код, чтобы его найти в шаблоне и вставить в нужном месте. 

    4. В итоге он здесь у нас в шаблоне в админ панели:

  3. 5. Чтобы проверить работает ли нужное место вставки делаем подобный шаг - вводим любое значение и смотрим на странице, сохранить перед этим.
    1. В итоге результат вывелся: 

    7. Заходим в панели в раздел Woo - Ajax search и на главной заставке есть специальный код для вставки.  8 Вставляем в нужное место и сохраняем. 

  4. 9 Проверяем и вот он вывелся: но, видно, что не так хорошо показывается, ниже пункты, как исправить верстки показание на мобильной версии.
  5. 10
    1. У нас также есть стыковка переключения двух адаптаций на сайте, это нужно 

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

    Определяем какая точка минимум чтобы убралось меню и вывод поисковой строки ПК версии. 

    На этом сайте минимум 768 пикселей включение Адаптации. 

    1. То есть нам надо реализовать возможность скрыть с помощью @media данных для устройств:

    <div class="ajaxaddedsearch"> 

    <?php echo do_shortcode('[wcas-search-form]'); ?> </div> <style> @media only screen and (max-width: 768px) { 

    .ajaxaddedsearch { 

    display:block; width:100%; } } @media only screen and (min-width: 769px) { 

    .ajaxaddedsearch { 

    display:none; } } </style> 

    В итоге у нас получается такой код. Где один говорит минимум экран 768 спрятать, а другой показать. Также мы обернули код поисковика в div, чтобы ему сейчас задать стили.. 

    1. Находим нужный блок див, и ему немного присваиваем стилей, отступ 

    добавляем сверху. Но это только в консоли добавилось. Теперь нам надо его сохранить в сам код на сайте.

    Копируем :

  6. Вставляем: 

    14. Сужаем экран и видим, что верстка начинает менятся, и проверяем ее. На экране уже 620 пикселей, поисковик начинает западать по бокам. Делаем новый стиль и добавляем padding внутренний отступ по бокам: 

  7. 14 В итоге неважно как у нас сейчас нормально сужение происходит. 
  8. 15 Добавили в наш код и сохранили снова. 
  9. 16 Проверяем все отлично: 17 Сделать исправление мобильной версии три точки в placeholder: (не принимает 

    русские и украинские буквы) <style> .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input { Font-family:sans-serif !important; } </style> 

    Добавить код в шапку сайта или футер. Под любым из кодов. Header.php \ либо по другому может называться у пользователя в шаблоне head.php