joomla based owl Carousel

686 views Asked by At

We have a Joomla based school website, we have a owl carousel at the bottom that scrolls along.

I would like to make the images contained links to their to websites.

I've looked everywhere to find where the code for the owl carousel is but i cant find it. There is a module for it but it hasn't anywhere to alter the code.

The site URL is: http://www.kibworthprimary.org.uk

This is the code in the tmpl folder inside default.php

<div class="owlcarousel<?php echo $moduleclass_sfx ?> <?php echo $alias ?>" <?php if ($params->get('backgroundimage')) : ?> style="background-image:url(<?php echo $params->get('backgroundimage');?>)"<?php endif;?>>
    <?php echo $module->content;?>
    <div id="owl-carousel-<?php echo $module->id; ?>" class="owl-carousel owl-theme">
        <?php foreach($gallery as $count=>$photo):
            $title = JString::ucwords(str_replace("-", " ", strstr($photo->filename, '.', 1))); ?>
            <div class="item">
                    <img class="lazyOwl img-responsive" src="<?php echo $photo->thumbImageFilePath; ?>" data-src="<?php echo $photo->thumbImageFilePath; ?>" alt="<?php echo $title; ?>" title="<?php echo $title; ?>" />
            </div>
        <?php endforeach; ?>
    </div>

1

There are 1 answers

0
Nathan On

In the end i looked at the HTML the module was producing and used that as a base. It was set to look at a directory of images and display them there but these images will not be changing and so that function wasn't needed.

All is now working by simple wrapping a href tag around the item lists.