Op dvcgraphics.com zie je eerst 6 tekeningen.
De producten er onder zijn niet naast elkaar, en dat is slordig.
Hoe zou ik 3 rijen kunnen plaatsen naast elkaar.
3 x 3 rijen en kolommen. Denk dat dit het mooiste zou zijn.

Dit is het tpl bestand.

{strip}
<div class="c-search g-graund_6 g-shadow g-gradient g-border g-marg c-search_100">
	<form id="search_form" name="search_form" action="{$href.search_form}" method="post">
		<b>{translate('IMAGE_SEARCH')}:&#160;</b>
		<input type="text" name="aFilter[keyword]" id="keyword" class="c-search_input g-border g-graund_6">
		<a href="javascript:;" onclick="document.search_form.submit()" class="c-search_but g-border g-graund_6"></a>
	</form>
</div>
<div class="c-width">
	<div class="big-img-foot rc3 clearfix">
		<div class="c-banners g-marg  g-border  g-graund_6 g-shadow">
				<h2>{translate('TEXT_FIRST_FRONTLINE')}<span class="g-blue_bg g-graund_6"></span> </h2>
				<p>{translate('TEXT_SECOND_FRONTLINE')}</p>
			<span class="b-banners_butt"> <a href="{$href.tshirtbuilder}"></a> </span>
		</div>
	</div>

	{if $newest_designs}
        <h2>
			{translate('TEXT_NEWEST_DESIGNS')}
        </h2>
		<table class="c-addcart g-marg">
			{foreach $newest_designs as $design}
				{if $design@index%3==0}
				<tr>{/if}
					<td valign="top">
                        <a href="/my_designs"  class="c-craft_box g-border  g-graund_6" style="
                        				background:#fff url('');
                        				margin-bottom: 10px;
                        				text-align: center;
								        height: 194px;
								        line-height: 194px;
                        		">
                        <img src="{$design.img}" alt="image of product #{$design.img}" style='max-height: 190px;max-width: 190px;vertical-align: middle;'/>
                        </a>
					</td>
				{if $design@index%3==2}</tr>{/if}
			{/foreach}
		</table>

  <h2>
			{translate('TEXT_MOST_SOLD_PRODUCTS')}
        </h2>
	{/if}

	<table class="c-addcart g-marg">
		{foreach $categories as $category}
			{if $category@index%3==0}
			<tr>{/if}
			{$new_products[$category@key]}
			{if $category@index%3==0}</tr>{/if}
		{/foreach}
	</table>
	<div class="c-cct-shirt">
		<div class="c-sp_top">
			<h1>{translate('TEXT_CREATE_CUSTOM_TSHIRTS')}</h1>
			<hr class="c-cct-top">
			<table width="100%" class="c-cct-shirt_t">
				<tr>
					<td class="c-cct-shirt_t_title"><b>{translate('TEXT_TRENDS_DISCOUNTS')}</b></td>
					<td class="c-cct-shirt_t_title" colspan="2"><b>{translate('TITLE_OUR_GUARANTEE')}</b></td>
				</tr>
				<tr>
					<td class="c-cct-shirt_t_title_line">{translate('TEXT_SIGN_UP_FOR_NEWSLETTER')}</span></td>
					<td class="c-cct-shirt_t_title_line"><span
							class="c-cct-shirt_guar">{translate('TEXT_FAST_DELIVERY')}</span></td>
					<td class="c-cct-shirt_t_title_line"><span
							class="c-cct-shirt_guar">{translate('TEXT_HELPFUL_SERVICE')}</span></td>
				</tr>
				<tr>
					<td class="c-cct-shirt_t_title_line">
						<form action="inner.php?_page=create_account" method="post" name="email_form">
							<input name="email" type="text" class="autoclear g-border c-cct-shirt_t_mail" value="{translate('TEXT_YOUR_EMAIL_ADDRESS')}" size="30">
							<a href="javascript: document.email_form.submit()" class="g-butt_arrow g-gradient g-shadow g-border g-graund_6"><span></span></a>
						</form>
					</td>
					<td class="c-cct-shirt_t_title_line"><span
							class="c-cct-shirt_guar">{translate('TEXT_HIGH_QUALITY_PRINTING')}</span></td>
					<td class="c-cct-shirt_t_title_line"><span
							class="c-cct-shirt_guar">{translate('TEXT_FAIR_RETURN_POLICY')}</span></td>
				</tr>
			</table>
			<hr class="c-cct-bott">
			{$bottom_information_block_ccts}
		</div>
	</div>
</div>
{/strip}

Ik heb nu het volgende:

{foreach $categories as $category}
{if $category@index%5==3}
<tr>{/if}
{$new_products[$category@key]}
{if $category@index%5==3}</tr>{/if}
{/foreach}

Nu heb ik 2 rijen, 1 van 2 en die er onder van 3.
Dit is het beste tot nu toe, ik vind er wel niets logisch aan. :-)
Ja, maar begrijp er niets van.
Kan enkel met cijfertjes spelen, ik ben echt niet goed (lees onbekend) met php
Ik leer bij, maar voor mij zijn het nog allemaal rare tekens.
Met $x%5 word er gekeken hoeveel je overhoud nadat je het maximaal aantal keer 5 van $x hebt afgetrokken.

1%5 = 1
2%5 = 2
3%5 = 3 //hier begin je nu een nieuwe regel
4%5 = 4
5%5 = 0
6%5 = 1
7%5 = 2
8%5 = 3 //Hier begin je nu een nieuwe regel
9%5 = 4
//etc

Rekenvoorbeeld
22%5

Nu moeten we kijken hoeveel keer we 5 uit 22 kunnen halen
22 - 5 = 17 (1x)
22 - 10 = 12 (2x)
22 - 15 = 7 (3x)
22 - 20 = 2 (4x)
22 - 25 = -3 (5x) Hier duik je onder nul, dus dit is teveel.

Uit 22 kun je dus 4 keer 5 halen.
22 - (4x5) = 2
22 % 5 = 2

Hopelijk geeft dit een beetje duidelijkheid...
@Didier, je wilt 3 producten per rij, dan moet index%3 gebruiken.
De index loopt vanaf 0, voor elk product er 1 bij.
Uit het lijstje van SanThe kunt zien, begin je op 48 een nieuwe regel met producten met <tr> wanneer index%3 == 0 (dus bij index 0, 3, 6, enz), en eindig je op 51 de regel met producten met </tr> wanneer index%3 == 2 (dus bij 2, 5, 8, enz).
Ik zou dus graag 4 regels (rijen) hebben met elk 3 producten (kolommen).

Maar ik heb al van alles geprobeerd, ook wiskunde is mijn ding niet blijkbaar.

Ik dacht dus aan 12%3 == 3 maar dat werkt niet.

De % operator is de modulus operator of in gewoon nederlands, de rest van een deling.
%3 levert nooit 3 op, hoogstens 0, 1 of 2.

Je moet %3 gebruiken omdat je 3 kolommen wilt.
Bij het eerste product (en het 4e product, enz) maak je een nieuwe rij, dus daarom %3==0 op regel 48. Want het eerste product heeft index 0 en 0%3 = 0. Het vierde product heeft index 3 en 3%3 = 0.
Na het derde product (en het zesde product, enz) sluit je de rij af, dus daarom %3==2 op regel 51. Want het derde product heeft index 2 en 2%3 = 2.

Reageren