Category menù hover not working

New home Forums Pro Add-on Category menù hover not working

Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #59938
    Temisar
    Member

    I need to have the categories selectable through the mouse hover, so that being above with the mouse or tapping is open the list with the boxes is possible?

    my site: https://www.wewantfood.it/Database/dup-installer

    #59956
    Dylan
    Moderator

    Hi there,

    Thank you for getting in touch, we do appreciate your time.

    Just to confirm, would you like the marker info-window to open when a user hovers over the marker? Alternatively, would you like the category list (checkboxes) to become selected as the user hovers over the list item?

    We should be able to assist with either of the options listed above once confirmed.

    I look forward to hearing back from you. 🙂

    #59968
    Temisar
    Member

    no, sorry, I explained myself wrong.

    I would like to go over “Categorie” to open the list of categories with the possibility of using the checkboxes.

    Attachments:
    You must be logged in to view attached files.
    #59976
    Dylan
    Moderator

    Hi there,

    Thank you for clarifying, yes, we can assist you with achieving this.

    Please add the following custom CSS to your site:

    .wpgmza-marker-listing-category-filter div{
        display: none;
    }
    
    .wpgmza-marker-listing-category-filter:hover div{
        display: block;
    }

    This can be added under Maps -> Settings -> Advanced -> Custom CSS.

    I believe this should result in the effect you mentioned.

    I hope this helps?

    #59977
    Temisar
    Member

    Thanks is what I needed.

    is it also possible to have the category box open above the map? because in this way it moves everything (or at most move the whole section “categories” on the left with respect to the map if the first solution is not possible)

    Thanks again

    #59986
    Dylan
    Moderator

    Hi there,

    Only a pleasure, happy to help.

    Yes, I believe the following CSS should achieve the effect you are looking for:

    .wpgmza-marker-listing-category-filter{
        position: relative;
    }
    
    .wpgmza-marker-listing-category-filter:hover div:first-of-type{
        position: absolute; 
        z-index: 999999999;
        background: #fff;
        height: 235px !important;
        width: 270px !important;
        left: 0;
    }
    
    .wpgmza-marker-listing-category-filter ul {
        padding-top: 10px;
        padding-bottom: 10px
    }

    This should be added below the existing CSS provided.

    I hope this helps?

    #59996
    Temisar
    Member

    Perfect. thanks so much.

    For changes regarding the modern infoview, can I ask here or do I have to open a new topic?

    #60017
    Dylan
    Moderator

    Hi there,

    Only a pleasure, happy to help wherever possible.

    No need to open a new ticket, you are welcome to ask further questions here as needed.

    I would gladly assist! 🙂

    Kind Regards,
    Dylan Auty

    #60028
    Temisar
    Member

    Thank you!

    Is it possible to change the order of appearance between description, address, logo etc.?

    I am attaching a screen to show you how I would like to make some changes, for example.

    I also wanted to know if with this view it is possible to see the ranking? in order to rate the place?

    Last thing, I though that if I put a gallery of images nothing appears under the description, do I have to necessarily insert the images into the description?

    Thanks again for everything

    Attachments:
    You must be logged in to view attached files.
    #60036
    Dylan
    Moderator

    Hi there,

    Only a pleasure, happy to help!

    Please add the following CSS to your site:

    .wpgmza-popout-panel div[data-name='address'] {
        order: 1 !important;
        margin-top: 70px;
    }
    
    .wpgmza-popout-panel.wpgmza-modern-marker-listing-marker-view.wpgmza-open [data-name="description"]{
        order: 4 !important;
        margin-top: 10px !important; 
    }
    
    .wpgmza-modern-marker-listing-marker-view [data-name='pic'][src]{
        position: absolute;
        width: 60px;
        top: 0 !important;
        margin-top: 34px !important;
        margin-bottom: 0 !important;
        margin-left: 10px;
    }

    This can be added beneath the existing CSS provided and I believe this will achieve a result similar to what you have showcased.

    I hope this helps?

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.