New home › Forums › Pro Add-on › General queries › Correct responsive carousel
Tagged: Carousel, mobile, responsive
- This topic has 32 replies, 6 voices, and was last updated 5 years, 11 months ago by Perry.
-
AuthorPosts
-
March 15, 2017 at 10:58 pm #25186Besi63Member
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, 6 months ago by Besi63.
Attachments:
You must be logged in to view attached files.March 16, 2017 at 2:38 pm #25206SupportTeamModeratorHi 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.
March 17, 2017 at 7:00 am #25221imaginateMemberWas 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!
March 17, 2017 at 9:24 am #25235Besi63MemberHello, 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
March 17, 2017 at 9:37 am #25242SupportTeamModeratorHi 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
March 17, 2017 at 10:34 am #25246Besi63MemberHello, 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 youMarch 22, 2017 at 9:42 am #25386SupportTeamModeratorHi 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,
JarekMarch 27, 2017 at 7:00 pm #25532Besi63MemberHello,
Is there anything new to my second question?
Best regards
BerndMarch 28, 2017 at 11:10 am #25563SupportTeamModeratorHi 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, 5 months ago by SupportTeam.
March 28, 2017 at 12:42 pm #25566SupportTeamModeratorThis reply has been marked as private.March 28, 2017 at 5:04 pm #25574Besi63MemberThis reply has been marked as private.March 29, 2017 at 8:31 am #25597SupportTeamModeratorThis reply has been marked as private.August 23, 2017 at 1:10 pm #29795aforshawMemberI 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.
August 23, 2017 at 1:58 pm #29799Besi63MemberThe 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 6 years, 1 month ago by Besi63.
- This reply was modified 6 years, 1 month ago by Besi63.
- This reply was modified 6 years, 1 month ago by Besi63.
August 28, 2017 at 11:15 am #29890SupportTeamModeratorHi @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
-
AuthorPosts
- You must be logged in to reply to this topic.