Quick search bar position - Theme Classic [solved]

[fatboy1]

hello everyone

I would like to change position of quick search bar from right to left, in classic theme Presta 8.

I will be very appreciated for any help

Edited November 14, 2024 by fatboy1 (see edit history)

[Divine]

Hello,

Could you post a screenshot of what you want to obtain exactly please ?

[fatboy1]

32 minutes ago, Divine said:

Hello,

Could you post a screenshot of what you want to obtain exactly please ?

yes ofc

[pallavigodse]

Check for the quick search bar in header.tpl file within the Classic theme. Then you need to modify the HTML structure. Clear your cache and test changes.

[fatboy1]

1 hour ago, pallavigodse said:

Check for the quick search bar in header.tpl file within the Classic theme. Then you need to modify the HTML structure. Clear your cache and test changes.

unfortunatley there's no search bar or search widget in header.tpl

[ComGrafPL]

44 minutes ago, fatboy1 said:

unfortunatley there's no search bar or search widget in header.tpl

Have you simple tried with css ? Change float from right to left.

[WebDesk Solution]

@fatboy1

To adjust the position of the quick search bar in the PrestaShop 8 Classic theme, follow these steps:

Step 1: 
Open the CSS file for custom styles, usually found at (If this file does not exist, create them.)
File Path: themes/classic/assets/css/custom.css

Step 2:
Paste the following code into the custom.css file

#header #search_widget {
  float: left;
  padding-left: 23px;
}

Step 3:
In your PrestaShop admin panel, go to Advanced Parameters > Performance, and click Clear Cache.

Step 4:
Visit the front end to confirm that the quick search bar now appears on the left side. Review the screenshot for reference if needed.

We hope this solution works for you!
 

[Divine]

il y a 40 minutes, ComGrafPL a dit :

Have you simple tried with css ? Change float from right to left.

This is the correct answer
You can also do it from custom.css like it was said by @WebDesk Solution

[fatboy1]

1 hour ago, WebDesk Solution said:

@fatboy1

To adjust the position of the quick search bar in the PrestaShop 8 Classic theme, follow these steps:

Step 1: 
Open the CSS file for custom styles, usually found at (If this file does not exist, create them.)
File Path: themes/classic/assets/css/custom.css

Step 2:
Paste the following code into the custom.css file

#header #search_widget {
  float: left;
  padding-left: 23px;
}

Step 3:
In your PrestaShop admin panel, go to Advanced Parameters > Performance, and click Clear Cache.

Step 4:
Visit the front end to confirm that the quick search bar now appears on the left side. Review the screenshot for reference if needed.

We hope this solution works for you!
 

omg It works  thank You very much

[fatboy1]

1 hour ago, Divine said:

This is the correct answer
You can also do it from custom.css like it was said by @WebDesk Solution

 

1 hour ago, ComGrafPL said:

Have you simple tried with css ? Change float from right to left.

thank You

[Divine]

Don't forget to edit your first post and to add [Solved] in the title

[fatboy1]

24 minutes ago, Divine said:

Don't forget to edit your first post and to add [Solved] in the title

 

24 minutes ago, Divine said:

Don't forget to edit your first post and to add [Solved] in the title

Please tell me where I can do this?

[Divine]

At the top right of your first post :

[fatboy1]

11 minutes ago, Divine said:

At the top right of your first post :

Done, thx

[Divine]

Great, thank you