FacetWP and Archive templates

Support
#1

Hey Folks,
Has anyone created an archive template that filters posts using ACF fields then added WPFacet to give the user control to filter the results further? If so, I have a few questions to get me pointed in the right direction.

We have House Designs which is a custom post type. I created a page that is assigned an archive layout to display all of the designs. Now I’d like to give the user the option to filter the designs further by selecting design type (Cape, Federal, etc…), # of bedrooms, # of bathrooms, and even square footage.

I’ve created a Facet and it seems to have indexed the right number of posts of that post type then added it to the archive page in a column before the looper outputs but no controls show. How do I get it display the filtering controls on this page?

#2

Hello Gregg,

Thanks for writing in! Have you set up a FacetWP shortcode for the filter? We recommend that you check out this video tutorial first:

If you are still having some issues, we would be happy to double-check your site if we can log in. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

image

Best Regards.

#3

Hi @ruenel,
Thanks for the reply, not having issues per se. I’ve got it working but the implementation is using FacetWP’s list builder. I’d rather integrate it into the Pro archive templates and this is what I’m looking for help with. More to see if anyone else has already done this before I try it myself. If not, it’s fine, I’ll keep what I’ve got working now.

#4

Hey Gregg,

That’s what’s taught or shown in the tutorial video: https://youtu.be/b0QCo8T-3cU?si=XH1usFyAeaxVvFj0

I’d recommend you follow the setup in the video and if you encounter an issue, please let us know.

Thanks.

#5

Hey @christian,
Thank you. I’ll have a look when I have some time later today. Much appreciated.

#6

@christian,
Just had a look at the video. Perfect!! Just what I needed. Thank you!

#7

Hey @christian,
One more question. In the video, Josh created a custom template for the Raw element. Is it possible to get a copy of the template he created for the pagination Facet?

#8

And now I have an issue… :smile: I just noticed the header background color is gone and the header is no longer sticky. It works on all the other pages so I’m guessing this has to do with adding the Raw Element?

https://vermontframstg.wpenginepowered.com/timber-frame-house-designs/

#9

Hi Gregg,

I have checked and found that the Design section is causing the issue, and deleting it solved your problem. While investigating more, we didn’t find any problem in the added HTML, which is mostly the reason behind this kind of problem. It seems any of the Designs are having any broken HTML, like unclosed tags, which is the reason behind your problem.
I would suggest you check by adding posts_per_page in the Query String and set the value 1 for it, and investigate the single design, which comes in the page. If that does not resolve your problem, please let us know for further investigation.

post_type=timber_frame_design&facetwp=true&posts_per_page=1

Thanks

#10

Hey @tristup,
Thanks for the reply. You’re right, when I remove the Designs section, I get the header back. I thought it might be HTML related too but I’ve been through every element, CSS, and conditions setting for the items under Designs and I can’t find anything wrong. I hate to ask, but could you look into this further?

#11

Hi Gregg,

Upon further investigation, it was found that the facetwp-template was added to the Element CSS, which is the reason behind your problem. Please remove it to get rid of your problem.

image
image883×856 29.3 KB

Thanks

#12

Hi @tristup,
Ah, yep - that worked. Thank you so much!

Gregg

#13

You’re welcome, Gregg.

#14

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.