[Resolved] Search bar does function when clicked

[Author]

Posts

[BDS]

I am trying to: Use the search, filter and pagination bar created by toolset view

Link to a page where the issue can be seen:

I expected to see: The search bar returns filtered post results.

Instead, I got: Can not type in the search box and the dropdown filter is not clickable. The pagination returns 0 results in the next page.

URL to this: hidden link

[Waqar]

Hi,

I noticed that some negative bottom margin has been applied to the view's search form widget, which pushes the search form further up, closer to the slider section on top.

To fix this overlapping and make the search form accessible, you can include some higher Z-index value ( e.g. 9999 ) to the entire second section, as shown in this screenshot:
hidden link

This will make sure that the this second section with the search form, always sits in front of the first section with the slider.
( ref: hidden link )

I hope this helps and for more accurate and up-to-date information related to Elementor plugin's features and layouts, we'll recommend consulting their official support and documentation.

regards,
Waqar

[BDS]

Thanks Waquar,

The search form is click able now, however I still go 0 result when clicking to the next page in pagination. The dropdown filters (in both relationship and custom filter) also return none selection when the AJAX search results is updated.

Eg: I featured 12 post in one view (on total 33 view). As I click to the following page in the pagination, I receive none and the filter does not work also.

Could you help me on this? You can find the issue on the same URL that I send you

[Waqar]

Hi,

The pagination and search results are both set to update through AJAX (i.e. without a page reload) and in such a case, it is important that the first option in the select type filter attached to a custom field, doesn't contain any value.

To fix this, you can update your shortcode for the "Khoảng giá" field from:

[wpv-control-postmeta values="0-1000000000,1000000001-3000000000,3000000001-5000000000,5000000001-8000000000,8000000001-10000000000,10000000000-100000000000" display_values="Khoảng giá,<1 tỷ,Từ 1 - 3 tỷ,Từ 3 - 5 tỷ,Từ 5 - 8 tỷ,Từ 8 - 10 tỷ,> 10 tỷ" field="wpcf-gia" type="select" source="custom" url_param="wpv-wpcf-gia"]

To

[wpv-control-postmeta values=",0-1000000000,1000000001-3000000000,3000000001-5000000000,5000000001-8000000000,8000000001-10000000000,10000000000-100000000000" display_values="Khoảng giá,<1 tỷ,Từ 1 - 3 tỷ,Từ 3 - 5 tỷ,Từ 5 - 8 tỷ,Từ 8 - 10 tỷ,> 10 tỷ" field="wpcf-gia" type="select" source="custom" url_param="wpv-wpcf-gia"]

And shortcode for the "Phòng ngủ" field from:

[wpv-control-postmeta display_values="Phòng ngủ,1,2,3,4,5" values="1,2,3,4,5" field="wpcf-so-phong-ngu" type="select" source="custom" url_param="wpv-wpcf-so-phong-ngu"]

To:

[wpv-control-postmeta display_values="Phòng ngủ,1,2,3,4,5" values=",1,2,3,4,5" field="wpcf-so-phong-ngu" type="select" source="custom" url_param="wpv-wpcf-so-phong-ngu"]

You'll find the details about the supported attributes of the "wpv-control-postmeta" shortcode at:
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-control-postmeta

This will ensure that the first label options for these fields don't include any values, which can change the query when pagination is used without changing any search form filter.

Please let me know how it goes and if you need any further assistance around this.

regards.
Waqar

[BDS]

My issue is resolved now. Thank you!