i cant seem to get it working

Hi, SLB automatically supports image links in post/page content. Are you image links you’re referring to within the page’s actual content, or are they added separate (e.g. via a template block, etc.)?

Please provide more details on how the links are added to the page. Also, please provide a screenshot of SLB’s admin settings page.

Thanks.

Hi there!! thank you for your fast response!!

Im using Advanced Custom Fields to create the gallery.

                        <?php
$images = get_field('uk_clinic_images', 'option');

if ($images) {
    echo '<div class="luwi-gallery post-per-row-3">';
    foreach ($images as $image) {
        echo '<a href="' . $image['url'] . '">';
        echo '<img src="' . $image['url'] . '" alt="' . $image['alt'] . '">';
        echo '</a>';
    }
    echo '</div>';
}
?>

and here is the image of my settings:

help?

Thank you for the additional details.

As your content is not part of standard post/page content, you can manually activate it for display in the lightbox using slb_activate() (documentation).

Example:

<?php
$images = get_field('uk_clinic_images', 'option');
// Start output buffering.
ob_start().
if ($images) {
    echo '<div class="luwi-gallery post-per-row-3">';
    foreach ($images as $image) {
        echo '<a href="' . $image['url'] . '">';
        echo '<img src="' . $image['url'] . '" alt="' . $image['alt'] . '">';
        echo '</a>';
    }
    echo '</div>';
}
// Save output to variable.
$out = ob_get_clean();
// Activate links in output.
if ( function_exists('slb_activate') ) {
	$out = slb_activate($out);
}
// Display output.
echo $out;
?>

THANK YOU!!! for you fast response and help with fixing the issue!!

I tried your code and at first it didnt work, But there was a easy fix

ob_start().

should be

ob_start();

so final WORKING code is:

<?php
$images = get_field('uk_clinic_images', 'option');
// Start output buffering.
ob_start(); // Removed the extra period here.
if ($images) {
    echo '<div class="luwi-gallery post-per-row-3">';
    foreach ($images as $image) {
        echo '<a href="' . $image['url'] . '">';
        echo '<img src="' . $image['url'] . '" alt="' . $image['alt'] . '">';
        echo '</a>';
    }
    echo '</div>';
}
// Save output to variable.
$out = ob_get_clean();
// Activate links in output.
if (function_exists('slb_activate')) {
    $out = slb_activate($out);
}
// Display output.
echo $out;
?>

thank you for your help again!!!

Whoops! Glad you found the typo and got it working ????

Hey dude,

I’m trying to implement the lightbox on this homepage image grid,

https://newtopiadev.wpenginepowered.com/

below is my Code, it appears to output correctly, when i inspect but doesnt seem to work.

please can you help me?

<?php
$postGridArgs = array(
    'post_type'      => 'artwork',
    'posts_per_page' => 10,
    'post_status'    => 'publish',
);

$postGridItems = new WP_Query($postGridArgs);

if ($postGridItems->have_posts()) :

echo '<style>';

echo '</style>'; ?>

<script src="/wp-content/themes/flash-child/scripts/carousel-script.js"></script>

    <div class="outer-container">
        <div class="container">
            <div class="slider-wrapper">
                <button id="prev-slide" class="slide-button material-symbols-rounded">
                    PREV
                </button>
                <ul class="image-list">
                    <?php
                    while ($postGridItems->have_posts()) : $postGridItems->the_post();
                        $image = get_field('artwork_image');
                        ob_start();
                        if (!empty($image)) :
                    
                    echo '<a href="' . $image['url'] . '">';
        echo '<img class="image-item" src="' . $image['url'] . '" alt="' . $image['alt'] . '">';
        echo '</a>';
                        endif;
                    $out = ob_get_clean();
// Activate links in output.
if ( function_exists('slb_activate') ) {
	$out = slb_activate($out);
}
                    // Display output.
echo $out;
                    endwhile;
                    wp_reset_postdata();
                    // Save output to variable.

                    ?>
                </ul>
                <button id="next-slide" class="slide-button material-symbols-rounded">
                    NEXT
                </button>
            </div>
            <div class="slider-scrollbar">
                <div class="scrollbar-track">
                    <div class="scrollbar-thumb"></div>
                </div>
            </div>
        </div>
    </div>

<?php else :
    echo "<p>No posts found.</p>";
endif;
?>

my settings

and i add the images heres using :

[gallery]

https://newtopiadev.wpenginepowered.com/homepage-test/

again when i inspect i can see the “slb” code but it just not working, im not sure what i have done wrong?

Help?

sooo i have tried everything. turned of all the plugins, swapped the theme. cannot get it working. so im aim for a fresh instal and start for stratch. so odd. i started an fresh WP install for testing and your plugin worked straight away!!!

ill try again tomorrow

SLB is most likely not working at the link provided due to HTTP Authentication being enforced sitewide.

Per SLB’s Requirements, HTTP Authentication can block the loading of necessary files, preventing SLB from functioning properly.

Disabling HTTP Authentication allows necessary files to be loaded for SLB to function normally.

thank you for getting back to me!!

i just started again, strange as i have not done anything differently.

BUT… i got it working!!

here –> https://newtopia1.wpenginepowered.com/

Glad to hear it’s working for you! As previously-noted, this is because HTTP authentication (requiring username/password to view the site) is not used on your new site, so all plugin files can be fully loaded.