XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Modules Support forums / 
  3. Module hack reviews 
  4.  / oledrion shop - display products in 3 colums
Register
1
Bleekk
oledrion shop - display products in 3 colums

  • 2008/8/31 21:11

  • Bleekk

  • Theme Designer

  • Posts: 942

  • Since: 2002/12/14


hi all,
I would like to display the products on the shop index page in 3 columns but I do not how

here the relevant code:
le="color: #000000"><?php <{if count($products) > 0}> <div class="featured-blocks-titles"><h2><img src="<{$smarty.const.OLEDRION_IMAGES_URL}>icon-product-person.png" alt="<{$smarty.const._OLEDRION_CART}>" border="0" /><{$smarty.const._OLEDRION_MOST_RECENT}></h2></div> <table border="0" class="oledrion_productindex"> <{foreach item=product from=$products}> <tr> <td class="oledrion_productthumb"><{if $product.product_thumb_url}><a href="<{$product.product_url_rewrited}>" title="<{$product.product_href_title}>"><img src="<{$product.product_thumb_full_url}>" alt="<{$product.product_href_title}>" border="0" /></a><{/if}></td> <td class="oledrion_productssummary"> <table width="100%" cellspacing="0"> <tr> <td class="page-curl_01"> <div class="oledrion_producttitle"><{$product.product_recommended_picture}><a href="<{$product.product_url_rewrited}>" title="<{$product.product_href_title}>"><{$product.product_title}></a></div><div class="oledrion_productauthor"><{if $product.product_joined_manufacturers != ''}><img src="<{$smarty.const.OLEDRION_IMAGES_URL}>author.png" alt="" border="0" /><{$smarty.const._OLEDRION_BY}> <{$product.product_joined_manufacturers}><{/if}></div> <{if $mod_pref.use_price}><div class="oledrion_productprice"><{if $product.product_stock > 0 }><{$smarty.const._OLEDRION_PRICE}> <a href="<{$smarty.const.OLEDRION_URL}>caddy.php?op=addproduct&product_id=<{$product.product_id}>" title="<{$smarty.const._OLEDRION_ADD_TO_CART}>"><{if $product.product_discount_price_ttc != ''}><s><{$product.product_price_ttc}></s> <{$product.product_discount_price_ttc}><{else}><{$product.product_price_ttc}><{/if}> <img src="<{$smarty.const.OLEDRION_IMAGES_URL}>cartadd.png" alt="<{$smarty.const._OLEDRION_ADD_TO_CART}>" border="0" /></a><{else}><{$mod_pref.nostock_msg}><{/if}></div><{/if}> </td> </tr> </table> </td> </tr> <{/foreach}> </table> <{/if}>


thanks
2
ghia
Re: oledrion shop - display products in 3 colums

  • 2008/8/31 22:19

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


I think you could try with something like this:
le="color: #000000"><?php <{foreach item=product from=$products name="prodloop"}> {capture name="column"}{math equation="x % 3" x=$smarty.foreach.prodloop.index}{/capture} {if $smarty.capture.column == "0"} <tr> <td class="oledrion_productthumb"> </td> <td class="oledrion_productssummary"> </td> {elseif $smarty.capture.column == "1"} <td class="oledrion_productthumb"> </td> <td class="oledrion_productssummary"> </td> {elseif $smarty.capture.column == "2"} <td class="oledrion_productthumb"> </td> <td class="oledrion_productssummary"> </td> </tr> </table> {/if} {/foreach} {if $smarty.capture.column == 0} <td></td><td></td> {/if} {if $smarty.capture.column <= 1} <td></td><td></td> </tr></table> {/if}
(To show the idea I have left out the oledrion content <td class="OLE ... /td>)
3
Bleekk
Re: oledrion shop - display products in 3 colums

  • 2008/8/31 23:04

  • Bleekk

  • Theme Designer

  • Posts: 942

  • Since: 2002/12/14


thank you very much ghia
it works perfekt

I have added you code but without the last lines
le="color: #000000"><?php {if $smarty.capture.column == 0} <td></td><td></td> {/if} {if $smarty.capture.column <= 1} <td></td><td></td> </tr></table> {/if}

for what is this?

thanks!!
4
ghia
Re: oledrion shop - display products in 3 colums

  • 2008/8/31 23:14

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


To add cells in the last row and to complete the table with the closing </table> tag if there are not a multiple of 3 products. (See produced html source)
5
trabis
Re: oledrion shop - display products in 3 colums

  • 2008/8/31 23:17

  • trabis

  • Core Developer

  • Posts: 2269

  • Since: 2006/9/1 1


HUm , very interessing code!
In this code
le="color: #000000"><?php </tr> </table> {/if} {/foreach}


it seems that '</table>' should not be there.

Then you add bellow:
le="color: #000000"><?php {if $smarty.capture.column == 2} </table> {/if}

for example...

HUm, better yet:
le="color: #000000"><?php </tr> {/if} {/foreach} {if $smarty.capture.column == 0} <td></td><td></td> {/if} {if $smarty.capture.column <= 1} <td></td><td></td> </tr> {/if} {if $smarty.capture.column <= 2} </table> {/if}
6
ghia
Re: oledrion shop - display products in 3 colums

  • 2008/9/1 9:25

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


Quote:
it seems that '</table>' should not be there.
You're right, my mistake.

le="color: #000000"><?php {if $smarty.capture.column <= 2} </table> {/if}
can be simply
le="color: #000000"><?php </table>
because we will close the table tag anyway at the end.

PS Now the data cells are repeated for the number of columns in the template. I believe further optimization would be possible by using the original template and switching the <tr> and </tr> tags on and off as needed as in:
le="color: #000000"><?php {if $smarty.capture.column == "0"} <tr> {/if} datablock {if $smarty.capture.column == "2"} </tr> {/if}

This would make it more generic.
7
bprado
Re: oledrion shop - display products in 3 colums

  • 2009/1/10 19:51

  • bprado

  • Not too shy to talk

  • Posts: 103

  • Since: 2008/9/9 1


What file do i need to change to show 3 products per row?
8
ghia
Re: oledrion shop - display products in 3 colums

  • 2009/1/10 19:58

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


I think it was /modules/oledrion/templates/oledrion_allproducts.html .
9
bprado
Re: oledrion shop - display products in 3 colums

  • 2009/1/11 15:11

  • bprado

  • Not too shy to talk

  • Posts: 103

  • Since: 2008/9/9 1


ghia you have the final code, what i have to modify or to add to show the 3 products per row?
10
ghia
Re: oledrion shop - display products in 3 colums

  • 2009/1/11 15:27

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


No, I don't!
You have to combine your original file (similar to post #1) with the code snippets and corrections from post #2, 5 and 6.

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Donat-O-Meter

Stats
Goal: $15.00
Due Date: Aug 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $15.00
Make donations with PayPal!