Hi
kein ganzes da ja noch nicht umgesetzt.
Hier mal der relevante Code aus meiner product_listing.html
{if $smarty.foreach.aussen.first}
<div class="row-fluid mhh-new_products_row">
{/if}
<div class="span3 product_listing_full_height ">
<div class="product_listing_image">{if $module_data.PRODUCTS_IMAGE!=''}<a href="{$module_data.PRODUCTS_LINK}"><img class="img-polaroid center-block" src="{$module_data.PRODUCTS_IMAGE|replace:"thumbnail_images":"info_images"}" alt="{$module_data.PRODUCTS_NAME}" /></a>
{else}
<img class="img-responsive" src="http://placehold.it/160x160/FFC947&text=Platzhalter" />
{/if}</div>
<p class="product_listing_heading mhh-product_listing_heading"><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></p>
<p class="product_listing_price mhh-product_listing_price"><STRONG><a href="{$module_data.PRODUCTS_LINK}"> {$module_data.PRODUCTS_PRICE}</a></STRONG>*</p>
<div class="product_listing_button mhh-product_listing_button">{$module_data.PRODUCTS_BUTTON_PRODUCT_MORE}</div>
</div>
{if $smarty.foreach.aussen.iteration % 4 == 0 && !$smarty.foreach.aussen.last}
</div>
<div class="row-fluid">
{/if}
{if $smarty.foreach.aussen.last}
</div>
{/if}
{/foreach}
Die "iteration % 4 gibt die Durchläufe an. Also 4 Produkte nebeneinander. Das mit dem span3 (4x3 = 12, Das ist immer ein voller SPAN bei Bootsrap) und du hast deine Desktop version.
Nun das ganze kopieren, noch ein DIV darum mit der Klasse visible tablet da rein und aus span3 eine span6 machen. Aus der 4 dann eine 2 und du hast deine 2er Reihe.
Bin mir aber nicht sicher ob das mit der foreach Schleife funktioniert wenn Sie doppelt drin ist. Sollte aber klappen.
Bedenke, der ganze Code wird immer komplett ausgeführt und dann übertragen. Nur das Endgerät zeigt Ihn nicht an wenn es die Media Querries beachtet.
Die Else Funktion kannst du raus lassen. Zeigt ein Bild an wenn das Produkt noch keins hat. Bei der Entwicklung gut da man dann die Höhe der Boxen sieht.
alles mit mhh- ist mein CSS. Das musst du dann selber formatieren.
Gruß
Mike
Noch mal, ich bezweifel langsam fast selber, das es der richtige Ansatz ist. Die Divs werden doch durch die Schleife gebildet und dann müsste das Responisve design die doch auch von Nebeneinander nach Untereinander verschieben. Passiert doch auch wenn man das ganze klein genug zieht und die einzeln untereinander hat.
@Karl, was sagst du dazu? Ist das nicht der Sinn von Bootsrap nicht für alles eine Extra Wurst zu programmieren?
