Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Generate Blocks Pro Gallery Patterns

  • Webkiter
    June 3, 2024 at 12:38 am

    Hi there,

    I was playing around with the Gallery Pattern from Generate Blocks Pro.

    I wasn’t able to create a clickable gallery which allows the visitor to open a clicked imaged in a large view. Isn’t that possible using the Gallery patterns?

    I would need a function to open an image on click and then open a “slide” where the user can click right or left arrows to have a look at several images.

    Thanks in advance!
    K.

  • David
    June 3, 2024 at 3:00 am

    Hi there,

    i think a regular light box plugin should handle that for you.
    eg.

    https://en-ca.wordpress.org/plugins/responsive-lightbox/

    that should automatically adds the lightbox to any image links.
    So make sure the Images have their Dynamic Data active and the Link Source set to the Image attachment.

  • Webkiter
    June 16, 2024 at 11:18 pm

    Hi David,

    thanks a lot for the link to the responsive lightbox plugin.

    Can you maybe share css code which would lead to only one or two
    preview images? As you can see on my website projects, there are several
    preview images per gallery which is too much.

    I added the link to the private information.

    Thanks a lot.
    Keno

  • Alvind
    June 17, 2024 at 12:36 am

    Hi there,

    Have you checked within the lightbox plugin settings to see if there is an option to adjust that?

  • Webkiter
    June 17, 2024 at 1:29 am

    Yes,

    I made all settings which should adjust that.

    Still, nothing happens.

  • Alvind
    June 17, 2024 at 4:11 am

    In that case, you can try this CSS:

    #rl-gallery-container-1 .rl-gallery > :nth-child(n + 6) {
  display: none;
}

#rl-gallery-container-2 .rl-gallery > :nth-child(n + 5) {
  display: none;
}
  • Webkiter
    June 19, 2024 at 1:19 am

    Thanks a lot, Alvind.

    That helps.

    What does the (n + 5) refer to?
    At the moment, 4 and 5 preview images are being shown.
    Can I both set to 3?

    Thanks again and talk soon!
    K

  • David
    June 19, 2024 at 3:44 am

    Hi there,

    (n + 5) targets the 5th item and all items after it.
    So to show only 3 items you would change it to (n + 4) as that would remove the 4th item onwards

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.