Product display spacing

[HeleneWallis]

I need to add more white space between product listings (for example, when all the products in a specific category are shown). I also want to add a blank line after the 'Displaying 1 to n (of n products)' phrase. I've spent a couple of hours now trying to find the source for this formatting. I know how to add padding or blank lines, just can't figure out where to do it. Thanks for any help.

[mesnitu]

well... I think this depends on how altered is your template, but if it stills works in a default zencart way ( sorry my english ), it's possible that you could get around in admin->configuration->All Listing

If you check you'll see this for every field you want to display

0= off
1st digit Left or Right
2nd and 3rd digit Sort Order
4th digit number of breaks after


About the "Displaying 1 to n (of n products)" ... if you use you browser inspector (press F12) and check if this class is around : navSplitPagesResult
and give it a margin. ie:

.navSplitPagesResult {
margin-bottom: 1em;
}

Or whatver class is around that display info ...

[HeleneWallis]

Thank you, that indeed fixed the problem with 'Displaying...'

But admin > configuration > all listing unfortunately lets you control every product aspect except the one I need to change. So I'm still looking for that one.

[mesnitu]

then maybe you can get around with css also.
I've change things in my template, but if you use the inspector try to see what class surrounds those listings
ie:
<div class="productListing-odd listings-cat odd">

And add some margins too.

[mc12345678]

You can then also apply that css to a page specific css file. See the readme in the folder includes/templates/template_default/css

[HeleneWallis]

Yes, I had already found the variable and modified its parameters, before I ever asked here. Didn't make any difference. But perhaps I need to do it in more than one place. I'll keep looking.

[carlwhat]

if you provide a link to the page and are specific about what you want done, i'm sure someone could tell you the specific css file and line number to modify..... if so desired....

[mesnitu]

you can change things in more detail. Depending if you are using a customized template or not, they are located at:

includes/modules/YOUR_TEMPLATE/product_listings.php

And also check the featured, special, new listings

includes/templates/YOUR_TEMPLATE/templates/tpl_modules_products_new_listing.php

If they are not there, then check the template_default, and copy them to your template.

[HeleneWallis]

I'm using the classic template, with minimal changes to stylesheets and headers.

includes/modules/YOUR_TEMPLATE/product_listings.php is clearly the right file, thank you. I haven't yet figured out where to change it, but at least I know I'm in the right place now. I'm capable with a variety of programming languages but php came on the scene after I retired from the business, so I'm having to learn it as I need it.

EDIT--the page under consideration is at http://www.darwinhills.com/test. I'm working right now with the Spices category, but the same formatting change should affect the other product pages as well. If anyone can point me in the direction of the code to change, it would save me much needed time. Thanks in advance.

[mesnitu]

I' still not sure what space you want , but looking at the spices categories, assuming that you are referring to the product list table, you could:

td.productListing-data {
padding-top: 1rem;
}

..1rem or whatever space you need...top, bottom, left, right.

The product listings, are more or less equal all over the place.