Return to previous page

Header Search - by dunies - on WordPress WooCommerce support

This topic has 20 replies, 3 voices, and was last updated 6 years, 2 months ago ago by Rose Tyler

dunies

Participant

July 11, 2018 at 09:16

Hello,

The header type I have used is variant center and it shows the classic search form.

Is it possible to show the search form that it is used here https://www.8theme.com/demo/xstore/hipster/ and how?

Thank you in advance

#196492 Copied Theme version: latest WooCommerce version: latest

19 Answers

Rose Tyler

Support staff

July 11, 2018 at 09:32

Hello,

There is no such possibility, by default.
Feel free to ask if you have any other questions.

Regards

#196493 Copied

dunies

Participant

July 11, 2018 at 09:36

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

#196494 Copied

Rose Tyler

Support staff

July 11, 2018 at 09:55

By default, there is no option to change the search to the icon for center header type, this request additional customization in files.
Copy center.php file from xstore/headers to child-theme/headers folder and do changes there + use css code to change styling of the search.
We can help you with base steps, provide us with temporary wp-admin and FTP access, please.

Regards

#196499 Copied

dunies

Participant

July 11, 2018 at 11:09

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?

#196505 Copied

Rose Tyler

Support staff

July 11, 2018 at 12:36

If you prefer the search in top bar, please, set it via theme options and let us know. We will provide you custom css code.
In case, you want to have the search in header like on the example. Provide us with wp-admin and FTP access. We will do changes and then provide the explanation.

Regards

#196508 Copied

dunies

Participant

July 11, 2018 at 14:26

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

Thank you very much!

Please, contact administrator
for this information.

#196526 Copied Theme version: latest WooCommerce version: latest

Rose Tyler

Support staff

July 11, 2018 at 15:40

We are trying to connect to your server but can’t http://prntscr.com/k57zou Please check.

Regards

#196535 Copied

dunies

Participant

July 11, 2018 at 23:15

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

Thank you!

Please, contact administrator
for this information.

#196555 Copied

Rose Tyler

Support staff

July 12, 2018 at 09:01

Hello,

Please check now. Some changes were done in center.php of your child theme.

Regards

#196572 Copied

dunies

Participant

July 12, 2018 at 10:04

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!

#196580 Copied

Rose Tyler

Support staff

July 12, 2018 at 10:28

Hello,

Please clear cache and check now.
Would you mind to rate our product: https://prnt.sc/d256m6  https://themeforest.net/downloads
That would be much appreciated 🙂

Regards

#196583 Copied

dunies

Participant

July 12, 2018 at 10:46

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!

#196586 Copied

Rose Tyler

Support staff

July 12, 2018 at 12:06

You’re welcome!
Thanks for using our theme 🙂

Regards

#196594 Copied

dunies

Participant

September 30, 2018 at 08:43

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>

#200225 Copied

Olga Barlow

Support staff

October 1, 2018 at 17:45

Hello,

Where are you trying to implement that search? Can you provide me the link, Dashboard and FTP access to check and help you?

Regards

#200281 Copied

dunies

Participant

October 1, 2018 at 23:52

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

Please, contact administrator
for this information.

#200296 Copied

Olga Barlow

Support staff

October 3, 2018 at 16:50

Hello,

We moved the search into the correct place and switched to the new version. Check now.

Regards

#200406 Copied

dunies

Participant

October 4, 2018 at 23:58

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!

#200531 Copied

Rose Tyler

Support staff

October 5, 2018 at 08:45

Hello,

You’re welcome!
Thanks for using our theme.

Regards

#200545 Copied
Viewing 20 results - 1 through 20 (of 20 total)