Horizontal Product Display (also purchased, featured products, category images)

[Ms_X]

I just tried everything suggested here but it did not work for me either...Did anyone found the solution to displaying also purchased products in one row?...

[DarkAngel]

I just tried everything suggested here but it did not work for me either...Did anyone found the solution to displaying also purchased products in one row?...

This is what finally worked for me...all done i the .css file for the theme you are using and if you change templates then you must redo it to that templates stylesheet.css


find and remove:
.centerBoxContentsAlsoPurch

add below that section:

.centerBoxContentsAlsoPurch {
float:left;
}


this will make the images in the "also purchased" block be in a row.


to make new products images be in a row:

Find and remove:
.centerBoxContentsNew

then place under that section:
.centerBoxContentsNew
{
float:left;
}

[B-G-H]

Can't seem to get my "Customers who bought this product also purchased..." box to display Items the way i want.

All Items are showing in a column instead of a row. I've tried all the obvious settings within Admin, but none seem to work.

Any help would be appreciated! I'd like it to display 3 (maybe 4) items per ROW.

Here is a LINK to show how it's currently displaying items.

Thanks in advance!

[DarkAngel]

Can't seem to get my "Customers who bought this product also purchased..." box to display Items the way i want.

All Items are showing in a column instead of a row. I've tried all the obvious settings within Admin, but none seem to work.

Any help would be appreciated! I'd like it to display 3 (maybe 4) items per ROW.

Here is a LINK to show how it's currently displaying items.

Thanks in advance!

In your templates style.css file---this is what I was told to do for the naughty box:

to make new products images be in a row:

Find and remove:
.centerBoxContentsNew

then place under that same section:
.centerBoxContentsNew
{
float:left;
}

[B-G-H]

Thanks for the reply.

If I search for what you have described, and also ".centerBoxContentsAlsoPurch" I come up with multiple references. Am I to remove all of them? If so, where do I then add the extra code?

Also FWIW. I'm using the EZBlue templete, on the latest release of Zencart.

Thanks again.

[DarkAngel]

Thanks for the reply.

If I search for what you have described, and also ".centerBoxContentsAlsoPurch" I come up with multiple references. Am I to remove all of them? If so, where do I then add the extra code?

Also FWIW. I'm using the EZBlue templete, on the latest release of Zencart.

Thanks again.

good question...had to look at mine:

this is the entire section that I removed that line from in my template :

.centerBoxContents, .specialsListBoxContents, .centerBoxContentsAlsoPurch, .categoryListBoxContents,
.attribImg {
float: left;
line-height: 1.6em;
}

then I added the portion right below it to look like this:

/*center subcategories*/
.centerBoxContents, .specialsListBoxContents,
.categoryListBoxContents,
.attribImg {
float: left;
line-height: 1.6em;
}

.centerBoxContentsAlsoPurch {
float:left;
}

-----------------------------------------

in your template it looks like this--remove the red from there then add the code I gave you directly below--so it looks like mine above:


#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
margin: 0em;
text-align: center;
padding-top: 0px;
}


of course someone will chime in if this is wrong but that is what I did in mine