Onlineshop xt:commerce CE (Startedition Veyton) – Übersicht der Produkte mehrspaltig

Als Beispiel hier ein drei-spaltiges Layout. Rot markiertes hinzufügen. Bei einer anderen Spaltenanzahl die entsprechenden Definitionen in beiden Dateien anpassen.

Datei: templates/TEMPLATE/xtCore/pages/product_listing/product_listing_v1.html

<div>
{foreach name=aussen item=module_data from=$product_listing}
    <div>
        ...
    </div>
{if (($smarty.foreach.aussen.index + 1) is div by 3)}
</div>
<div>
{/if}
{/foreach}
</div>

Datei templates/TEMPLATE/css/stylesheet.css

.my-wrapper {
    position:relative;
    clear:both;
}
.newProductPreview {
    float: left;
    margin-bottom: 30px;
    padding: 0px;
    width: 33% //width of product box;
}
Veröffentlicht unter Shop Systeme, Webdesign

Hinterlasse eine Antwort

Diese Website nutzt Cookies, um unseren Besuchern die bestmögliche Funktionalität bieten zu können. Durch die weitere Nutzung unserer Seiten erklären Sie sich mit dem Einsatz von Cookies einverstanden. Erfahren Sie mehr zum Einsatz von Cookies und dem Umgang mit Ihren persönlichen Daten in unserer: Datenschutzerklärung

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen", um Ihnen das beste Surferlebnis möglich zu geben. Wenn Sie diese Website ohne Änderung Ihrer Cookie-Einstellungen zu verwenden fortzufahren, oder klicken Sie auf "Akzeptieren" unten, dann erklären Sie sich mit diesen.

Schließen