Post by labeshops » Wed Sep 25, 2013 6:06 am

Well, I'm getting closer. See http://www.mildtowildshoes.com/baby-pin ... mp-bpsairi

Having 2 problems:
1) It's not displaying correctly in IE. Works fine in Chrome & Firefox, but not IE
2) The Up & Down buttons are not showing. It's showing 5 out of 7 images on the example page, so there should be scroll buttons, but nada.

my code is:

in header.php:

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>
Stylesheet:

Code: Select all

.product-info .image-additional {
	width: 60px;
	margin-left: 0px;
	clear: both;
	overflow: hidden;
	float: left;
}
.product-info .image-additional img {
	border: 1px solid #E7E7E7;
}
.product-info .image-additional a {
	float: left;
	display: inline-block;
	margin-left: 2px;
	margin-bottom: 0px;
}
and in my product.tpl:

Code: Select all

       <?php if ($images) { ?>
    <div class="image-additional">
    <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']; ?>" width="51" height="51" 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
    });
    //--></script>
    <?php } ?>

Running Opencart v3.0.3.2 with multi-stores from https://www.labeshops.com which has links to all my stores.

Image


User avatar
Expert Member

Posts

Joined
Thu Aug 04, 2011 4:41 am
Location - Florida, USA

Post by nobreak » Wed Jul 02, 2014 3:24 pm

florinsith wrote:Edit the file catalog/view/theme/yourtheme/template/product/product.tpl and find the code:

Code: Select all

<?php if ($images) { ?>
      <div class="image-additional">
        <?php foreach ($images as $image) { ?>
        <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>
        <?php } ?>
      </div>
      <?php } ?>
Replace it with:

Code: Select all

<?php if ($images) { ?> 
<div class="image-additional">
<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']; ?>" width="51" height="51" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
        <?php } ?>
  </ul>
</div>
</div>
<script type="text/javascript"><!--
$('#carousel94 ul').jcarousel({
	vertical: false,
	visible: 3,
	wrap: 'circular',
	scroll: 3
});
//--></script>
<?php } ?>
Edit catalog/view/theme/yourtheme/template/common/header.tpl and add the following 2 lines 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>
Hi. This is a great, but I only have one thing that changed, the Product Code, Reward Points, Availability, Price, quantity, Add to wish list, compare, reviews, write a review and share, all these came from to the right of the product images to below it.
Is there a way to return these back to their default position?

Newbie

Posts

Joined
Wed Jul 02, 2014 3:23 pm

Post by florinsith » Thu Jul 03, 2014 5:59 pm

You might have replaced more code than necessary, revert the changes to get back, or reupload clean product.tpl.

Image
My Extensions - SuperTheme - Opencart templates - Opencart modules


User avatar
Expert Member

Posts

Joined
Fri May 14, 2010 2:36 am

Who is online

Users browsing this forum: No registered users and 59 guests