2015-07-28 4 views
1

Как я могу сделать поиск прийти между storefront_primary_navigation и storefront_header_cart на 2-й линии заголовка ?? используя приведенный ниже PHP-код. если я сделаю эти изменения в CSS, он выглядит уродливым на мобильных устройствах. Так это можно сделать в PHP? Если да, в каком файле я должен внести изменения и каковы изменения?header.php | Изменение положения поиска

Прямо сейчас у меня есть две строки в заголовке:
Первая линия: Логотип | secondary_navigation | product_search
Вторая линия: primary_navigation | header_cart

Теперь заголовок выглядит следующим образом: enter image description here

PHP:

<header id="masthead" class="site-header" role="banner" <?php if (get_header_image() != '') { echo 'style="background-image: url(' . esc_url(get_header_image()) . ');"'; } ?>> 
     <div class="col-full"> 

      <?php 
      /** 
      * @hooked storefront_skip_links - 0 
      * @hooked storefront_social_icons - 5 
      * @hooked storefront_site_branding - 10 
      * @hooked storefront_secondary_navigation - 15 
      * @hooked storefront_product_search - 20 
      * @hooked storefront_primary_navigation - 25 
      * @hooked storefront_header_cart - 30 
      */ 
      do_action('storefront_header'); ?> 

     </div> 

Выход необходимо: Первая линия: Логотип | secondary_navigation
Вторая линия: primary_navigation | product_search | header_cart

enter image description here

Манодж Изменения: enter image description here

ответ

0

Вы должны найти действие под названием 'storefront_header'. Найдите в нем файлы тем. Если вы используете возвышенный текст 2 и открываете директорию темы, вы можете использовать ctrl-shift-f для поиска по всем файлам одновременно.

0

Это похоже на вопрос/ответ здесь: Sample product, Change location of price и рад, что вы прокомментировали ответ там;)

PHP Edit:

В коде ниже, вы перезапись включение Storefront крюк/приоритетный порядок. Таким образом, storefront_product_search будет включен после storefront_primary_navigation, который имеет приоритетное значение 25.

Включите следующий код в functions.php.

remove_action('storefront_header', 'storefront_product_search', 20); 

add_action('storefront_header', 'storefront_product_search', 26); 

CSS Edit:

.woocommerce-active .site-header .main-navigation { 
    width: 58.913%; /* Changed to occupy the Search in same line */ 
} 

.site-search:nth-of-type(1) { 
    display: none; 
} 

Второе правило CSS хак, чтобы удалить первое вхождение строки поиска, это не является стандартным решением. Поскольку у меня нет доступа к вашему PHP-коду, трудно предсказать причину проблемы с двумя строками. Могут быть другие действия, мешающие захвату и отмена кода PHP remove_action, или приоритет был изменен в другом месте.

Выход:

Woocommerce Search bar

+0

после того, как я сделал изменения, предложенные вами, я получаю две поисковые box'es, как показано в прилагаемом images..in оригинальный вопрос –

+0

Можете ли вы предоставить ссылку на вашу страницу/сайт? –

+0

Его домашняя страница ironware.in –

Смежные вопросы