Map with one category

This topic contains 31 replies, has 5 voices, and was last updated by  redrya 6 years, 11 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #407862

    redrya
    Expired Member
    Post count: 22

    Hi I set up 5 different Custom Post types in order to have each category show up individually on the map. I would like the map to have icons only for one category without showing all 5 mixed together but can’t get it to do that.

    I have 5 individual pages and would like the map at the top of each to show one category, have added the following map short-code and tried all the variations but it continues to output all 5 categories on the map. In this case the post type I want shown is “Fare”:

    [gd_listing_map width=100% height=450px autozoom=true marker_cluster=”on” post_type=”fare” category=”72”]

    Please let me know if I’m missing something in order to make this work. I don’t need the box with the little check-marks of categories

    Thanks,
    Rya

    #407874

    Guust
    Moderator
    Post count: 29970

    Every category has its own page by default, just add this shortcode to a test page and you will see them, there is no need to create separate pages for them; this is the shortcode to add: [gd_cpt_categories] so you will get all the correct links.

    See also these links:
    https://wpgeodirectory.com/docs/layout/#directory
    https://wpgeodirectory.com/docs/troubleshooting-guide/

    In your example, the most likely error is that post_type should be gd_fare.
    See https://wpgeodirectory.com/docs/core-shortcodes/#listing

    Thanks

    #407878

    redrya
    Expired Member
    Post count: 22

    Hi and thank you for such a quick reply!

    I’m setting up custom pages in order to have a more personalized layout but your suggestion about adding gd_fare to the short-code worked! THANK YOU!

    I have one more question, I set up the category layout as 2/3 for posts and 1/3 for map on the right side. I would like for the Map to be sticky so that it scrolls down the page, I saw that the shortcode should be: sticky=true
    For some reason it doesn’t seem to work? The map disappears when I scroll down the page. Am I missing something on that shortcode? Here is what I have now:

    [gd_listing_map width=100% height=600px sticky=true autozoom=true marker_cluster=”on” post_type=”gd_fare” category=”72”]

    Also is there a way to make the map full height responsive? If I put 100% instead of 600px it disappears.

    Thank you so much for your help,
    Rya

    #407880

    Guust
    Moderator
    Post count: 29970
    This reply has been marked as private.
    #407890

    redrya
    Expired Member
    Post count: 22
    This reply has been marked as private.
    #407892

    redrya
    Expired Member
    Post count: 22
    This reply has been marked as private.
    #407905

    Guust
    Moderator
    Post count: 29970
    This reply has been marked as private.
    #407932

    Alex Rollin
    Moderator
    Post count: 27815
    #407939

    redrya
    Expired Member
    Post count: 22

    Hi Alex,

    tried a few different sizes for the width but it doesn’t seem to work?
    [gd_listing_map width=400 height=600 sticky=true autozoom=true marker_cluster=on post_type=”gd_fare” category=”all”]
    and
    [gd_listing_map width=400px height=600 sticky=true autozoom=true marker_cluster=on post_type=”gd_fare” category=”all”]

    Also I’m concerned that with this solution the map will not be responsive. I would like for it to be 100% width and height in the sidebar hopefully.

    Hope you can help!
    Rya

    #408131

    Alex Rollin
    Moderator
    Post count: 27815
    This reply has been marked as private.
    #408140

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    The issue is was a simple z-index issue, i have added a CSS fix to the GD>Design>Scripts.

    Thanks,

    Stiofan

    #408142

    Alex Rollin
    Moderator
    Post count: 27815

    Hello!

    For future reference, the CSS is

    
    
    
    .geodir_map_container {
        z-index: 100;
    }
    
    #408147

    redrya
    Expired Member
    Post count: 22

    Ah Thank you so much Alex and Stiofan for getting it resolved!

    In relation to the map is there a way to make it function the way you have it on the Supreme theme?
    (https://wpgeo.directory/supreme-directory/places/hotels/)

    I tried using the Supreme theme for my project but unfortunately it is too restrictive and doesn’t have the many styling options that are available with the theme I’m using.

    I do love how the map page works on Supreme with the map being 100% fixed on the right and the posts scrolling on the left. Is this something that can be achieved with my theme? I’m not a programmer so would be happy to pay for this service if you can set it up.

    Thanks,
    Rya

    #408153

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hi Rya,

    Its not possible to have it work like SD with the current layout you have, in SD its the listing container that scrolls not the whole page, there is a lot of customisation you would need to do to recreate it.

    Thanks,

    Stiofan

    #408160

    redrya
    Expired Member
    Post count: 22

    Thank You Stiofan for your quick reply, yes I figured it would not be a simple task but it is so much better as far as functionality for the directory pages.

    If I use the Supreme theme, can I create a custom Home page as what I have now? Would it be possible to install Visual Composer Plugin and customize the pages without having conflicts?

    I’m at the beginning of this project, it’s important that the site functionality is super User Friendly and your GeoDirectory plugin is fantastic for that but I also want to have flexibility with the design of the site.

    Appreciate any suggestions you may have.

    Thanks,
    Rya

Viewing 15 posts - 1 through 15 (of 32 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount