Jump to content
xt:Commerce Community Forum

product_listning


nimraco

Recommended Posts

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

Link to comment
Share on other sites

Guest jni-trade.de

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

Link to comment
Share on other sites

Hallo Nimraco,

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

{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ü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}[/php]

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

[PHP] 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

Link to comment
Share on other sites

Hallo SonjaSt

:D Dank und nochmals dank :D

Genauso soll es aussehen

Vielen Dank

Gerne geschehen! ;)

:confused: 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:D

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

Link to comment
Share on other sites

  • 3 weeks later...

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

  • 2 years later...

Hi, ich würde auch gern zwei Produkte nebeneinander haben.

Meine Produkt-listing sieht leider etwas anders aus. Kann mir jemand sagen wo ich bei mir die Änderung vornehmen muss?

{$categories}
{if $product_listing}
{if $heading_text}<h1>{$heading_text}</h1>{/if}
{if $PRODUCTS_DROPDOWN}{$PRODUCTS_DROPDOWN}{/if}

{if $sort_dropdown.options}
<div class="products_sort">
{form type=form name=sort_dropdown action='dynamic' method=get}
{form type=hidden name=page value='categorie'}
{form type=hidden name=cat value=$current_category_id}
{form type=select name=sorting value=$sort_dropdown.options default='' onchange='this.form.submit();'}
{form type=formend}
</div>
{/if}

{if $MANUFACTURER_DROPDOWN}
<div class="products_sort">
{if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}{/if}
</div>
{/if}

{if $manufacturer}
{$manufacturer.MANUFACTURER.manufacturers_description}
{/if}

<div class="hrproductpreview"></div>
{foreach name=aussen item=module_data from=$product_listing}
<table class="productPreview" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
{if $module_data.products_image!=''}<td class="productPreviewImage"><a href="{$module_data.products_link}">{img img=$module_data.products_image type=m_thumb class=productImageBorder alt=$module_data.products_name}</a></td>{/if}
<td class="productPreviewContent">
<h1><a href="{$module_data.products_link}">{$module_data.products_name}</a></h1>
{if $module_data.review_stars_rating}
<div class="reviews_rating_light"><div class="reviews_rating_dark" style="width:{$module_data.review_stars_rating}%"></div></div>
{/if}
{if $module_data.products_short_description}<p>{$module_data.products_short_description}</p>{/if}
{if $smarty.const._CUST_STATUS_SHOW_PRICE eq '1'}
<p class="price">{$module_data.products_price.formated}</p>
<p class="taxandshippinginfo">{$module_data.products_tax_info.tax_desc}{if $module_data.products_shipping_link}<a href="{$module_data.products_shipping_link}" target="_blank" rel="nofollow">{txt key=TEXT_EXCL_SHIPPING}</a>{/if}</p>
{if $module_data.base_price}<p class="vpe">{$module_data.base_price.price} {txt key=TEXT_SHIPPING_BASE_PER} {$module_data.base_price.vpe.name}</p>{/if}
{/if}
{if $module_data.products_weight > 0}<p class="taxandshippinginfo">{txt key=TEXT_PRODUCTS_WEIGHT}: {$module_data.products_weight} KG</p>{/if}
{if $module_data.shipping_status}<p class="shippingtime">{txt key=TEXT_SHIPPING_STATUS} {$module_data.shipping_status}</p>{/if}

{if $module_data.stock_image}
<p class="stockimage">{img img=$module_data.stock_image.image type=t_img_stockrules alt=$module_data.stock_image.name}</p>
<p class="stockimagetext">{$module_data.stock_image.name}</p>
{/if}

{if $module_data.allow_add_cart eq 'true'}
{form type=form name=product action='dynamic' link_params=getParams method=post}
{form type=hidden name=action value=add_product}
{form type=hidden name=product value=$module_data.products_id}
<div class="addtobasketlisting">
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td style="width:100%">{form type=text name=qty value=1 style='width:50px;'}</td>
<td>{button text=$smarty.const.BUTTON_ADD_CART file='button_in_cart.gif' type='form' btn_template='tpl_button_2.gif' space_left='25'}</td>
</tr>
</table>
</div>
{form type=formend}
{/if}

</td>
</tr>
</table>
<div class="hrproductpreview"></div>
{/foreach}
<div id="NAVIGATION">
<div class="COUNT">{$NAVIGATION_COUNT}</div>
<div class="PAGES">{$NAVIGATION_PAGES}</div>
</div>{/if}
{$error_listing}[/PHP]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
  • Create New...