A few issues

This is the only thing holding me up from going live with the site. I really want to have carousels for the pages.

Hi there,

Sorry for the delay, not sure why I didn’t get an email alert for this. Let me address these one at a time:

#1 – I think that’s a CSS bug that I fixed for other styles and didn’t realize it existed in the rounded corner style as well, so I’ll have to update that.

#2 – Owl Carousel is designed to ALWAYS fill the entire available width. So if you crop the image smaller than the available width and set it to show only 1 image (as you did with the “Snakes”) gallery, then yes that will happen. Simply crop the image to the size of your available area and you’ll be fine.

#3 – That’s part of the new feature called “hash listening”, it allows you to navigate to any image in the carousel from a link outside the carousel. So that’s by design.

#4 – That really should not be the case. When I view your site I can see by looking in Chrome Dev Tools that there seems to be a caching error. Try clearing your cache. You can see on the docs page that there are 10 carousels on that one page, and there is no limit since each instance has it’s own unique ID. https://docs.fooplugins.com/foogallery/foogallery-owl-carousel-documentation

#5 – Margins are irrelevant when you only have 1 image per “stage”. They only apply when you have multiple images per stage.

Thanks!

I saw you said you didn’t get a notice about the other post, so I figured it was the same here ??

#1 – Cool, glad it is somewhat simple to fix
#2 – Ok, that makes sense
#3 – Ok, no problem then
#4 – Yeah, I saw the demo with the multiple carousels, so I knew it should work fine. I’m not using a Cache plugin though, so I’m not sure where the cache issue would be coming from.I have tried clearing my browser cache but that isn’t the issue.
#5 – I know, I was meaning on the 5 image carousels on the catalog page, this really isn’t a huge issue, for me as the spacing is fine, just thought I would point it out.

I see, on the catalogue page this is a combo of cropping the images small plus limiting the stage to 5 items. Up it to 6 or crop the images larger and they will fill the space better and the margin should work fine.

ok, thanks.

Any other ideas on the Cache issue?
Uncaught TypeError: Cannot read property ‘clone’ of undefined gallery-owl-carousel.js?ver=4.0:8

Failed to load resource: net::ERR_CACHE_MISS

Both of these are related to Owl Carousel it seems. If I do not use the Carousel I do not get these errors.

This is the first time I’ve seen that, so I just did a quick search and it seems like it’s not unique to the plugin, but perhaps a combination of browser issues. Take a look at this ticket and the link at stackexchange and let me know if you find the culprit. I’ll plan to dig into this and the CSS issue next week, I’m a bit booked at the moment.

https://www.ads-software.com/support/topic/console-error-failed-to-load-resource-neterr_cache_miss?replies=7

Ok, I will let you know what I find.

Ok, that does not help me, as I do not have Ad Block installed and I have the issue with the carousels not displaying in all browsers.

Try doing some plugin troubleshooting, disable all other plugins and see if the problem persists. If you don’t have a development site to do that testing on, then look for a good Maintenance mode plugin to put up a notice to your visitors while you do this.

If the problem is still there with all other plugins disabled and your theme set to twentyfourteen then I’ll need to dig into that a lot more. But considering I’ve got 10 galleries on the docs site with no problems I’m pretty sure there’s something in your configuration that is causing a conflict that is out of my control.

Just wanted to give you a heads up that I just pushed a new version live that should resolve the CSS styling issue you brought to my attention. Let me know if you’re still having trouble doing multiple galleries and let’s see if we can find the source of the problem. Thanks!