Correct responsive carousel

[Besi63]

Hello, I have a few questions about the plugin.
1. Is the carousel not responsiv or I do not find the right settings. If I set the carousel with four or five cards for a desktop it is ok. But when I look at a smartphone it is just scaled and you can see nothing more. There is no way for different devices to adjust the number of cards. Eg desktop 5 cards, tablet 3 and smartphone only one?

2. Is there the possibility to add additional fields for the marker options.
Many thanks

• This topic was modified 6 years ago by Besi63.

Attachments:

You must be logged in to view attached files.

[SupportTeam]

Hi there,

Thank you for getting in touch with us.

Thanks for pointing this out. We’ll fix this in the next update. For now you will have to hard code a few changes in the Pro add-on to achieve this until we can fix it.

Please open wp-google-maps-pro/js/core.js and look for the following (line 988-995):

jQuery("#wpgmza_marker_list_"+wpgmaps_localize[entry]['id']).owlCarousel({
  autoPlay: autoplay,
  lazyLoad : lazyload,
  autoHeight : autoheight,
  pagination : pagination,
  nav : navigation,
  items : items
});

Please change it to this:

jQuery("#wpgmza_marker_list_"+wpgmaps_localize[entry]['id']).owlCarousel({
  autoPlay: autoplay,
  lazyLoad : lazyload,
  autoHeight : autoheight,
  pagination : pagination,
  nav : navigation,
  items : items,
  responsive:{
    0:{
      items:1,
      nav:navigation
    },
    600:{
      items:3,
        nav:navigation
     },
     1000:{
       items:4,
       nav:navigation
     }
  }
});

Change number in items accordingly. Let me know if it works.

Thank you for your time in this.

[imaginate]

Was needing this solution too. This worked great, although this was on line 903 to 910 for me.

Hoping this get’s into the next update. Thanks!

[Besi63]

Hello, with me it was also another line, but I had already changed a lot of the file.
In any case, it now works wonderfully. Thank you!
Is there a simple solution for my second question?

Best regards

[SupportTeam]

Hi there,

I’m glad to hear that it works 🙂 I’m sorry for wrong lines.

We’ll definitely try to add it into the next update.

Is there the possibility to add additional fields for the marker options.

Do you want some specific options? I’m not sure what do you mean? Please let me know about that.

Best

[Besi63]

Hello, I have my additional input fields as there are already for eg the “title”, the “description” or a “link”. I would like a separate input field for “opening times” of a shop. I would like to integrate this into the info window or carousel. Surely you can insert such things into the description field, but for the customers who are later to update the map it would be easier and clearer with an extra field. And it would be formatted more uniformly.
Can the uncomplicated solution?
Thank you

[SupportTeam]

Hi there,

Our sincere apologies for the delay in getting back to you.
It requires few changes in plugin files. I’ll check this for you and let you know ASAP.

Best,
Jarek

[Besi63]

Hello,
Is there anything new to my second question?
Best regards
Bernd

[SupportTeam]

Hi again Bernd,

I’m very sorry for the delay. I’m working on it. I’ll let you know when it’ll be ready.

Best,
Jarek

• This reply was modified 6 years ago by SupportTeam.

[SupportTeam]

This reply has been marked as private.

[Besi63]

This reply has been marked as private.

[SupportTeam]

This reply has been marked as private.

[aforshaw]

I have the same problem, I applied the responsive code changes as outlined above but that breaks the pagination. The number of bullets under the next/prev links is far too many. Clicking on the last ones will scroll the carousel off the screen, hiding it.

I don’t think this solution is working as it should be and the carousel doesn’t appear to be working properly.

As a paying customer I wonder if this will be fixed any time soon because the gmaps feature on our new website is very important to us.

[Besi63]

The carousel works wonderfully. I have made some minor changes to the code, but the result is here. ->http://stern.arne-gericke.eu
Via the menu item “Standorte”

• This reply was modified 5 years, 7 months ago by Besi63.
• This reply was modified 5 years, 7 months ago by Besi63.
• This reply was modified 5 years, 7 months ago by Besi63.

[SupportTeam]

Hi @aforshaw,

I am extremely sorry for the delay in response.

Could you please send me the login details to your WordPress dashboard so I’ll debug this further for you? Please mark your reply as private to protect your data.

Kind regards

[Author]

Posts