Post by elenichee » Thu Jan 01, 2015 12:14 pm

Hi all --

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>

In my header.tpl, I have this code before the </head> tag:-

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>
And, here is the link to my page:-
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!! :)

Newbie

Posts

Joined
Wed Jun 25, 2014 10:52 am
Who is online

Users browsing this forum: davidjames78 and 107 guests