Cross Sell Boxes Layout

[uniqueeq]

I am looking to reformat the "Cross Sell" product boxes so the image is on the left and product info is on the right. Also looking to add a way for the customer to select the product's options and quantity then directly add that product to the cart, rather than direct to a separate product page. I've attached a screen shot of what I'm hoping to do.

[gjh42]

A screenshot is useless for anyone helping you actually restyle the box - we would need to see it live to know the classes etc to work on.

Getting attributes in the cross-sell boxes would probably involve similar coding as getting them in the product listing page. People have done that, and you might get some useful info:
drop down attributes at product listing page near add to cart button
especially posts 26 & 40.

[Berserker]

Hello there,

Im trying to change the layout of my cross sell / customer who bought... layout as well. I only want mine to be the same as in the product listing (1 column, 1 product per row with description and prices if possible.

I have checked yellow's single product listing layout but I dont think it works for the cross sell / customer who bought layout. Correct me if im wrong and any help, advice to get me started would be great.

All the best...

[stevesh]

As Glenn mentioned, we'll need a link to your site.

[Berserker]

Hi there,

Link is www.playnippon.com

I need cross sell/customer who bought... to look the same as product listing page or new products/featured products on the main page.

Thanks

[gjh42]

The Customers who bought... is not related to the cross-sell mod.

You can adjust the display by adding this to the bottom of your stylesheet:

.centerBoxContentsAlsoPurch {width: 99% !important; text-align: left;}
.centerBoxContentsAlsoPurch br {display: none;}
.centerBoxContentsAlsoPurch a+br+a {position: relative; bottom: 2.5em;}

The "width: 99% !important;" can be eliminated if you set the also purchased display to one per row in admin > Configuration > Product Info > Also Purchased Products Columns per Row.

[Berserker]

Thanks for the reply.

I would also like to add description to each product in the customers also purchased. How do I go about doing that?

Thanks

[gjh42]

That will require a bunch of custom coding as I mentioned in post 2.