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}

Hmm.. heb je zelf al wat geprobeerd? Ik denk dat je met de module-operator wel een stukje verder moet komen.
Het templategedeelte is overigens Smarty.
Het verschil tussen TEXT_MOST_SOLD_PRODUCTS en TEXT_NEWEST_DESIGNS zit in regel 37 en 51. Kun je daar wat mee?
Ja, ik heb ook al eens de cijfers veranderd...

{if $design@index%3==0}

was vroeger

{if $design@index%2==0}

Maar er veranderde niets.
Verander het eens naar ==2 ipv ==0
Jan de Laet op 19/02/2015 13:45:27

Verander het eens naar ==2 ipv ==0


Dat zal nooit matchen.
@SanThe: Waarom niet? Doen ze op regel 37 ook om er 3 naast elkaar te krijgen.
Jan de Laet op 19/02/2015 15:01:49

@SanThe: Waarom niet? Doen ze op regel 37 ook om er 3 naast elkaar te krijgen.


Omdat het nooit 2 (of 3) als resultaat geeft.

0%2=0 0%3=0
1%2=1 1%3=1
2%2=0 2%3=2
3%2=1 3%3=0
4%2=0 4%3=1
5%2=1 5%3=2
6%2=0 6%3=0
7%2=1 7%3=1
8%2=0 8%3=2
9%2=1 9%3=0
Ik denk dat we elkaar verkeerd begrepen hebben.
Probeer op regel 51:

            {if $category@index%3==2}</tr>{/if}

Dat zou toch kunnen werken?
Jan de Laet op 19/02/2015 19:38:35

Ik denk dat we elkaar verkeerd begrepen hebben.


Dat idee krijg ik ook.

Zolang in $var%3==2 het linker getal achter de % maar minimaal 1 groter is dan het rechter getal.

Reageren