-
Posts
-
Hi,
I’d like to have a searchbox at the top of the woocommerce shoppage, below the menu and above the dropdown buttons for number of products and order of products.
How can I get it there? It’s not a widget.
Thanks in advance for helping out.
Kind regards
GeertThe location may not be clear : below the breadcrumb and locationbar. And above or alongside the dropdownbuttons for productorder.
Sorry for the second change of heart ; I would like to remove the both dropdowns (product sorting and number of products on the page) en replace them by a searchbox.
Hi,
use different tickets for different questions.
The only way I see so far would be by doing this: kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
Hope this helps!
Best regards,
AndyYes sir, I will! ;-)
Sorry, doesn’t work : the location is not right, because its above the picture of the banner.
The place I would like it to be, is :
1. instead of the two dropdowns for sorting and number of products, right above the products or alternatively
2. in the centre of the bar containing the location and the breadcrumbs.Is that possible?
Kind regards
GeertHi,
Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
AndyOk, let’s go for placement of a searchbox in the header.
The methode you advised with the widget works but the searchbox isn’t aligned with the menu and doesn’t move upwards along with the decreasing header when scrolling down. Thats because the searchbox is sticked to the top.
Can I put a searchbox in the header that is :1. aligned with the menu 2. moves upward along with the decreasing header or at least will placed on a acceptable position in the decreased header and not sticked to the top?
I’d rather not want to use the magnifying glass or it’s function.
Thanks very much for your help.
Kind regards
Hi,
try this code:
#header form.woocommerce-product-search { display: flex; } #header form.woocommerce-product-search { margin: 13px; top: -7px; position: relative; }Hope this helps!
Best regards,
AndyHi Andy,
thanks!
Do I add this to the CSS that I previously put there (http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/) or instead of that code?And secondly : can I get rid of de green dot on the left and the green search button?
Thanks again.
Kind regards
GeertHi,
do not add it instead, but in addition.
About which dot are you talking about? please awlays add some screenshots highlighting what you’re talking about.
Which color do you want for your green search button instead? please use this code to change it’s color:
input[type="submit"] { background-color: red !important; }Best regards,
AndyHi Andy,
thanks again.
I don’t mean a different color. I mean no button at all.
Screenshot :
kind regards
Geert
Hi,
I can’t see what you’re talking about at all: http://i.imgur.com/6okDrIk.png
Please clear browser cache and hard refresh a few times. Which browser and OS are you using?
Best regards,
AndyHi,
Windows 8.1 and Firefox 50.0. If you can’t see it, it must be a local problem here. So not very important.
What can we do to remove the searchbutton?
Kind regards
Geert
- You must be logged in to reply to this topic.