Other Products in Category Module Broken!

[aguernz]

On a given product's page on my site, when the number of products in the "other products in this category module" exceeds 5, and thus needs the ajax arrows, all ajax (ie. the ajax cart) on that page becomes broken.

I don't want to have to disable this module if it is possible, so is there a way to fix this problem by either restoring it to its normal capabilities, or disabling ajax arrows for the plugin itself?

[Salzzy]

Someone suggested installing the 1.2.1 version of this module as it seemed to fix the problem for them, unfortunately I did this and it made no difference at all - however you may want to try it.... please let me know if you find a better solution.

[Degsey]

It makes no difference and what annoys me is that this is a wide spread problem but they are still shipping the module anyway without a fix.

[GNeRaL]

Add these code to /css/global.css and try again.

/* category Products block */
#productscategory{
       margin:2em auto 0pt;
       height:120px;
       width:100%;
}

#productscategory_noscroll{
       margin:2em auto 0pt;
       height:120px;
       width:100%;
}

#productscategory_list{
       overflow:hidden;
       float:left;
       width:96%;
}
#productscategory_list ul{
       padding-left:0px;
       list-style-type:none;
}
#productscategory_list li{
       float:left;
       margin:0 3px;
       cursor:pointer;
       text-align:center;
       width:100px;
       overflow:hidden;
}
#productscategory_scroll_left, #productscategory_scroll_right{
       background: url('../img/thumbs_left.gif') no-repeat center;
       text-indent:-3000px;
       display:block;
       width:9px;
       height:18px;
       float:left;
       margin-top:30px;
}

#productscategory_scroll_right{
       background-image: url('../img/thumbs_right.gif');
}

[Degsey]

I tried that but got this error still with the javascript

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; Tablet PC 2.0; OfficeLiveConnector.1.4; OfficeLivePatch.1.3)
Timestamp: Sun, 20 Dec 2009 15:00:11 UTC


Message: 'serialScrollNbImagesDisplayed' is undefined
Line: 7
Char: 2
Code: 0
URI: http://www.laptopmadness.com/mrpcdirect/modules/productscategory/js/productscategory.js


Message: 'serialScrollNbImagesDisplayed' is undefined
Line: 7
Char: 2
Code: 0
URI: http://www.laptopmadness.com/mrpcdirect/modules/productscategory/js/productscategory.js


Message: 'serialScrollNbImagesDisplayed' is undefined
Line: 7
Char: 2
Code: 0
URI: http://www.laptopmadness.com/mrpcdirect/modules/productscategory/js/productscategory.js

[GNeRaL]

This is your first block CSS codes located at http://laptopmadness.com/mrpcdirect/themes/mrpc/css/global.css. You should make disable with /* and */ . After that, you should add my codes.

/* category Products block */
/* #productscategory{
   margin:2em auto 0pt;
   height:120px;
   width:100%;
}

#productscategory_noscroll{
   margin:2em auto 0pt;
   height:120px;
   width:100%;
}

#productscategory_list{
   overflow:hidden;
   float:left;
   width:96%;
}
#productscategory_list ul{
   padding-left:0px;
   list-style-type:none;
}
#productscategory_list li{
   float:left;
   margin:0 3px;
   cursor:pointer;
   text-align:center;
   width:100px;
   overflow:hidden;
}
#productscategory_scroll_left, #productscategory_scroll_right{
   background: url('../img/thumbs_left.gif') no-repeat center;
   text-indent:-3000px;
   display:block;
   width:9px;
   height:18px;
   float:left;
   margin-top:30px;
}
#productscategory_scroll_right{
   background-image: url('../img/thumbs_right.gif');
} */

[Degsey]

I have done that but still getting the error but only once now that I have commented out the previous code, any other suggestions?

[lafondadebaco]

Hi! Your CSS solution happily fixed the arrows, but I had problems with the Javascript code, to make the carrousel works.

What I did is declaring the following variables on the /productscategory/js/productscategory.js:

var serialScrollNbImagesDisplayed;
var serialScrollNbImages;

Then everythis seems to works perfect... I hope this helps!

Gastón

[griebel]

Thank you Gastón, tweaking productscategory.js did the trick.