Skip Navigation

[Resolved] How to structure my filter view

This thread is resolved. Here is a description of the problem and solution.

Problem:

The issue here is that the user has a set of filters that were working and a set that weren't

Solution:

Checking the filters everything seems fine, however the issue was with the HTML code that the user added.

In his code he added this.

<div class="container-fluid1">
    <div class="filter"> 
[wpv-filter-start hide="false"]
    [wpv-filter-controls]

Where is container code was started outside of our filter shortcodes.

The solution in this case was to start his container divs within the shortcodes, like this


[wpv-filter-start hide="false"]
    [wpv-filter-controls]
<div class="container-fluid1">
    <div class="filter"> 

Please ensure that all your code is wrapped within our filter shortcodes.

This support ticket is created 5 years, 6 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

Tagged: 

This topic contains 4 replies, has 2 voices.

Last updated by puneetS-3 5 years, 6 months ago.

Assisted by: Shane.

Author
Posts
#1279655
Group 391.png

I am trying to implement this(attached) design but whenever I structure the html inside the filter the two filter and spinner image stops working.
This is my html structure

<div class="main-container">
<div class="filter">
Box 1 (refer attachment)
</div>
<div class="search">
<div class="top">
Box 2 (refer attachment)
</div>
<div class="bottom">
Box 3 (refer attachment)
</div>
</div>
</div>

I put last three closing div underneath my loop code so my loop is inside .bottom. I am unable to make it work. Please help.

#1279693
#1279813

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hello,

Just an update here, I'm trying to get the copy of the site.

#1279889

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hello,

I've found the issue and it was actual quite simple.

Its that you've been starting the divs outside the filter shortcode so it was messing with the filter structure.

You should do it like this.


[wpv-filter-start hide="false"]
	[wpv-filter-controls]
<div class="container-fluid1">
    <div class="filter"> 

This should resolve your issue.

Thanks,
Shane

#1279965

Indeed it was too simple. Thanks for help.

#1279967

My issue is resolved now. Thank you!