jScroller Sidebox Package Support Thread

jScroller Sidebox Package is now available in the downloads section

This contribution uses jScroller2 by Markus Bordihn (markusbordihn.de) to achieve the scrolling effect.
jScroller2 is W3C compatible (no more validation errors) because it does't use the "marquee" tag.

PACKAGE CONTAINS:
bestsellers sidebox (with images)
featured products sidebox
special products sidebox
What's New sidebox

You can use all the boxes or only the one(s) you wish.

Realy nice job Clyde ;) many ThnkZ
evan

Noticed that the font size on the header of the box is different from the default in my template (see the picture). Where do I change that?

dimmyr:

Noticed that the font size on the header of the box is different from the default in my template (see the picture). Where do I change that?

open includes/templates/YOUR_TEMPLATE/css/stylesheet.css

find the following declaration:

h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1.1em;
color: #FFFF00;
}

make sure the highlighted portion (font-size) is the same as the declaration for: h3.leftBoxHeading, h3.leftBoxHeading a

That was it, thank you. I am not sure why the original css had a different format for sideboxes on the righ side. Kinda asymmetric.

Ok, this one is gonna be more intelligent:

Here is what I am experiencing - in FF the sidebox is collapsed and nothing is showing, in IE6 the sidebox is collapsed, but the new products scroll vertically across the whole screen... Huh?

dimmyr:

Ok, this one is gonna be more intelligent:

Here is what I am experiencing - in FF the sidebox is collapsed and nothing is showing, in IE6 the sidebox is collapsed, but the new products scroll vertically across the whole screen... Huh?

url for your site?

Did I miss something? Scroller does not pause on mouse over and does not pause between items. Is it supposed to do these things or is that something that was not setup in the mod. If it can be done please point me to the file(s) I need to edit and what to edit.

Otherwise a fantastic mod as it is the only scroller that works properly with my sites template .

Thanks for the respone in advance. Site is on local teat server only so I cannot post the URL, sorry.

Dave

Dellonious:

Did I miss something? Scroller does not pause on mouse over and does not pause between items. Is it supposed to do these things or is that something that was not setup in the mod. If it can be done please point me to the file(s) I need to edit and what to edit.

Otherwise a fantastic mod as it is the only scroller that works properly with my sites template .

Thanks for the respone in advance. Site is on local teat server only so I cannot post the URL, sorry.

Dave

open which ever sidebox you are using:
includes/templates/YOUR_TEMPLATE/sideboxes/tpl_best_sellers.php
includes/templates/YOUR_TEMPLATE/sideboxes/tpl_featured.php
includes/templates/YOUR_TEMPLATE/sideboxes/tpl_specials.php
includes/templates/YOUR_TEMPLATE/sideboxes/tpl_whats_new.php

find the following line of code:

$content .= '<div class="scroller_container"><div class="jscroller2_up jscroller2_speed-20">' . $sp .'</div></div>';

and replace it with the following:

$content .= '<div class="scroller_container"><div class="jscroller2_up jscroller2_speed-20 jscroller2_ignoreleave jscroller2_mousemove jscroller2_dynamic">' . $fp .'</div></div>';

The box will scroll until you mouseover it

Thanks for the fast response to my query. I pasted the line of code as described and the sidebox went blank. I checked the code and noticed that the original had a $sp before the closing DIV tags while the new one had a $fp, i took a shot and changed the $fp to $sp and it works as it is supposed to work now.

I am by no means a coder and PHP is a new code to me but having coded HTML and like for a long time I took a chance and seem to have found a fix to the minor error.

Once again great mod and even better now that it pauses on mouseover. THANKS!

Dave

Dellonious:

Thanks for the fast response to my query. I pasted the line of code as described and the sidebox went blank. I checked the code and noticed that the original had a $sp before the closing DIV tags while the new one had a $fp, i took a shot and changed the $fp to $sp and it works as it is supposed to work now.

I am by no means a coder and PHP is a new code to me but having coded HTML and like for a long time I took a chance and seem to have found a fix to the minor error.

Once again great mod and even better now that it pauses on mouseover. THANKS!

Dave

You were working on the specials sidebox. $sp is the variable for the sidebox content.

each of the sideboxes would have its own variable.

I'll add the mouseover to the next updated version.

Excellent!! Thanks for the feedback. I kinda figured it wasn't a mistake on your part as I have previously stated I am no coder and rarely that lucky!

Thanks again!

Dave

it is a good package. I installed it, but just bestseller scroll, and the new products, featured products, special product sidebox can't scroll.

Could someone help me?

samhuang:

it is a good package. I installed it, but just bestseller scroll, and the new products, featured products, special product sidebox can't scroll.

Could someone help me?

URL for your site

my site is

http://s60865.gridserver.com/

samhuang:

it is a good package. I installed it, but just bestseller scroll, and the new products, featured products, special product sidebox can't scroll.

Could someone help me?

You don't appear to be using the sidebox files that were included with the package.

Your sideboxes appear to be made up of tables and the only one that contains the code to effect the scrolling is the bestsellers sidebox. (<div class="scroller_container"><div class="jscroller2_up jscroller2_speed-20"> </div></div>)

Thanks for the great mod. I was wondering if there is a way to change the speed of the scrolling effect. Thanks in Advance.

phoeuth:

Thanks for the great mod. I was wondering if there is a way to change the speed of the scrolling effect. Thanks in Advance.

Open includes/templates/YOUR_TEMPLATE/sideboxes/tpl_WHATEVER.php

Find the following section of code and change the highlighted portion.

<div class="scroller_container"><div class="jscroller2_up jscroller2_speed-20 jscroller2_mousemove">

Save the file and upload to your server

Well all was working and now it is not. I was using the specials scroller then disabled the special sidebox about a month ago. I wanted to use the What's New scroller so I made the changes to the file as suggested before that worked and it will not scroll at all.
I even re-uploaded the entire package, re-made the changes and still nothing.

Site URL is https://www.kennebecgiftsnmore.com

Thanks for the help!

Dellonious:

Well all was working and now it is not. I was using the specials scroller then disabled the special sidebox about a month ago. I wanted to use the What's New scroller so I made the changes to the file as suggested before that worked and it will not scroll at all.
I even re-uploaded the entire package, re-made the changes and still nothing.

Site URL is https://www.kennebecgiftsnmore.com

Thanks for the help!

A check of the page source indicates that you're missing the actual call to the scroller in that sidebox

<h3 class="leftBoxHeading" id="whatsnewHeading"><a href="http://kennebecgiftsnmore.com/index.php?main_page=products_new">New Products</a></h3>
<div class="sideBoxContent centeredContent">

it should look like this:

<h3 class="leftBoxHeading" id="whatsnewHeading"><a href="http://kennebecgiftsnmore.com/index.php?main_page=products_new">New Products</a></h3>
<div class="sideBoxContent centeredContent"><div class="scroller_container"><div class="jscroller2_up jscroller2_speed-20 jscroller2_mousemove">

Make sure you've renamed the YOUR_TEMPLATE folders to match the name of your custom template.