Spaces Between Products
 

Hi,

I have 5 columns of products. How do you reduce the space between each product?

Also how do you reduce the space between the left menu and products main?

I have searched for this but cannot find a thread that addresses these issues.

Thank you very kindly.

Re: Spaces Between Products
 

Have a look at customer/main/products.tpl. You'll see it is a table-based layout, so you can either decrease the padding in the table, or get rid of the table all together. As for the left margin, that is probably a table cell in customer/home.tpl.

Moving this to the Template Editing forum.

Re: Spaces Between Products
 

Ryan,

There is a table but no padding.

"<table width="100%">"

Also <td class="PListImgBox">

I adjusted the PListImgBox but it has no affect on the spacing.

Any other suggestions?

Re: Spaces Between Products
 

Well the table stretches to 100% of the box it is in, so you can't decrease the spacing without either adding another column of products, or decreasing the width of the table.

Re: Spaces Between Products
 

Adding another column does not decrease the space between products it only inserts a scroll bar at bottom of page...that is a no-no.

Re: Spaces Between Products
 

Perhaps a screenshot or url would help here, as one of us isn't understanding the other :)

Re: Spaces Between Products
 

Beware of beautiful ladies.

Re: Spaces Between Products
 

Ahhh...that explains it, you are using a fluid layout, so the spacing between photos depends on the resolution of the user's computer as the whole thing stretches to fit. Try resizing your browser and you'll see what I mean. If you want to control that, you'd need to set the layout to a fixed-width layout.

Re: Spaces Between Products
 

I see what you mean. I will have to use four graphics across at a little larger width each.

Well back to the drawing board.

Thanks for your input and patience

Re: Spaces Between Products
 

Be careful, you need to make sure the design fits on a 1024x768 browser at the minimum without scrolling.

Re: Spaces Between Products
 

Ryan,

I figured it out and solved the problem.

Under appearance options>Displaying products you have the following option:

"Thumbnail width in the products list:" I entered (130)

I already had the columns set to five in the:

"Display products list in multiple columns (1-3) (leave empty to use standard format):"

Now I need to separate each row of products with the default <HR> which I can't seem to solve.

Re: Spaces Between Products
 

Lera, How do you over ride the number of products in a category row past 3?

I am looking specifically at on the products_t.tpl . Has anyone gone looking in confign and changed this to "x" or over ridke the standard no more than 3 option?

Re: Spaces Between Products
 

Go to:

/skin1/customer/main/products.tpl

Find the following code:

{if $usertype eq "C" and $config.Appearance.products_per_row ne "" and $config.Appearance.products_per_row gt 0 and $config.Appearance.products_per_row lt 4 and ($featured eq "Y" or $config.Appearance.featured_only_multicolumn eq "N")}

Change the 4 to 6 and save.

Re: Spaces Between Products
 

worked perfect- thanks lera! Any way to take he space down between thumbs or is this autogenerated off of my screen size?

Re: Spaces Between Products
 

Go to:

General Settings>Appearance Options

And make adjustments to:
Thumbnail width in the products list: