Header Search

Is there any way to do it? Or do you plan to add it to all headers?

When you say base steps, you mean that after it will need extra steps that will need programming job? I’m asking you because I don’t have programming knowledge and without your help I will not manage it.

Btw, search works the way I want in top bar but because text color is set to white for top bar the titles and prices are white in white bg. Otherwise I would have been happy with that.

I believe that you must apply it to more headers or set up choices as it is better than the old fashioned search.

Anyway if you think that you can help me achieve it, please let me know to give you access.

P.S. I have created the child theme and copied the center.php What are the next steps?

Here are the details you need to add the new search on header

Thank you very much!

There was a mistake. I have pasted the details again in private area

Thank you!

Oh that is great! Thank you very much!

One thing I would like you to check though is that when search icon is clicked the login link on topbar moves right and overlaps social icons. Can that get fixed?

Thank you very much! It’s great to have the modern search!

It is absolutely great now! Thank you very much!

I have already rated Xstore all the 3 times I have bought it and soon there will be a fourth!

Thank you very much!

Hello,

Back in July you have helped me add search in header in the way I liked and you can see it here

https://www.erosandpsyche.eu/

With the new changes, if I choose variant center 3 which is closer to variant center I used to use I lose your code and get again the old fashioned search which I don’t like.

Can you please tell me what code shall I add to variant center 3 in order to have the desired result?

Below I’m pasting the code of variant center that you have created. Please tell me what to change in variant center3.

<?php
$ht = etheme_get_header_type();
$color = etheme_get_header_color();
$menu_class = ‘menu-align-‘ . etheme_get_option(‘menu_align’);
?>

<div class=”header-wrapper header-<?php echo esc_attr( $ht ); ?> header-color-<?php echo esc_attr( $color ); ?>”>
<?php get_template_part(‘headers/parts/top-bar’); ?>
<div class=”header-bg-block”>
<header class=”header main-header”>
<div class=”container”>
<div class=”container-wrapper”>
<div class=”header-left”>
</div>
<div class=”header-logo”><?php etheme_logo(); ?></div>
<?php if( etheme_get_option( ‘search_form’ ) == ‘header’ ) {
etheme_shop_navbar( ‘header’, array(), true );
}
else {
etheme_shop_navbar( ‘header’, array(‘search’), true );
} ?>
<div class=”navbar-toggle”>
<span class=”sr-only”><?php esc_html_e(‘Menu’, ‘xstore’); ?></span>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
</div>
</div>
</div>
</header>
<div class=”navigation-wrapper”>
<div class=”container”>
<div class=”menu-inner”>
<div class=”menu-wrapper <?php echo esc_attr($menu_class); ?>”>
<?php if ( has_nav_menu( ‘secondary’ ) && etheme_get_option( ‘secondary_menu’ ) ): ?>
<div class=”secondary-menu-wrapper”>
<div class=”secondary-title”>
<div class=”secondary-menu-toggle”>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
</div>
<?php etheme_option(‘all_departments_text’); ?>
</div>
<?php etheme_get_main_menu(‘secondary’); ?>
</div>
<?php endif ?>
<?php etheme_get_main_menu(); ?>

</div>
</div>
</div>
</div>
</div>
</div>

On the same website, I just had to roll back to old version in order you can see what I want.

Do you want me to install the new version again so that you can fix it?

You may also give me the piece of code to add it as soon as I’m done.

Thank you

Thank you very much! It was so kind of you and it is very much appreciated!

The template change has caused some css issues too. I will write about them to the css topic.

Once more, thank you very much!