Plugin slider product

cachousam

2014-10-11 15:41

hello,
looking at this post, I managed to reduce the size of my images in the product plugin slider.
http://opensolution.org/forum/?iTopic=10633
But now I would go further.
In fact, I created pages with a smaller width.
I should therefore reduce the width of the slider.
What file should 'I look?

Thanks in advance

» Quick.Cart v6.x

cachousam

2014-10-12 17:30

Hello and good weekend.
I succeeded in what I wanted to do, and here are the files to edit if someone interrested.
I reminds you that I wanted to make a small slider because my page has two columns of menus.

I do not want to see the short description so in:core/products.php

I removed these lines.


if( !empty( $aData['sDescriptionShort'] ) ){
            $aData['sDescriptionShort'] = changeTxt( $aData['sDescriptionShort'], 'nlNds' );
            $content .= '<div class="description">'.$aData['sDescriptionShort'].'</div>';
          }

As I wanted also small images, I added this line in the file:
templates/default/style.css in /* PRODUCTS SLIDER - jContent */


#productsSlider div.slides .photo img{max-width:75px;max-height:75px;}

To adjust the height of the slider, you must change the value in the file:jquery.jcontent.0.8


(function($){
    $.fn.jContent = function(options){
        
        var jhndl = this;
        var options = $.extend({
            speed: 500,
            orientation: 'horizontal', //horizontal, vertical,
            auto: false,
            direction: 'next',
            pause: 5000,
            circle: false,
            easing: '', //easeOutCirc, easeOutBounce,
            xml: '',
            pause_on_hover: false,
            width: 655,
            height: 170,
            click: false,
            videos: false
        },options);

        this.init = function(hndl){
                
            //init

Finally, to adjust the width, you must change the value in the file:_header.php


<?php if( !defined( 'JQUERY-LOADED' ) ){ ?><script type="text/javascript" src="<?php echo $config['dir_plugins']; ?>jquery-1.8.2.min.js"></script><?php define( 'JQUERY-LOADED', true ); } ?>
  <script type="text/javascript" src="<?php echo $config['dir_plugins']; ?>jquery.jcontent.0.8.js"></script>
  <script type="text/javascript" language="javascript">
    $("document").ready(function(){
      $("div#productsSlider").jContent({
        orientation: 'horizontal', 
        width: "560", 
        duration: 2000,
        auto: true,
        direction: 'next',
        pause_on_hover: true,
        pause: 5000}); 
    });
  </script>                         
</head>

Well, we really can make pretty pages and I'm happy to share it with you.

Back to top

Plugin slider product

cachousam

» Quick.Cart v6.x

cachousam

Over 32 thousand websites based on Quick.Cart and Quick.Cms. See the most interesting ones...