Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.
Latest post by sulpher on Thursday, 05 March 2026 22:11 EET
Hi, i made small changes in layout. It is hard to style your code and templating. I moved entry descprition into photo template part and placed it between main and additionall photos. But now links in description is opening in lightbox. How can i solve this, it must be issue of your JS code...
see it here
https://www.drevoastavby.cz/drevostavba-roku/27-soutez-montovane-drevostavby-finale-2025/178-disk-ktery-pristal-uprostred-slavneho-lesa-2
Hi Vladimir,
Regarding the entry layout page, there is no JavaScript issue in our template. To help illustrate this, check out the Playground site:
🔗 https://playground.norrnext.com/
Please note that the Playground resets daily at 12 AM, so the changes will be refreshed by then.
To replicate the setup:
The component template relies on the core Joomla layout system, which can be overridden within your template if needed, and it is built on the Uikit front-end framework.
Any further customization would fall outside the scope of support policy for NorrCompetition and would depend on your development preferences and internal resources.
As previously discussed in the ticket here:
🔗 https://norrnext.com/support/helpdesk/norrcompetition/211-additional-images-sideshow-design
It appears that your current layout includes non-standard modifications. If these adjustments do not fully align with Uikit's markup structure, that may be the cause of the behavior you're observing.
For reference, here’s the official Uikit documentation:
🔗 https://getuikit.com/
If achieving your desired layout with Uikit proves challenging, you are welcome to implement an alternative gallery or slider script and integrate it within the layout system.
Best regards,
Eugene
Quote:
"UIkit automatically initializes the uk-slider component on the container with this attribute.
The UIkit script handles all clicks on links inside this container (the uk-position-relative element with the uk-slider attribute).
The library might mistakenly interpret the link in the description as part of the gallery navigation.
It's also possible that the uk-lightbox component is enabled on the entire page or on a parent container."
You need to examine the Uikit standards. If it is not possible to use it according to your custom task, then use another solution.
This is the customization.
only thing i want is to have entry description from about.me php part between main image and additional gallery. Problem is your coding and templating. All media part is in own template which is called in another entry file
so this part
<div class="obsah-soutez">
<div class="uk-card-body">
<?php echo CompetitionHelperTheme::renderLayout('entry.fields', ['item' => $item]); ?>
</div>
</div>
</div>
is placed in the file photo.php and via fcss styling flex and order moved between main image and thumb gallery. Obviously the link in the descpriptuon is now loaded in to the lightbox which is used for each image link.
I need advice how to removed class button link from this behaviour or help me to make design clear main image, descpription, thumb gallery.
thx
Hi Vladimir!
UIkit is very flexible. Just use "toggle" setting to make the lightbox work only for elements with a specific class. For example <div uk-lightbox="toggle: .lightbox-item">. Then add "lightbox-item" class to links with images like this "uk-thumbnail nc-modal lightbox-item".
Could you please check on your side and let me know if it works now as expected?
Kind regards,
Dmitrijs
sorry i am lost, your advice does nort work, or i do not know how to make it properly, this is my code, i need to stop opening links from part obsah-soutez in popup/lightbox
<div class="nc-entry-media" uk-lightbox>
<div class=" maingalerie uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
<a class="uk-thumbnail nc-modal" href="https://norrnext.com/<?php echo CompetitionHelperExtension::getPhotoUrlPath($item->competition_id, $item->id, $item->photo, 'l'); ?>" data-caption="<?php echo $this->escape($item->title); ?>">
<img src="https://norrnext.com/<?php echo CompetitionHelperExtension::getPhotoUrlPath($item->competition_id, $item->id, $item->photo, 'm'); ?>"
alt="<?php echo $this->escape($item->title); ?>" />
<div class="uk-position-center">
<span class="uk-transition-fade" uk-icon="icon: search; ratio: 2"></span>
</div>
</a>
</div>
<?php if ($item->params->get('competition_multiple_photos', 0)) :
$gallery = json_decode($item->gallery, true);
if (!empty($gallery)) : ?>
<div class="podgalerie uk-margin-top">
<?php echo CompetitionHelperTheme::renderLayout('entry.gallery', ['item' => $item, 'gallery' => $gallery]); ?>
</div>
<?php endif;
endif; ?>
<div class="obsah-soutez">
<div class="uk-card-body">
<?php echo CompetitionHelperTheme::renderLayout('entry.fields', ['item' => $item]); ?>
</div>
</div>
</div>
For main div add ="toggle: .lightbox-item" to uk-lightbox like this <div class="nc-entry-media" uk-lightbox="toggle: .lightbox-item">
Then add the class lightbox-item to every uk-thumbnail nc-modal like this <a class="uk-thumbnail nc-modal lightbox-item", also do it inside the entry.gallery.
Kind regards,
Dmitrijs
works, thank you for help
Hi Vladimir,
A good to hear the task is already done. As you see, Uikit is a flexible framework.
In this topic we’ve discussed the customization of product page as a commercial task and it was closed a month:
https://norrnext.com/support/helpdesk/norrcompetition/211-additional-images-sideshow-design
Finally, Dmitrijs helped to resolve the task with the gallery. We would be happy if you will write a review on TrustPilot or at the Joomla Extensions Directory.
Thank you.