[Koh Samui]

Hi ecwid forum and ecwid support team.

I would like to move my search box down to the same line as my sort by box.

I would like to place it in between Showing 1-120 of 410 results and View as: GridListTable

I have searched the forum but cant find an answer how to do this.

Would be amazing if someone could advise what css code I would use to achieve this.

Thank you for the continued support I receive on the forum, its always very much appreciated.

Kind regards,

Paul



kohsamui.co.uk

[Kess]

First of all please place your search widget under the categories widget. To do it, please open your store page for editing, ind the following fragment in it:

<div><script type="text/javascript"> xSearchPanel("style="); </script></div> <div><script type="text/javascript"> xCategories("style="); </script></div>

and change to:

<div><script type="text/javascript"> xCategories("style="); </script></div>
<div><script type="text/javascript"> xSearchPanel("style="); </script></div>

Save the changes.

Then please add the following CSS rule to your CSS theme (Ecwid control panel -> System Settings -> Design -> CSS Themes):

div#SearchPanel-1 {
position: relative;
}
div.ecwid-SearchPanel {
position: absolute;
top: 3.1em;
right: 381px;
}

and click “Save (Ctrl+S)”.

Please note that the values of “top” and “right” parameters can be adjusted to the ones you prefer. I should also say that in some languages (like Russian, for example), “Sort by” and “View as” elements take more space due to longer text in them. Thus if you move the search widget to the same line, the store may look distorted for your foreign customers who don’t use English as the default language in their browsers.

[Koh Samui]

Hi Ksenia,

Thank you for your reply, nice to meet you!

I first installed my ecwid code manually and used to have a page that had code which you want me to change.

Since then I have installed the ecwid Wordpress plugin and I no longer have that code in my wordpress pages.

I changed to the wordpress plugin for inline seo compatibility. Eugene kindly advised me how to do this.

I now have two wordpress store pages.

Shop UK

<script type="text/javascript">
ecwidMessages = {
"CategoryViewOrder.date":"Latest"
}
</script>
[ecwid_script]
<!-- Ecwid code. Please do not remove this line otherwise your Ecwid shopping cart will not work properly. --> [ecwid_script] [ecwid_minicart] [ecwid_searchbox] [ecwid_categories] [ecwid_productbrowser] <!-- Ecwid code end -->




Store

<!-- Ecwid code. Please do not remove this line otherwise your Ecwid shopping cart will not work properly. --> [ecwid_script] [ecwid_minicart] [ecwid_searchbox] [ecwid_categories] [ecwid_productbrowser] <!-- Ecwid code end -->



When I view both pages they both show me my ecwid stores.

Please advise me what I should do to move my search box in this situation.

Thank you for your advice and help.

I look forward to hearing from you.

Paul

[Koh Samui]

Hi Ksenia,

Hope your fine.

Would be great if you could advise me regarding the above.

Kind regards,

Paul

[Kess]

Thank you for the updates. The only store of yours I have found is [url]http://kohsamui.co.uk/index.php/shop/[url], could you possibly let me know where I can see the second store?

To place your search widget under the categories widget in the code you have provided please open the store page for editing and place [ecwid_categories] before [ecwid_searchbox], i.e. the code should look as follows:

<!-- Ecwid code. Please do not remove this line otherwise your Ecwid shopping cart will not work properly. --> [ecwid_script] [ecwid_minicart] [ecwid_categories] [ecwid_searchbox][ecwid_productbrowser] <!-- Ecwid code end →

Save the changes, and then apply the second fragment of CSS changes from my previous message via your Ecwid control panel -> System Settings -> Design -> CSS Themes.

Click “Save (Ctrl+S)” and let me know the results.

[Koh Samui]

Hi Ksenia,
Hope your fine.

Your advice worked perfectly.

Thank you so much your amazing!

Paul

[Koh Samui]

Hi Ksenia,

Hope your fine and had a nice day.

Thank you so much for your advice, it worked perfectly.

Your amazing!

Paul

[Kess]

Thank you, Paul. I'm glad to hear the solution works

[Koh Samui]

Hi Ksenia, hope your fine.

Hmmm maybe I spoke too soon! ha ha

I had an ecwid wordpress search button widget on my kohsamui.co.uk home page (we love)blog.

This evening I noticed it was in the middle of a blog page. It had moved to the left out of the right hand side sidebar.

I have currently disabled it, please can you advise how I can stop it from moving the left into a blog post?

I suspect it is being moved by the changes I have made for the search box on my home page.

Thank you for your help Ksenia.

Paul

[Paul Sexton]

Hi Ksenia,

Also, please can you tell me what code would I use to change the height of the sort by box so that it is the same height as my search box.

That would be amazing!

Thank you,

Paul