Hey everyone! So, I’ve created my own Lightbox so that it can work using dynamic content on a template page. Basically, You can add up to 10 pictures to a “service” in the CMS, and they will be made into a Lightbox (really a div with a semitransparent background with a slider on it). I have one problem though.
I’m not sure why, but only the first picture shows up in the slider. The correct amount of slides are there, but none of the images show up. Any help would be great.
When you look at the site, look at either the “Civil services” or “Insulation Services” page (they are the only ones with photos for now). In the Designer, look under the “Services Template” page and choose Item: “Civil services” or “Insulation Services”.
The reason of your problem is the SLIDE settings. For keeping slider works properly you can’t change slides to display: flex, it should stay display: block
My suggestion:
remove class from SLIDE element
wrap image on each slide with the div and give it class “LighBoxSlide”
It worked! Thank you so much! Now, one more question. For some reason there is an extra slide showing up in the slider. I have 7 images uploaded in the CMS, and there are 8 slides showing up. I have each slide set to only be visible if the corresponding image is set. Thanks in advance for the help.
It would require using custom jQuery code for control slider functionality. I don’t have such high skills in that so, can’t really provide any help in that
You can create a new topic with this question in the Category “Code Help” if this functionality is necessary.