Moving Facets to the Left of the Results

Bradley_Naumann · May 18, 2020, 5:13pm

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!

Sam_Torres · May 18, 2020, 5:15pm

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!

John_McGraw · May 18, 2020, 5:18pm

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

Sam_Torres · May 18, 2020, 5:43pm

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.

John_McGraw · May 18, 2020, 5:54pm

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?

Sam_Torres · May 18, 2020, 5:56pm

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

Thanks!

Jenna_Flug · October 29, 2020, 3:28pm

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?

afarooque · October 29, 2020, 3:30pm

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).

Jenna_Flug · October 29, 2020, 4:47pm

thank you @afarooque!

Jenna_Flug · October 29, 2020, 8:37pm

@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:

Jenna_Flug · October 29, 2020, 8:38pm

afarooque · October 29, 2020, 8:59pm

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