help changing span in productlist.tpl file

[peanut]

Hi

 

I'm trying to change the span class of the product list tpl file however the change doesn't reflect. I have a span class called new which displays on the product list page for new products, I created similar code to display 'sold out' and 'last one' for those conditions however I'm unable to use a different span class for them & have to use the same span class as new for it to work.

 

Basically I want the colour to be different for these three things, right now they share the same colour due to the same span class. I added a new span class in global.css & product list.css but it wouldn't work. Attached screenshot.

 

Please check my site here for more detail: http://droppedpin.ne...cts-dropped-pin

 

All help appreciated.

Thanks

[peanut]

apart from the spam reply can anyone help me out please? Thanks!

[vekia]

apart from the spam reply can anyone help me out please? Thanks!

 

I don't quite understand what you want, if you explain me what you want to change - i will help

[peanut]

Hi Vekia

 

Thanks for replying....do you see the orange banner on each product in the image I've attached? I basically want them to be of a different colour for the different labels they have, ie. New, Sold Out and Last One.

 

I wasn't able to change them and they all share the same class currently hence all look like the same orange colour banner.

 

Hope I was clear now!

[vekia]

Hi Vekia

 

Thanks for replying....do you see the orange banner on each product in the image I've attached? I basically want them to be of a different colour for the different labels they have, ie. New, Sold Out and Last One.

 

I wasn't able to change them and they all share the same class currently hence all look like the same orange colour banner.

 

Hope I was clear now!

 

yeah, it's clear now

 

you must create different class in global css for each label type.

but i've got one question: how you add different labels? in template right?

so, when product is new - add label new (exactly as now)

when product is "last" - for example change the "new" css class to other, like "last"

[peanut]

yeah, it's clear now

 

you must create different class in global css for each label type.

but i've got one question: how you add different labels? in template right?

so, when product is new - add label new (exactly as now)

when product is "last" - for example change the "new" css class to other, like "last"

 

 

I did that and it didn't change instead it ended up messing up the layout of the products. Yes they are in the template files. So I added both in global css & product list css, it did not work

[vekia]

You've got in your shop force compile turned to on?

if you want, try to add your product-list tpl file here