product_listning

[nimraco]

wenn ich auf die Unterkategorie gehe zeigst mir die Produkte alle untereinander an.

Nun möchte ich aber gerne immer 2 nebeneinander anzeigen lassen.

Wer kann mir sagen wo und was ich da ändern muss.

Ich weiss wohl das es in
template/Module/product_listning ist
nur halt eben nicht was und wo

danke

Hallo nimraco,

öffne mal dein template "product_listing.html" und suche nach folgender Stelle:

{foreach name=aussen item=module_data from=$module_content}

und ersetze die Zeile mit

{foreach name=aussen item=module_data from=$module_content} 
		{php} 
          $col++; 
		{/php}

Ganz am Ende der Seite suche nach:

{/foreach}

Hier wird der Tag wieder geschlosssen, alles ersetzen mit:

	{php} 
		  if ($col>=2) { 
		  $col=0; 
		  echo '</tr><tr>';
		   } 
		  {/php} 
		 {/foreach

Die Zahl hinter "col>=" bestimmt die Anzahl der Spalten. In dem Beispiel sind es zwei. Müsste so eigentlich funktionieren. Ich nutze das unter anderem in der new_products_default.html .

Gruß Jens,
www.jni-trade.de

[nimraco]

Hallo Jini Trade

Vielen Dank für die ausführlichen Infos.
Leider hat dies nicht den gewünschten Erfolg gebracht

[SonjaSt]

Hallo Nimraco,

dies ist der Quelltext meiner product_listing mit 3 Kästen nebeneinander:

PHP-Code:

{config_load file="$language/lang_$language.conf" section="index"}

<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr valign="top">
        <td>
            <div align="center">
                <font size="1" color="#f03c00" face="Verdana, Arial, Helvetica, sans-serif"><strong><font size="4">{$CATEGORIES_HEADING_TITLE}</font></strong> </font></div>
        </td>
    </tr>
    <tr valign="top">
        <td valign="top">
            <div align="center">
                {if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}">{/if}
</div>
        </td>
    </tr>
    <tr valign="top">
        <td valign="top">
            <div align="center">

{if $CATEGORIES_DESCRIPTION} <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><br>

{$CATEGORIES_DESCRIPTION}</font></div>
        </td>
    </tr>
</table>
<br>
<p>
{/if}
{ if $MANUFACTURER_DROPDOWN} <br>
</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td class="main"><div align="right">{#text_show#} {$MANUFACTURER_DROPDOWN}</div></td>
 </tr>
</table>
<br>{/if}

<br>
<br>
<table width="100%" height="280" border="0"  margin-bottom="10px" cellspacing="0" cellpadding="0">
 <tr height="100%">
 {foreach name=aussen item=module_data from=$module_content}
 {php} $col++;
 {/php}
  <td align="center" height="100%">
    <table class="produktbeschreibung_bild2" border="0" cellpadding="0" cellspacing="4" align="center" height="100%">
                <tr align="center">
                    <td align="center" valign="bottom"><strong><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}<br>
                            </a></strong></td>
                </tr>
                <tr align="center" height="150">
     <td align="center" valign="bottom" height="150" >{if $module_data.PRODUCTS_IMAGE}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" border="0"></a>{/if} </td>
 </tr>
                <tr>
     <td class="main" align="center" valign="top">{$module_data.PRODUCTS_SHORT_DESCRIPTION}
            <br>
                        <strong><a class="roter_preis">{$module_data.PRODUCTS_PRICE}</a><br>
                        </strong>{$module_data.PRODUCTS_BUTTON_BUY_NOW}</td>
 </tr>
            </table></td>
 {php}

 if ($col>=3) {
 $col=0;
 echo '</tr>';
 }
 {/php}
 {/foreach}

</table>


<br>
<table width="100%" height="50"  border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td class="main">
            <div align="center">
                (Alle Preise sind Endpreise. Zuz&uuml;glich Liefer- und Versandkosten)</div>
        </td>
    </tr>
    <tr>
  <td>
            <div align="left">
                {$NAVIGATION}</div>
        </td>
 </tr>
</table>
{if $result=='false'}
<table width="100%" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td style="border: 1px solid; border-color: #ff0000;" bgcolor="#FFCCCC"><div align="center"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">{#text_noproduct#}</font></strong></div></td>
 </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td align="right"><br>
   {$BUTTON}</td>
 </tr>
</table>

{/if} 


Möchtest Du mehr oder weniger Kästen nebeneinander haben, schau mal in Zeile 64:

PHP-Code:

 if ($col>=3) { 


Die 3 zeigt an, dass ich 3 Kästen in Reihe (eben Columns) habe. Willst Du nur 2 Kästen, schreib eine 2.

Wenn Du den Code übernimmst, bitte beachten, dass Du die CSS anpassen musst, da ich für meinen Shop einige zusätzliche angelegt habe!

Success!

Sonja

[www.musclebooster.info]

Zitat von SonjaSt

Hallo Nimraco,

.................

Wenn Du den Code übernimmst, bitte beachten, dass Du die CSS anpassen musst, da ich für meinen Shop einige zusätzliche angelegt habe!

Success!

Sonja

Was heisst CSS? Wo und wie man es ändert? Ich möchte auch mehr dazu wissen. Für deine baldige Antworte danke Sonja im Voraus

[nimraco]

Hallo SonjaSt

Dank und nochmals dank

Genauso soll es aussehen


Vielen Dank

[SonjaSt]

Zitat von nimraco

Hallo SonjaSt

Dank und nochmals dank

Genauso soll es aussehen


Vielen Dank

Gerne geschehen!

Zitat von www.musclebooster.info

Was heisst CSS? Wo und wie man es ändert? Ich möchte auch mehr dazu wissen. Für deine baldige Antworte danke Sonja im Voraus

CSS = Cascading Style Sheets

Schau Dir mal auf Deinem Server in Deinem Template die Datei stylesheet.css an.
Darin sind sehr viele (fast alle) Stile für die Website vorgegeben.

Mehr zum Thema CSS: http://de.wikipedia.org/wiki/Cascading_Style_Sheets

Gruß,
Sonja

[wwv4de]

Hallo SonjaSt,

ich habe deinen Code auch übernommen, leider ist die darstellung immernoch Einspaltig. Was muss denn in der ccs geändert werden, dass die drei spalten angezeigt werden?

[nimraco]

Hallo wwv4de

Bei mir hat es einwandfei funktioniert. Habe es sogar nun auf 4 Spalten erhöht.

Hatte den Code übernommen und nicht ersetzt sondern zugefügt.
Hab halt meine Daten behalten und nur das relevante dazugefügt.
Und nachher dann nur die Spaltenzahl erhöht.
Die CSS hat mit der Spaltenzahl nichts zu tun

[SonjaSt]

Zitat von wwv4de

Hallo SonjaSt,

ich habe deinen Code auch übernommen, leider ist die darstellung immernoch Einspaltig. Was muss denn in der ccs geändert werden, dass die drei spalten angezeigt werden?

Wenn Du den Code korrekt übernommen hast, muss die product_listing mehrspaltig ausgegeben werden.
Wenn es nicht klappt, hast Du entweder den Code falsch übernommen oder eine falsche Shopversion laufen?

Wie Nimraco bereits sagte: Mit CSS hat das nichts zu tun. In CSS habe ich lediglich Rahmenfarbe usw zusätzlich definiert.

Grüße,
Sonja