Return to previous page

Is there a way to integrate the product search into the filterbar on the right?

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

Tagbag

Participant

June 15, 2018 at 18:00

Hey there,

Is there a way to integrate the product search into the filterbar on the right?

so it would look like this?

Yours sincerely
Joey

#195004 Copied

7 Answers

Rose Tyler

Support staff

June 18, 2018 at 08:33

Hello,

This requests additional customization.
Try to add get_product_search_form(); – function like on the next screenshot
https://image.prntscr.com/image/Vl0NEegnRSaSvM9ywJouxA.png
and remove product search from shop filters widget area (if you want it only in top area and not in filters like before) https://image.prntscr.com/image/M0OJeVSHSQOHyXhcRTopLw.png

Regards

#195024 Copied

Tagbag

Participant

June 18, 2018 at 08:52

Did not think that it would be possible :). But I can not find the file where I have to insert the code. Can you tell me the corresponding file or even insert the code yourself? Only if it would not cause you any trouble.

Regards
Joey

Please, contact administrator
for this information.

#195026 Copied

Rose Tyler

Support staff

June 18, 2018 at 09:45

The required file is archive-product.php in xstore/woocommerce folder.

Regards

#195034 Copied

Tagbag

Participant

June 18, 2018 at 10:29

Hey,

so far everything goes well, thank you. But how can I position the search bar in the top right corner? At the moment it looks like this:

Regards
Joey

Please, contact administrator
for this information.

#195042 Copied
Rose Tyler

Support staff

June 18, 2018 at 10:41
Hello,

Please add this code in Theme Options > Styling > Custom css:
```
.filter-content .woocommerce-product-search {
    width:  auto;
    display:  inline-block;
    float: right;
}
.filter-content .woocommerce-product-search label {
    display:  none;
}
@media (max-width: 992px) { 
    .filter-content .woocommerce-product-search {
        float: none;
    }
}
```
Regards
#195044 Copied
Tagbag

Participant

June 18, 2018 at 10:51

Great! Many thanks!

Regards
Joey

#195045 Copied

Rose Tyler

Support staff

June 18, 2018 at 11:00

You’re welcome!

Regards

#195046 Copied
Viewing 8 results - 1 through 8 (of 8 total)