[solved] cross selling - displays products wrong

[thepoppershop]

the cross selling mod is working -- but it's displaying the pictures on their own line

thanks in advance for any help on where to go to fix it.

[rocky]

Most likely, you are using a theme that was created before the cross-selling module was added to PrestaShop. You'll need to copy the following code into your global.css:

/* crosselling block */
#crossselling {
   margin: 0 auto 0;
   height: 120px;
   width: 100%
}
#crossselling_noscroll {
   margin: 0 auto 0;
   height: 120px;
   width: 100%
}
#crossselling_list {
   overflow: hidden;
   float: left;
   width: 96%
}
#crossselling_list ul {
   padding-left: 0;
   list-style-type: none
}
#crossselling_list li {
   float: left;
   margin: 0 3px;
   cursor: pointer;
   text-align: center;
   width: 100px;
   overflow: hidden
}
#crossselling_scroll_left,
#crossselling_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
}
#crossselling_scroll_right { background-image: url('../img/thumbs_right.gif') }

[thepoppershop]

Rocky,

You've helped out so many people here and now myself included.

Thanks this did the trick!

[Mallee Boy]

Just Brilliant. Came here looking for this answer. You can count on Rocky to give you straight advice and to always be as helpful as possible.

Just makes you want to tell others about Prestashop (and Rocky) !!

[EF]

Please, if someone can tell me, where to place exactly the code in the global.css in the Themes directory.

I tried to place the code in several diferent parts of the global.css, but every time I had a colateral effect, which was that my left and right columns where displaced down 1 line.

Thanks in advance!

[EF]

Excuse me. I'm using Prestashop 1.3.1.1 with the default theme.

[rocky]

Adding the cross selling CSS to the bottom of global.css should work. In the default PrestaShop theme, it is after the /* category Products block */ section and before the /* module blockwishlist */ section.

[bnswop]

Most likely, you are using a theme that was created before the cross-selling module was added to PrestaShop. You'll need to copy the following code into your global.css:

 

/* crosselling block */
#crossselling {
margin: 0 auto 0;
height: 120px;
width: 100%
}
#crossselling_noscroll {
margin: 0 auto 0;
height: 120px;
width: 100%
}
#crossselling_list {
overflow: hidden;
float: left;
width: 96%
}
#crossselling_list ul {
padding-left: 0;
list-style-type: none
}
#crossselling_list li {
float: left;
margin: 0 3px;
cursor: pointer;
text-align: center;
width: 100px;
overflow: hidden
}
#crossselling_scroll_left,
#crossselling_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
}
#crossselling_scroll_right { background-image: url('../img/thumbs_right.gif') }

 

thanks, a perfect solution;)