How can i edit subcategory listing page?

[wdh]

Hi,
Will anyone please help me? I am using the "amplify_zencart_tpl" template. And my site is www.pradhanflorist.com . I am facing the problem, such that, if i click on any subcategory in the left category menu (like Flower in my site ), then the content is showing such a bad looking that, all the product images getting touched. I want a gap there in between two products. i.e. I am unable to increase the height of the table <td> of each product . As an example, i can give you an example, please click on the link bellow, it shows how i like to look like :: Click Here For the Sample.

Waiting for kind reply.
-WDH

[gjh42]

Add to your stylesheet (/includes/templates/your_template/css/stylesheet.css)

.producLlisting-odd td, .producLlisting-even td {
	text-align: left;
	vertical-align: top;
	padding:0.5em; /*space between elements and borders*/
	margin-bottom: 1em; /*space under border*/
	border-bottom: 3px double #aaccbb;
	}

Adjust, add or delete properties to taste.

[wdh]

Add to your stylesheet (/includes/templates/your_template/css/stylesheet.css)

.producLlisting-odd td, .producLlisting-even td {
	text-align: left;
	vertical-align: top;
	padding:0.5em; /*space between elements and borders*/
	margin-bottom: 1em; /*space under border*/
	border-bottom: 3px double #aaccbb;
	}

Adjust, add or delete properties to taste.

I have done this already but it is not working properply yet .. Please tell me where is the wrongs...

[gjh42]

Sorry, that's my fault. I went back to capitalize the "L" and missed it, swapping the L for a t... So it should be

.productListing-odd td, .productListing-even td {
	text-align: left;
	vertical-align: top;
	padding:0.5em; /*space between elements and borders*/
	margin-bottom: 1em; /*space under border*/
	border-bottom: 3px double #aaccbb;
	}

I really do need better glasses! :/

[wdh]

Sorry, that's my fault. I went back to capitalize the "L" and missed it, swapping the L for a t... So it should be

.productListing-odd td, .productListing-even td {
	text-align: left;
	vertical-align: top;
	padding:0.5em; /*space between elements and borders*/
	margin-bottom: 1em; /*space under border*/
	border-bottom: 3px double #aaccbb;
	}

I really do need better glasses! :/

Hi... Thanks.. Its working fine.. .. But I am wonder no-one there replied of my 1st question "How to add two category list in sidebox " ... If any one can do that that will be really helpfull for me..

Thanks,
WDH

[gjh42]

Answered in that thread.

[wdh]

Hi Glen,
All are ok about your code, but unfortunately the heading are getting displaced.. please look at the page , the headings "Product Image and Item Name" displaced.. Will you please help me?
With Best regards,
WDH

[gjh42]

The headings are centered in the spaces, while the image and product name are left-justified.
You can change either of them in the stylesheet to match the other.

[wdh]

Hi Glen,
I made the following change in the CSS

.centeredContent, TH{
text-align: left;
}

-And It is working fine. Thanks a lot.

I have another question. Will you please tell me if i want to display only 4 images in the home page insteed of 12 product images, then which file i have to modify?

With Best Regards,
WDH

[gjh42]

No files. That is an admin setting, in Configuration (which subpage depends on what part of the home page you are talking about - Index Listing and Maximums are likely locations).

Do you realize that
.centeredContent, TH{
text-align: left;
}

will change all centeredContent and all TH table headings sitewide to be left-aligned? You need to localize the effect if you want it to apply only in certain situations. Try

.productListing-rowheading {}

or

.productListing-rowheading th {}