Products Category Not Working Properly Since Upgrade to 1.1

[Fazza09]

Hi!

Since upgrading from 1.0 to 1.1 the Products Category module isnt working properly.

Previously when you clicked on an item for sale this module would display a few item underneath it from the same category and they would all be next to each other, side by side.

Since upgrading what happens now is they are not side by side but underneath each other so you have to scroll down the page a long time to see all the items before getting to see the More Info section.

Any ideas how to solve this anyone?

[nicklelinea]

i'm having the same problem.

[Fazza09]

Nicklelinea, did you also upgrade from 1.0. to 1.1?

If so this may be a bug we need to notify someone of.

[jhnstcks]

I had the same problem with the beta3 and 4 versions (havent upgraded to 1.1 yet).

Was strange that the css hadnt changed for that section, so i looked at the two .tpl files for the modules and they have done some changes for some reason.

I solved my problem by replacing the new module with the old module from v1.0, and now it works fine.

NOTE: If you are going to try this PLEASE take a backup of altered files/folders, so that if it doesnt work you can simply replce re-upload the previous version.

[Fazza09]

Thanks for the reply, I shall have a go this evening after I have backed up the files!

Cheers.



[EDIT]

After backing up the 1.1 version of the module, I have uploaded the one from version 1.0 and it's works a treat!

[nicklelinea]

yes, i did upgrade from version 1.0 to 1.1.

i also tried replacing the module with the older version and it show the products correctly but the javascript dont work. next and previous button dont work.

[jhnstcks]

Try adding this code to your global.css file, while using the new v1.1 module.

/* 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');
}

[DynaWerx]

That did the trick. Thank you.