Using one single listing template

[DivaVocals]

I'm running zencart 1.3.9h and installed the SLT v1.8. I did everything as per readme but a couple of things went haywire and nothing went better! For starters, my frontpage that displayed all the latest products added, now shows random products and changes everytime you hit refresh. New Products still displays 1 per line as it always did. And under "All Products" there are NO products displayed!

Please help! I followed every step and don't know why it's not working (and it's a LIVE site!)

Never never EVER make changes to your live site.. Before you do ANYTHING ELSE, you need to roll back your changes.. then start over by creating a backup site for testing changes before implementing them in a live environment...

[torvista]

This is a complicated mod with complicated merges. It is evident from the thread that it works but there is a lot of scope for user mistakes.
I don't support it as I don't have the time.

All I can say is that anyone who implements ANY mod to a live site without installing and checking it out thoroughly on a local or remote mirror AND taking file and database backups before uploading really should not be suprised when it goes wrong.

[aperfecthost]

I installed this module today and cannot figure out what I've done wrong.

When I change the number of columns in the row, there is always 1 less than the number I set and the next one goes to the next row, then nothing next to it and it goes on to the next row. In other words, if I set the #of columns to 3, 2 columns will show on one row, then 1 column ... then 2 columns on next row, then 1 on the next row ... etc....

If I set it to 5, 4 will show, then 1, 4, then 1...

http://paisleyposey.com/shop/index.p...=index&cPath=5

I have changed the shop width, changed number of columns, changed my column widths via CSS, nothing I do seems to make all the columns per row work correctly.

Please help.

[niccol]

It is the styling that is causing problems. On the boxes you have both padding and a border. This makes the boxes bigger that they need to be. Which means that they do not fit in the row.

it is this rule

.centerBoxContentsProducts {
margin: 6px 6px 6px 6px;
width: 180px;
height: 225px;
background-position: 4pt 0pt;
text-align: center;
border: 1px solid #9BA038;
}

and this rule

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
       padding-right: 15px;
       width:auto;
       text-align: justify;
       line-height: 1.25em;
        }

[aperfecthost]

I tried changing that and it made no difference, so I put it back.

I'm not sure how that can be affecting it, because I can put up to 5 on a row, but it ALWAYS, no matter how many I columns I set per row, one will always go to the next row. To verify that this Always occurs, I set it to have only 2 columns per row, and then only 1 image shows per row.

If you look now, you will see 5 images per row, but the columns in admin is set to 6.

Any other ideas/thoughts would be great!

[niccol]

Sorry, but I am not guessing. This is the most common error with people using column grid, single listing or SNAF. You cannot have padding and borders. Attached is a screen shot of your site with the padding and the margins taken out.

Oh look, there are six per row as there should be :-)

[niccol]

Sorry, that should be - you cannot have margins,padding or borders.

[aperfecthost]

Thanks. I took out all borders, padding and margins for the columns and it works ... AS LONG AS I set it for 6 or above. I can get 6 or 7 to show correctly, but now 5 and below still shows one on the below row. It's confusing me greatly that I can have MORE columns per row but not fewer than 6 without one going to another row.

Can you take a look again and see if you see anything causing a problem still? Also, with taking out the padding and margins, there isn't space between rows and products, how can I make it look right? If you have a stylesheet you can send me that works, I'd love to get it so I can compare yours and mine.


Any thoughts? I REALLY appreciate your help!! If you can help me and need admin access, I'd be happy to give you temp. admin login. Please help.

Thanks.

[niccol]

It is the border that is messing it up now.

.centerBoxContentsProducts {
width: 25%;
height: 250px;
text-align: center;
border: 1px solid #9BA038;
}

To get this to work the way it should you need to do some code editing. If you imagine each column as a box then that box needs to be the right width. if it is too wide then it spills over onto the next row.

(The reason it works for higher numbers has to do with rounding errors on the division of the total width by the number of boxes, if you are really interested!)

So the solution is to put another box inside that one and then you can style the inner one and the outer one stays the right size. That edit is done in product_listing.php normally. However, because your's is a template monster template I can't really comment on how to do it. If you look at the most recent version of SNAF (which is only really for Zen 1.5 ) you will find product_listing.php has those alterations. The previous versions of SNAF don't. I put them in there because this is just such a common problem. But as I say, Template Monster templates tend to re-structure everything. so in your case who knows ....

[aperfecthost]

I feel so very stupid. I don't really know coding, I manipulate what is there and can add a few things and I've learned a lot on my own and with help from folks like you. But this has me confused.

I downloaded SNAF and used Textpad and compared the files. I decided to try something which was to upload the product_listing.php that came with SNAF. I now can have lower numbers work right! YEAH! However, is there a way to put space between each column and then a bit between rows? It just looks all shoved together.

I think you were trying to explain that to me in your previous reply, but adding a box to put around another box lost me. I don't know how to do that.

I really do appreciate the help and hate to keep asking, but I'm lost. Any more help you can give would be really appreciated.