Magento

Say, I want to have different background color for each listing in the category page

first listing
<div class="listing-item odd”>

second listing
<div class="listing-item even”>

third listing
<div class="listing-item odd”>

I see it has an example for ‘last’ listing item, but I don’t know how to modify it to add odd and even classes :(
<?php foreach ($_productCollection as $_product): ?>
<div class="listing-item <?php if( ++$_iterator == sizeof($_productCollection) ): ?>even<?php endif; ?>">

Thank you so much
Such simple line of code yet I can’t figure

Hi Anders, can you also tell me how to do it with this one?

crossell.phtml

<ul class="generic-product-list">
<?php foreach ($this->getItems() as $_item): ?>
<li> <
</li>

I tried something like this, and it gives me errors

<?php foreach ($this->getItems() as $_item): ?>
<li class="list1 <?php if( ++$_iterator == sizeof($_getItems) ): ?>last<?php endif; ?> <?php echo ($_iterator % 2 == 0) ? 'even' : 'odd'; ?>">

Thanks again!

I think you need to declare the $_iterator variable before the foreach loop:

Also, there is no $_getItems variable. Use $this->getItems().

Unfortunately, I can’t test it because I can’t find the page where cross sells are displayed.

Yeah, I know where the file is, but where do I go in the frontend to see it in action?

Hi Anders,
Thanks for the quick response. Still showing errors :(

Crosssell.phtml is lcoated in ‘catalog > product > list > crossell.phtml

This is weird. It appears that in my installation (1.0.something), the catalog/product/list/crosssell.phtml template isn’t used anywhere.

However, there’s a checkout/cart/crosssell.phtml that’s used on the cart page. When I modify that file in the way shown above, it works fine.

Hi Anders, you are right. This is confusing to me and I was goofed. I edited the right crossell file but gave you the wrong ones, I didn’t even realized there were two crosssell files until now.

Still not working though :(

Click thumbnail to see full-size image

Replace $_getItems with $this->getItems(). There is no variable called $_getItems.

Thank you so much! It’s working now.

In Magento 1.1, there are two ways to mark a set of elements as odd/even. Let’s call this process “decorating”.

1) It is possible to decorate an array on server side (in .phtml template)

2) The second (simple) way is to decorate a set of elements with javascript.
There are functions decorateList(element), decorateTable(element), decorateGeneric(setOfElements[, options])
For example, here are some list and table:

To mark <li> and <tr> elements as odd/even/first/last, add following code:

Anton, thank you so much! This is a great tutorial.

And very happy to see a new Magento team helping