Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

denisdekat

Pioneers
  • Posts

    1
  • Joined

  • Last visited

Posts posted by denisdekat

  1. Hello Parikesit,

     

    Thank you for writting such a wonderful module. I really love it and got almost all of it to work for me. That is why I am writting, sorry it is not all about how thankful I am (there should be more posts like those).

     

    I was able to add three images for one product and the preview slider works great. I have only one module installed which is:

     

    Product Cycle Slideshow Box for 2.3.1

     

    http://addons.oscommerce.com/info/6238

     

    The instruccions are these:

     

    SQL: Just this:

    ALTER TABLE `configuration` CHANGE `set_function` `set_function` VARCHAR( 700 );

     

    The other sql alterations are executed when the box is installed.

     

    ----------------------------

    Upload the contents of catalog to your store

     

    upload the new files:

    catalog/ext/jquery/jquery.cycle.all.min.js

    catalog/ext/jquery/jquery.easing.1.3.js

    catalog/includes/modules/boxes/bm_product_cycle_slideshow.php

    catalog/includes/languages/english/modules/boxes/bm_product_cycle_slideshow.php

    catalog/includes/languages/espanol/modules/boxes/bm_product_cycle_slideshow.php

    catalog/includes/languages/german/modules/boxes/bm_product_cycle_slideshow.php

     

    Edit these files:

     

    catalog/includes/template_top.php

     

    Add before </head>

     

    <!-- BOF Product Cycle Slideshow -->

    <script type="text/javascript" src="ext/jquery/jquery.cycle.all.min.js"></script>

    <script type="text/javascript" src="ext/jquery/jquery.easing.1.3.js"></script>

    <script type="text/javascript">

     

    function onPCS1Before() {

    $('#PCS1Output').animate({

    opacity: 0.0

    }, 1000 );

    }

    function onPCS1After() {

    $('#PCS1Output').html($(this).attr("title"));

    $('#PCS1Output').animate({

    opacity: 1.0

    }, 500 );

    }

     

    $(document).ready(function(){

    // Inizialize ProductsCycleSlideshow

    $('#PCS1').cycle({

    fx: '<?php echo PCS_FX?>',<?php echo PCS_EASING != 'None' ? "\n easing: '".PCS_EASING."',\n" : ''?>

    sync: <?php echo PCS_SYNC == 'true' ? '1' : '0' ?>,

    speed: <?php echo PCS_SPEED?>,

    timeout: <?php echo PCS_TIMEOUT?>,

    pause: <?php echo PCS_PAUSE == 'true' ? '1' : '0' ?>,

    random: <?php echo PCS_RANDOM == 'true' ? '1' : '0' ?>,

    // pager: '#PCS1Pager', //comment out this line to remove the numbered boxes under the title

    before: onPCS1Before,

    after: onPCS1After

    });

     

    });

    </script>

     

    <!-- EOF Product Cycle Slideshow -->

     

     

    catalog/stylesheet.css

     

    Add the following to the end

     

    /* Special Price */

    span.productSpecialPrice {

    color:rgb(255,0,0);

    }

     

    /*Products Cycle Slideshow*/

    .ProductsCycleSlideshowWrapper { height:160px; padding:0; margin:0; overflow: hidden; text-align:center;}

    .ProductsCycleSlideshow { height: 90px; width:97%; padding:0; margin:0; overflow: hidden; border: 2px solid #bbc3d3; background-color:#fff;}

    .PCSChild {height:90px; width:100%; text-align:center; top:0; left:0 }

    .PCSChild a { text-decoration: none; color:000;}

    .PCSChild a img { border: none; border-width:0px;}

    .PCSOutput { text-align:center; font-size:11px;}

    .PCSOutput a { text-decoration: none; color:#000; }

    .PCSPager { margin:7px; }

    .PCSPager a { border: 1px solid #bbc3d3; background: #fff; color:#bbc3d3; text-decoration: none; margin: 0 5px; padding: 3px 5px; font-size:12px;}

    .PCSPager a.activeSlide { border: 1px solid #000; background: #bbc3d3; color:#000;}

    .PCSPager a:focus { outline: none; }

     

     

    End of editing files.

     

    ------------------------

     

    go to Admin --> Modules --> Boxes --> Install Module

     

    Now select the module Produc Cycle Slideshow and install it.

     

    That's all!!

     

    What happens to me is that it all works except somehow all the thumbnails seem to load on top of each other like the image I am attaching. When I hover of the one thumbnail below or above they seem to flicker between one and the next image - clicking on the bottom image does nothing. When I click on the top thumbnail it loads the preview and it works great going form one image to the next. I tried disabling the other module (which is the only module I have installed form a default installation) and removing the code from template_top.php but I still got the error.

     

    What would you suggest I try?

     

    Best regards...

    post-313954-0-20235000-1343431064_thumb.jpg

×
×
  • Create New...