[Resolved] Displaying Loop Results Outside of Map

[Author]

Posts

[Charles]

Support,

I am trying to create a View that displays a map, as well as results outside the map. I know I'm close, but I think I have a line of code in the wrong spot. Can you please assist? The View ID is 5280.

This is my desired result: hidden link

Once I have the layout functioning correctly, I'll be able to style as needed, but I need the filters to show changes to both the map,and the results that will be shown on the left.

Thanks,
Charles

[Shane]

Hi Charles,

Thank you for getting in touch.

Could you send me a screenshot of the view code on the backend so that I can have a look at it ?

Thanks,
Shane

[Charles]

[wpv-layout-start]
	[wpv-items-found]
[wpv-map-render map_id="map-1" spiderfy="on"]
	<!-- wpv-loop-start -->
	<wpv-loop>
       <div class="col-sm-8">[wpv-map-marker map_id='map-1' marker_id='marker-1' marker_title='x' marker_field='wpcf-property-address'][wpv-post-body view_template="loop-item-in-properties-map"][/wpv-map-marker]</div>
        <div class="col-sm-4">[wpv-post-body view_template="outside-map-results"]</div>
	</wpv-loop>
	<!-- wpv-loop-end -->
[/wpv-map-render]
	[/wpv-items-found]
	[wpv-no-items-found]
		<strong>[wpml-string context="wpv-views"]No items found[/wpml-string]</strong>
	[/wpv-no-items-found]
[wpv-layout-end]

[Shane]

Hi Charles,

Thank you for this.

I see that you are using this code below to display your results outside the map

        <div class="col-sm-4">[wpv-post-body view_template="outside-map-results"]</div>

However does the content template "outside-map-results" exist?

What happens if you just use this
<div class="col-sm-4">[wpv-post-body]</div>

Please let me know. Also you can provide me with admin access to the site so that I can have a more detailed look for you.

Thanks,
Shane

[Shane]

Hi Charles,

I saw the issue now and it was because you had the closing [/wpv-map-render] tag wrapping around the entire area.

I've corrected this and it should be.

[wpv-layout-start]
    [wpv-items-found]
[wpv-map-render map_id="map-1" spiderfy="on"][/wpv-map-render]
    <!-- wpv-loop-start -->
    <wpv-loop>
       <div class="col-sm-8">[wpv-map-marker map_id='map-1' marker_id='marker-1' marker_title='x' marker_field='wpcf-property-address'][wpv-post-body view_template="loop-item-in-properties-map"][/wpv-map-marker]</div>
        <div class="col-sm-4">[wpv-post-body view_template="outside-map-results"]</div>
    </wpv-loop>
    <!-- wpv-loop-end -->

    [/wpv-items-found]
    [wpv-no-items-found]
        <strong>[wpml-string context="wpv-views"]No items found[/wpml-string]</strong>
    [/wpv-no-items-found]
[wpv-layout-end]

Please let me know if this helps.
Thanks,
Shane

[Charles]

Thank you Shane.

I see the results outside of the map, but I still can't achieve a 75%/25% row; map on the left and results on the right; as shown here: hidden link

-Charles

[Shane]

Hi Charles,

The issue was with how you formatted your items.

It should be ok now.
Thanks,
Shane

[Charles]

Shane,

Thanks for your help. I got the View working and looking like I need it to with 2 exceptions:

1. As I zoom in on the map, the results do not refresh and only display the results in the new view. Similar to this thread: https://toolset.com/forums/topic/use-map-to-update-or-filter-results-search-as-i-move-the-map/

2. Is it possible to have the correlating result from the list be highlighted when I click a marker? And have the marker be highlighted when I hover over a result from the list? As seen here: hidden link

Thank you,
Charles

[Shane]

Hi Charles,

"1. As I zoom in on the map, the results do not refresh and only display the results in the new view. Similar to this thread: https://toolset.com/forums/topic/use-map-to-update-or-filter-results-search-as-i-move-the-map/"

Such a feature does not exist in toolset. Zooming in on the map does not filter the results. The only way to filter the results is by adding the search filters themselves to the view.

"2. Is it possible to have the correlating result from the list be highlighted when I click a marker? And have the marker be highlighted when I hover over a result from the list? As seen here: hidden link"

Unforuntately no this one is not possible to achieve either.

Thanks,
Shane

[Charles]

My issue is resolved now. Thank you!