Skip Navigation

[Resolved] Need help on layout design and approach

This support ticket is created 6 years, 9 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
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+00:00)

This topic contains 3 replies, has 2 voices.

Last updated by Nigel 6 years, 9 months ago.

Assisted by: Nigel.

Author
Posts
#619584

Tell us what you are trying to do?

achieve something similar to this : hidden link and hidden link

any suggestion how to achieve this ? thanks.

#619666

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi there

Was there something specific from those links that you wanted to recreate?

#619683

Hi. from hidden link

i want something like this. the three tabs filter with ajax load. also
how to replace the gmap location mark with a rounded listing image ?

thanks.

#619731

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Regarding using a listing image as a marker that's not possible. You can use custom markers, but you cannot dynamically create markers using images from the posts.

https://toolset.com/documentation/user-guides/display-on-google-maps/displaying-markers-on-google-maps/#marker-icon

You can add whatever markup and CSS you like to the filter section of a View to customise it to your needs.

Views does not offer any way to customise the HTML markup of individual filters, but you can split some filters into one tab and other filters into another. And in the Custom Search settings you can choose "Show only available options for each input" to hide options that are not possible when another filter option has been selected.

The problem I see trying to reproduce what appears on the page you linked to is that the first tab has Buy or Rent options, and when you choose one the filters available in the second tab change accordingly (e.g. rent vs purchase price).

They are effectively two separate Views, one to display rental properties (one CPT) and another to display for sale properties (another CPT).

You can't switch the Views on the front-end in the same way as on the example site, you need separate searches to search for separate things, but for any one search you can design the filter output section so that the filters are spread across tabs.