Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / More classes->Product listing?

More classes->Product listing?

Locked

Views: 1,176

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
4 Oct 2007, 12:20 PM
#1
jarsa avatar

jarsa

New Zenner

Join Date:
May 2006
Posts:
45
Plugin Contributions:
0

More classes->Product listing?

Problem: How to add more classes to product listing (modules/product_listing.php)

Solution: ?

I try to make fluid listing with background images, so I need more classes to get things done. At least one class is needed so I can use .productListing-odd, .productListing-even for left side of image and new class for right side. More extras gives more possibilities, but one would be enough.

And if this should be possible without extra classes i would be happy to see that solution too.

This has been so easy with other parts of Zencart, I'm pretty sure I'm missing something obvious here. Hope You can kick me to right direction.:frusty:

4 Oct 2007, 3:30 PM
#2
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,659
Plugin Contributions:
0

Re: More classes->Product listing?

Do you have an example of what you are trying to do?

Please do not PM for support issues: a private solution doesn't benefit the community.

Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.

5 Oct 2007, 8:08 AM
#3
jarsa avatar

jarsa

New Zenner

Join Date:
May 2006
Posts:
45
Plugin Contributions:
0

Re: More classes->Product listing?

Idea is to place one image behind the other so that they can spread across the page. Right now it's possible to put the left side of image to stylesheet like this;

.productListing-odd, .productListing-even{
background-image: url(../images/image_left.png);
background-repeat: no-repeat;
background-position:left bottom;
}

But how to get right side of image working? So I need a class that makes it possible to use second background image freely within .productListing-odd, .productListing-even. For example like this;

.classUnknown {
background-image: url(../images/image_right.png);
background-repeat: no-repeat;
background-position:right bottom;
}

I hope this clarifies what I'm trying to do.

16 Oct 2008, 1:33 AM
#4
cjsmiff avatar

cjsmiff

Zen Follower

Join Date:
Jul 2006
Location:
UK
Posts:
170
Plugin Contributions:
0

Re: More classes->Product listing?

jarsa:

.productListing-odd, .productListing-even{
background-image: url(../images/image_left.png);
background-repeat: no-repeat;
background-position:left bottom;
}

This code allows me to add a background image in my product listing page providing I use the rows product listing style.

Does anyone Know what I would need to change to get it to display in the columns product listing style please?

Many thanks
Claire :smile: