Image gallery, link on image to lightbox

wing333 · March 2023

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 · March 2023

Hi,

Can you send me an example showing that, please?

I do not want to misunderstand you.

Thanks

wing333 · March 2023

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

wing333 · March 2023

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 · March 2023

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

wing333 · March 2023

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 · March 2023

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

wing333 · April 2023

Phil,

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

Aris Houwing

Phil · April 2023

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

wing333 · April 2023

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 · April 2023

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

Image gallery, link on image to lightbox

Comments