Unique ID when adding more than one Lazy Block on same page

  • Hi there, great job on the recent update!
    I’ve come into an issue where I have two blocks I’ve created on the same page, but need to have the ID be unique. e.g. id=”carousel-1″ and the next block to be id=”carousel-2″.
    Any ideas for how to go about this?
    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author nK

    (@nko)

    Hi.

    I don’t understand why do you need this. Could you explain?

    Regards, nK.

    Thread Starter stv11c

    (@stv11c)

    Hi NK, thanks for the reply. I have configured the Bootstrap 4 Carousel with Lazy Blocks and it works great! However, when you have more than one on a page, you need to have a different ID for the navigation controls to work… like the Left/Right arrows and Indicators.

    Here is the link to the BS4 Carousel: https://getbootstrap.com/docs/4.1/components/carousel/#example

    Something like this: id=”carousel-{{id}}” but not sure what would generate the ID.

    Cheers!

    Plugin Author nK

    (@nko)

    Aha, got it. Will be added in the next update. Github issue: https://github.com/nk-o/lazy-blocks/issues/32

    Thread Starter stv11c

    (@stv11c)

    Hi again – I got around it by now by adding a Text box called ID and using that value in the template. Not sure why I didn’t think of that earlier ??
    But it would still be useful to have an option on all Blocks to add an ID. It can probably sit within the Inspector under the Advanced tab where the Additional CSS Class is.
    Cheers.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Unique ID when adding more than one Lazy Block on same page’ is closed to new replies.