Image gallery, link on image to lightbox

wing333

Probably really simple, but I'd like to be able to show an image gallery in a Lightbox after clicking an image on a page. How does it work?

Phil

Hi,

Can you send me an example showing that, please?

I do not want to misunderstand you.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

wing333

Click on an image and a gallery of that subject opens. Preferably with description.

wing333

Hey man,

Second question I have is how I can force my image gallery with logo's to show two columns on mobile instead of one.

It makes the list really long. Desktop there are 5, but mobile automatically chooses only one.

Phil

1) As you showed on the screenshot, you can only display a single image lightbox, but there is no option to show the gallery in this way.

2) There is a possibility to achieve that with custom CSS code, but I will need a link to this page to check this out.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

wing333

1) As you showed on the screenshot, you can only display a single image lightbox, but there is no option to show the gallery in this way.

Is there a workaround Phil? Do you know a way to solve this? My customer really wants this. Could it work with a plugin?

2) There is a possibility to achieve that with custom CSS code, but I will need a link to this page to check this out.

It's this page: https://matthijssenlichtreclame.nl/

You already have the credentials for it, I sent them to you in February. If it doesn't work I'll disable maintance for a while.

thanks again,

Phil

1) We do not have such a feature, so you should search for a plugin with such functionality. I cannot recommend any other plugins except the ones we support.

https://support.muffingroup.com/documentation/bundled-plugins/#compatibility

2) Sorry, but unfortunately, I do not remember all websites because I answer tons of topics every day. It is good to always attach a link to the website. I hope you understand. 🙂

Please disable maintenance for a while.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

wing333

Phil,

I will disable maintance today after 13:00 CET. I hope you have the time so help me with this.

Aris Houwing

Phil

Please try the following CSS code:

@media only screen and (max-width: 767px){
   #Content .gallery:not(.gallery-columns-1) .gallery-item {
 width: 50%!important;
 clear: none;
 }
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

wing333

Works great!!! Thanks a bunch. Another question for now if you don't mind.

Can I make a scroller like this with pages? What can I do with the description on the right or on hover?

Phil

You can use a query loop with dynamic data.

Please see the following video tutorials:

https://support.muffingroup.com/video-tutorials/dynamic-content-in-the-bebuilder/

https://support.muffingroup.com/video-tutorials/how-to-use-the-loop-builder-introduction/

https://support.muffingroup.com/video-tutorials/how-to-create-custom-product-slider-part-1/

https://support.muffingroup.com/video-tutorials/how-to-create-custom-product-slider-part-2/

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next