Moving Facets to the Left of the Results

Search
1

Hello,

I’ve been trying to move my facets to the left of my product results rather than on top of them, but with no success so far.

Any chance someone can provide some guidance here? Much appreciated!

2 Likes
2

hey @Bradley_Naumann welcome to the Community and congrats on your first post!

Can you please post a screenshot of the current result so we can get an idea of what you are trying to accomplish?

Thanks!

1 Like
3

Also having the same issue! Great post, @Bradley_Naumann!

1 Like
4

hey @Bradley_Naumann and @John_McGraw - thank you for bringing this to our attention. The placement of the facets is being worked on and will be updated in the Answers jambo template.

For now, you can do the following to place facets on the left of the results:

In your html.hbs file for the given page, you can move the following line of code

{{> templates/vertical-standard/markup/facets}} (line 26)

to line 29, directly following & within the Answers-filtersAndResults div.

2 Likes
5

Thanks, @Sam_Torres! Will this now technically be line 28 since we would be deleting line 26 or do you need to duplicate and make sure it’s on line 26 and 29?

6

Hey @John_McGraw yes it would then be line 28. No need to duplicate.

Thanks!

1 Like
7

hi @Sam_Torres! I actually had the same question, but in regards to the new theme update. Where would I move the div statement to get the filters on the left?

image
image743×673 27.6 KB

8

Hi Jenna,

With the latest theme, all you need to do is follow the instructions to uncomment line 34 and line 37!

Line 26 in your screenshot should also be moved within that div (above line 35).

1 Like
9

thank you @afarooque!

10

@afarooque with the theme update, where would we insert the banner div? In the old theme, it fell under <div class="Answers-resultsWrapper"> <div class="Answers-resultsColumn">

I’m also having issues moving the facets to the left with this one. Here is the code and what the result is showing:

image
image860×803 58.5 KB

11

image
image1161×216 17.8 KB

12

Hi Jenna,

You should place the HTML where you want it to render on the page. You might have to experiment a bit, but putting it under line 27 should put it right above the results.

There isn’t an option to display facets on the left for Map verticals. If you’re trying to add facets & the collapsible filters, make sure you follow all the steps outlined here. SDK/Theme Update: Collapsible Filters