Gibt es die Möglichkeit mehrere Produkte nebeneinander in der Übersicht darzustellen? Im Voraus vielen Dank für die Bearbeitung meiner Frage.

hallo

klar gibt es diese Möglichkeit....

das bekommst Du über zum Beispiel CSS Klassen / Anweisungen hin.

unter dem Motto:

Code:

<foreach>   <div style="float:left; margin-right:10px; width:200px;.....">Produkt</div> </foreach>

Beispiel wie etwas in dieser Art ausschauen könnte hier: Link zu Extim Angeboten

Was Du letztendlich dort für Produktangaben unterbringst (in meinem Fall halt nur ein Bild mit Link und Artikelbezeichnung) ist Dir überlassen....



Viel Erfolg (und bei Fragen einfach melden)

extim

_________________
unser FWP Shop befindet sich hier: http://www.getfone.de
und unser News & Weblog System http://www.phoneo.de freut sich auf Deinen Besuch...

Danke für die schnell Antwort. Bin leider immer noch nicht richtig weiter, veröffentliche mal den Quelltext von den Kategorien:

<!-- Unterkategorien Schmuck -->
<div class="h1-liner"><h1>{$aCat.aNotation.$sLId}</h1></div>
<br><br>
{$aCat.aShortText.$sLId}
<table width="100%">
{if $aCat.aChild}
<tr>
<td>Weitere Unterkategorien im Bereich "{$aCat.aNotation.$sLId}":</td>
</tr>
<tr>
<td>
<ul>
{/if}
{counter start=0 print=false assign="iCatChild" skip="1"}
{foreach from=$aCat.aChild item=aChild}
{if $iCatChild==0}<li>{/if}
<a href="{fwpLink sType=category sPage=$aChild.iId}">{$aChild.aNotation.$sLId}</a>
{counter}
{if $iCatChild == 1}</li>{counter start=0 print=false assign="iCatChild"}{/if}

{/foreach}
</ul>
</td>
</tr>
<tr>
<td>
{fwpRandomProductRecommendation iCat=$aChild.iId sTemplate=cat_random}
</td>
</tr>
</table>
<!-- / Unterkategorien Schmuck -->

-------------------------------------------------------------------------------------

<div class="content_box_full">
<div class="box_headline_full"><h1>{if $smarty.get.sPage == "search"}{else}{$aCat.aNotation.$sLId}{/if}</h1></div>
<div class="box_content_half">
{$aCat.aText.$sLId}
</div><foreach>
{if count($aCat.aChild)>0}
<div class="box_content_half">Weitere Unterkategorien im Bereich "{$aCat.aNotation.$sLId}":
<ul id="topNavCat">
{foreach from=$aCat.aChild item=aChild}
<li><a href="{fwpLink sType=category sPage=$aChild.iId}">{$aChild.aNotation.$sLId}</a></li>
{/foreach}
</ul>
</div>
{/if}
</div>

{if $smarty.get.sPage == "search"}
<h1>Ihre Suche nach "<i>{if $smarty.post.sSearch != ""}{$smarty.post.sSearch}{else}{$smarty.get.sSearchString}{/if}</i>" ergab folgende Treffer:</h1><br/>
<form action="{$sUrl}/index.php?sPage=search&PHPSESSID={$PHPSESS}" method="POST">
Produktsuche <input type="text" name="sSearch" size="30" value="{$smarty.post.sSearch}"> <input type="submit" value="suchen">
</form><br/>
<p style="Border-Bottom:dashed 1px #000000;Width:575px;"> </p>
{/if}

<br clear="all"/>
{if count($aiProducts)>0}
{counter start=0 print=false assign="iProd" skip="1"}
{foreach from=$aiProducts item=aProduct key=iP}
{if $iProd < 10}
{fwpProductDetails aProd=$aiProducts i=$iP j=$smarty.get.iStart sTemplate=category_small}
<p style="Border-Bottom:dashed 1px #000000;Width:575px;"></p>
{/if}
{counter}
{/foreach}
{fwpCategoryNav iProducts=15 aProducts=$aiProducts}</p>
{else}
{fwpRandomProductRecommendation iCat=`$smarty.get.iCat` i=2 bChild=1 sTemplate=category_small}
{/if}

Wo müßte ich hier was ändern?

hallo

gib doch mal deine URL wo ich mir das dann anschauen kann......
wenn nicht öffentlich dann auch gern per PN!



extim

_________________
unser FWP Shop befindet sich hier: http://www.getfone.de
und unser News & Weblog System http://www.phoneo.de freut sich auf Deinen Besuch...

Kein Problem, hier die URL:

http://fwp.wohnideenshop.de/catalog/lebensmittel-10-0.html

okay, wenn ich das richtig vermute, möchtest Du die einzelnen Kategorie-Seiten anpassen.
Also da nicht Ausgabe des Produkts streng untereinander sondern zwei nebeneinander.... richtig?


wenn dem so ist:


müsstest Du in der Datei

_template/xyz/_front/elements/product_category_small.box.tpl


sowie in der Datei

_template/xyz/_front/elements/product_add_cart_default.box.tpl


ansetzen.

Was sollen für Informationen zu dem jeweiligen Produkt auf diese Seite?

_________________
unser FWP Shop befindet sich hier: http://www.getfone.de
und unser News & Weblog System http://www.phoneo.de freut sich auf Deinen Besuch...

Genau, 2 oder besser 3 Produkte nebeneinander wäre sehr gut.
Als Info für das Produkt: Name, Produktbild klein, Preis, Kurzbeschreibung

bei dem Template ist glaub ich nicht wirklich genug Platz für 3 Produkte nebeneinander....

Bei zwei Produkten würde ich das so angehen (keine Gewähr weil es aus dem Kopf heraus geschrieben ist und nicht getestet....!):

Datei _template/xyz/_front/elements/product_category_small.box.tpl

zum Beispiel:

Code:

<div style="width:48%; float:left">     {if $aProd.aImg.CAT.sPath != ""}<a href="{$aProd.sLinkDetails}"><img src="{$aProd.aImg.CAT.sPath}" style="{fwpImageSize sFile=$sUrl`$aProd.aImg.CAT.sPath` iHeight=130}; float:left; margin-right:10px;" alt="{$aProd.aImg.CAT.aAltText.$sLId}" title="{$aProd.aImg.CAT.aAltText.$sLId}" />{/if}<strong><a href="{$aProd.sLinkDetails}">{$aProd.aNotation.$sLId}</a></strong><br /><br />{$aProd.aShortDescription.$sLId}<a href="{$aProd.sLinkDetails}">mehr Infos</a>   </div>

Die Preisausgabe findet meine ich in der Datei

_template/xyz/_front/elements/product_add_cart_default.box.tpl

statt.

Dort müsstest Du Dir dann das so zusammen "basteln" das Du die Datei nur noch in der oben genannten ersten Datei "einbindest".

zum Beispiel dann so (Datei _template/xyz/_front/elements/product_category_small.box.tpl ):

Code:

<div style="width:48%; float:left">     {if $aProd.aImg.CAT.sPath != ""}<a href="{$aProd.sLinkDetails}"><img src="{$aProd.aImg.CAT.sPath}" style="{fwpImageSize sFile=$sUrl`$aProd.aImg.CAT.sPath` iHeight=130}; float:left; margin-right:10px;" alt="{$aProd.aImg.CAT.aAltText.$sLId}" title="{$aProd.aImg.CAT.aAltText.$sLId}" />{/if}<strong><a href="{$aProd.sLinkDetails}">{$aProd.aNotation.$sLId}</a></strong><br /><br />{$aProd.aShortDescription.$sLId}<a href="{$aProd.sLinkDetails}">mehr Infos</a><br /><br /> {fwpProductPrice aProduct=$aProd sTemplate=cat}<br />     {if $aProd.bHasVariant == 1}       {fwpProductAddCart aProduct=$aProd sTemplate=opt_var}     {else}       {fwpProductAddCart aProduct=$aProd }     {/if} </div>

Hoffe das hilft Dir dann weiter in deiner arbeit.....

_________________
unser FWP Shop befindet sich hier: http://www.getfone.de
und unser News & Weblog System http://www.phoneo.de freut sich auf Deinen Besuch...

Die Darstellung funktioniert jetzt super. Was mir jetzt noch Rätsel aufgibt, ist die Breite des Mittelblocks (Produkte). Ich würde ihn gern über die gesamte Breite bis rechts an den Rand ziehen.
Außerdem werden bei Auswahl eines Produktes die Versandkosten doppelt im Warenkorb dargestellt. Gibt es hierzu noch einen Lösungsansatz? Vielen Dank im Voraus.

Hallo noch einmal

die breite des "Mittelblocks" bestimmst Du in der Datei

_templates/xyz/_front/shape_new.tpl

bzw. in der dazugehörigen CSS Datei

Das ist sozusagen das Rahmenlayout.

Der Bereich (im orange Original Template) in dem alles dargestellt wird sieht so aus:

Code:

<div id="content" class="column">                {include file="$TPL_DIR/_front/includes.tpl"}                </div>

in der dazugehörigen CSS Datei findest Du zu der id = content eine weiten Angabe von 500 px.... Diese müsste entsprechend deinen Wünsche geändert werden!


Wenn ich es richtig sehe, hast Du ja schon den Inhalt der rechten Spalte in die Linke Spalte "gepackt".
Dann kann es ja mit dem Breite Anpassen schon losgehen bei Dir



extim

_________________
unser FWP Shop befindet sich hier: http://www.getfone.de
und unser News & Weblog System http://www.phoneo.de freut sich auf Deinen Besuch...

Hallo, habe eben getestet wegen der Breite. Aber der Block bleibt so. Hier mal der Quelltext dazu :

<div id="content" class="column"><table width="700px">
<tr><td>
<table cellpadding="0" cellspacing="0" border="0" width="500">

Mich würde interessieren, wo die "500" in der zweiten Tabelle hergenommen wird, habe es weder in dieser shape_new noch in der style.css gefunden.

Den "Block" kannst Du vom Inhalt her anpassen über (ich bin der Meinung aber keine 100%ige Sicherheit!) die Datei _front/dynTemp/template_cat_26.tpl

Das ist die Original Template Datei falls man nicht eine andere Datei der entsprechenden Kategorie zugewiesen hat....

Dort findest Du den entsprechenden Codeblock auch gleich ganz oben in der Datei.
By the way: In diesem Template wird viel mit festen Breiten gearbeitet. Es ist daher nicht die einzige Stelle in dieser Datei, die angepasst werden müsste......


extim

_________________
unser FWP Shop befindet sich hier: http://www.getfone.de
und unser News & Weblog System http://www.phoneo.de freut sich auf Deinen Besuch...

Danke für die Hilfe, hat nicht ganz funktioniert mit der Breiteneinstellung, aber rein von der Optik sieht es erst einmal gut aus =o)

Na ja, das sind viele Punkte, die ineinander greifen.
Deine Vorstellungen passen nicht so einfach in das Standard orange Template - das bedeutet das Dir viele Dateien über den Weg laufen werden, in denen Du Änderungen vornehmen mußt...

aber letztendlich lernt man genau daraus auch am meisten!


Viel Erfolg und bei weiteren Fragen einfach diese stellen


extim

_________________
unser FWP Shop befindet sich hier: http://www.getfone.de
und unser News & Weblog System http://www.phoneo.de freut sich auf Deinen Besuch...