add image divider to product lists

[spencermjax]

How could I add a divider (an image) between each product when it is listed.

[♥Monika in Germany]

How could I add a divider (an image) between each product when it is listed.

<{POST_SNAPBACK}>

 

 

give me the url and tell me if you want horizontal or vertival dividers and where ...

[spencermjax]

give me the url and tell me if you want horizontal or vertival dividers and where ...

<{POST_SNAPBACK}>

 

 

URL for Product listings

 

Thanks!

[♥Monika in Germany]

How could I add a divider (an image) between each product when it is listed.

<{POST_SNAPBACK}>

 

 

Hi,

 

what do you want to add, and have you changed the cellpadding in includes/classes/boxes.php for 2 to 0?

 

If you want a blank line only it's more easy than if you want a real pic ... do tell me!

[spencermjax]

What I want is to use a small image to act as a seperator between each product that is listed for a given category. And yes I did change the padding.

[♥Monika in Germany]

Hi, sorry it took a bit to get back to you:

 

here you can see a separator between the items:

http://www.casin-group.com/kristin/oscomme...lp.php?cPath=33

 

Ok, first you need that pic in your images folder. Then add a new class to you stylesheet.css :

.productListing_spacer
{
 width: 100%;
   background-image:url('your_pic'); 
   font-size: 1px
}

 

in includes/modules/product_listing.php find this:

    }

   new productListingBox($list_box_contents);
 } else {
   $list_box_contents = array();

   $list_box_contents[0] = array('params' => 'class="productListing-odd"');
   $list_box_contents[0][] = array('params' => 'class="productListing-data"',
                                  'text' => TEXT_NO_PRODUCTS);

   new productListingBox($list_box_contents);
 }

 

replace by this:

	$list_box_contents[][] = array(
             'params' => 'colspan="3" class="productListing_spacer"',
             'text'  => ' ' );    }

   new productListingBox($list_box_contents);
 } else {
   $list_box_contents = array();

   $list_box_contents[0] = array('params' => 'class="productListing-odd"');
   $list_box_contents[0][] = array('params' => 'class="productListing-data"',
                                  'text' => TEXT_NO_PRODUCTS);

   new productListingBox($list_box_contents);
 }

 

the first 3 lines are the new ones ...

 

HTH

Monika

[spencermjax]

Thank You for the great advise!

 

Now I was wondering if you know how I would go about alternating a background color for each row. the first being gray, the 2nd white, 3rd gray...and so on.

 

Thanks again!

[♥Monika in Germany]

Thank You for the great advise!

 

Now I was wondering if you know how I would go about alternating a background color for each row. the first being gray, the 2nd white, 3rd gray...and so on.

 

Thanks again!

<{POST_SNAPBACK}>

 

Hi again

 

go into your stylesheet.css and find this:

 

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 background: #ffffff;
}

 

As you can see, I have both the odd and the even in white. Change the odd one to the grey shade you want to use, and voila.

background: #ffffff;

 

change to

background: #cccccc;

for a light grey, or any different color you want ...

 

You can view it on the test page I made for you ... I have cellpadding, so I have a bit of grey around the pic too.

 

This will also change all the other tables (accountHistory ect), if you dn't want that, you have to take the part apart and only assign the grey to TR.productListing-odd

 

I'm glad you liked the dividers :-). I'm a complete newbie to php but an asp queen, and it was a great challenge for me to find out how this works!

 

:-)

Monika

[spencermjax]

For a newbie you are pretty good!

 

How about this... I want to add the alternating bgcolors to products_new.php.

[♥Monika in Germany]

For a newbie you are pretty good!

 

How about this... I want to add the alternating bgcolors to products_new.php.

<{POST_SNAPBACK}>

 

like this?

http://www.casin-group.com/kristin/oscomme...ts_new_help.php

 

again, I have the padding :-)

 

I start to feel like in an exam :-)))))

 

Monika

[spencermjax]

Sorry for the delayed response. I just moved into my new house...very busy.

 

The example you have above is exactly what I would like.

 

Thanks for all of your help.

[♥Monika in Germany]

Sorry for the delayed response. I just moved into my new house...very busy.

 

The example you have above is exactly what I would like.

 

Thanks for all of your help.

<{POST_SNAPBACK}>

 

congrats on the new house, how exciting!!!

 

ok, so in your products_new.php find this:

 

<?php
 if ($products_new_split->number_of_rows > 0) {
   $products_new_query = tep_db_query($products_new_split->sql_query);
   while ($products_new = tep_db_fetch_array($products_new_query)) {
     if ($new_price = tep_get_products_special_price($products_new['products_id'])) {
       $products_price = '<s>' . $currencies->display_price($products_new['products_price'], tep_get_tax_rate($products_new['products_tax_class_id'])) . '</s> <span class="productSpecialPrice">' . $currencies->display_price($new_price, tep_get_tax_rate($products_new['products_tax_class_id'])) . '</span>';
     } else {
       $products_price = $currencies->display_price($products_new['products_price'], tep_get_tax_rate($products_new['products_tax_class_id']));
     }
?>
         <tr>

 

replace by this, important, you can see the last tr tag is changed too ...

<?php
 if ($products_new_split->number_of_rows > 0) {
   $products_new_query = tep_db_query($products_new_split->sql_query);
   while ($products_new = tep_db_fetch_array($products_new_query)) {
     $rows++;

     if (($rows/2) == floor($rows/2)) {
       $class = 'class="productListing-even"';
     } else {
       $class = 'class="productListing-odd"';
     }

     if ($new_price = tep_get_products_special_price($products_new['products_id'])) {
       $products_price = '<s>' . $currencies->display_price($products_new['products_price'], tep_get_tax_rate($products_new['products_tax_class_id'])) . '</s> <span class="productSpecialPrice">' . $currencies->display_price($new_price, tep_get_tax_rate($products_new['products_tax_class_id'])) . '</span>';
     } else {
       $products_price = $currencies->display_price($products_new['products_price'], tep_get_tax_rate($products_new['products_tax_class_id']));
     }
?>
         <?php echo '<tr ' . $class .'>'; ?>

 

enjoy!

 

:-)

Monika