I'm struggling with JCarousel, and I hope you kind souls could help point me in the right direction.
I'm trying to make the carousel scroll vertically, and also have the top and down arrows appear so that the user could scroll through the product thumbnails. Unfortunately, I can't get the arrows to show up.
I've searched some threads and this is what I have so far:-
In my product.tpl file:-
Code: Select all
<?php if ($images) { ?>
<div class="image-additional-left">
<div id="carousel94">
<ul class="jcarousel-skin-opencart">
<?php foreach ($images as $image) { ?>
<li><a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
<?php } ?>
</ul>
</div>
</div>
<script type="text/javascript"><!--
$('#carousel94 ul').jcarousel({
vertical: true,
wrap: 'circular',
scroll: 1,
visible: 3
});
//--></script>
Code: Select all
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/carousel.css" media="screen" />
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery.jcarousel.min.js"></script>
http://tinyurl.com/pculxsz
My guess is I need to do some css styling for vertical scrolling? I'm not sure how to get this done as it seems like the carousel.css code is mostly catered for horizontal scrolling.
Any advice would be greatly appreciated. Thank you!!
