Gelöst Artikel nebeneinander anzeigen lassen

[Dealux-GmbH]

Guten Morgen zusammen,

ich würde in meinem Shop die Artikel in der Artikelübersicht gerne nebeneinander und nicht untereinander anzeigen lassen. Also so, wie z.B. auf der Startseite mit den Top-Angeboten, Sonderangeboten etc. Habe die Tabellen auch schon dementsprechend kleiner gemacht, dass mehrere Artikel nebeneinander passen würden. Aber irgendwie steh ich auf'm Schlauch und schaffe es einfach nicht die Produkte nebeneinander zu bekommen.

Kann mir vielleicht einer von euch helfen?

Gruß,
Jörg

 

[x2ro]

Schreib mal die entsprechende Code-Zeilen hier rein. Evtl. kann man ja helfen.

Gruss.

 

[Dealux-GmbH]

Also ich denke mal, dass es sich um folgendes Textstück in der produkte.tpl handeln müsste.

{foreach name=artikel from=$KategorieInhalt->Artikel->elemente item=Artikel}
                                        <table>
                                        <tr>
                                                <td><img><a>{$Artikel->cName}</a></td>
                                        </tr>
                                        </table>
										<table>
                                        <tr>
                                                <th>

                                                       <a><img></a>
                                                </tr>
                                                
                                                <td>
                                                  
{assign var=anzeige value=$Einstellungen.artikeluebersicht.artikeluebersicht_lagerbestandsanzeige}
{if $anzeige=='verfuegbarkeit' || $anzeige=='genau'}
	<span>{#availability#}:</span><span> {$Artikel->Lageranzeige->cLagerhinweis[$anzeige]}</span>

{elseif $anzeige=='ampel'}
	<img> <span>{$Artikel->Lageranzeige->AmpelText}</span>

{/if}
{if $smarty.session.Kundengruppe->darfPreiseSehen}
							<span>[b]{if $Artikel->Preise->Sonderpreis_aktiv}{#specialPrice#}{else}{#only#}{/if} {$Artikel->Preise->cVKLocalized[$NettoPreise]}[/b]</span>
	{if $Artikel->cLocalizedVPE}
							
<span>[b]{#basePrice#}: [/b]</span><span>{$Artikel->cLocalizedVPE[$NettoPreise]}</span>

	{/if}
							

	{if $Artikel->Preise->fPreis1>0 && $Artikel->Preise->nAnzahl1>0}
		{include file='tpl_inc/staffelpreise_inc.tpl'}
	{/if}
						{$Artikel->cMwstVersandText}
{/if}



                                                </td> 
                                        </tr>
                                        </table>

Wobei ich dazu sagen muss, dass ich die Möglichkeit die Waren direkt in den Warenkorb zu legen und die Artikelnummer rausgenommen habe. Und die Tabellenbreite ist u.a. auch schon angepasst.

 

[x2ro]

doppelpost

 

[x2ro]

Du kannst alles in einen DIV-Container packen und dann mit dem CSS-Befehl float, die Container nebeneinander anordnen lassen bzw. die Flussrichtung beeinflussen.

http://img101.imageshack.us/img101/2601/jtlhtmljd1.gif

Muss entsprechend angepasst werden.

Vorteil, wenn sich die Grösse des Browserfensters ändert, werden die Produkte untereinander angeordnet.

Alternative, fixe Breite mit einer Tabelle. Allerdings unschön, wenn nur ein Produkt angezeigt wird. Die float-Methode wäre da sicherlich vorzuziehen.

Musst du allerdings alles ausprobieren. Keine Ahnung ob das klappt.

Grüsse.

 

[Dealux-GmbH]

Also wenn ich das so ausprobiere mit den Stellen die du mir angegeben hast, dann wird mir das ganze Layout zerrissen. Wenn ich hier:

<td>>
 <div>
RESTCODE
{$Artikel->cMwstVersandText}
{/if}
</div>
</td>

die in der CSS-Datei erstellten Container "nebenartikel" einbinde, dann passiert aber z.B. gar nichts.

In der CSS-Datei habe ich folgendes nachgetragen:

#nebenartikel{
        float:both;
        }

Habe es auch schon mit den Befehlen "left" und "right" versucht, aber auch keinen erfolg.

OT: Wieso kann der IE 6 eigentlich keine .png-Dateien ordentlich interpretieren??? Im FF sieht alles ganz gut aus, aber sobald man den IE benutzt werden die Transparenz-Effekte nicht ordentlich dargestellt. Habe auch mal nach ner Lösung gegooglet und folgende gefunden, aber die scheint auch nicht zu funktionieren.

Einfach in die CSS-Datei im entsprechenden Container noch folgende Zeile einbauen:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;

Unmöglich, dass sich alle an Standarts halten nur Microsoft nicht. :evil:

 

[Dealux-GmbH]

Hey, du hast deinen Beitrag editiert

Auch mit dem Code den du da drin vorgeschlagen hast geht es nicht. Passiert leider keine Veränderung.

 

[x2ro]

Der clear:both Befehl muss am Ende ALLER Artikel (DIV's) stehen. Ich müsste das an der Shopdatei mal probieren, hab zur Zeit den Überblick leider nicht, sorry. Bin auch gerade in der Schule und hab den Shop net zur Hand.

Gruss.

 

[Dealux-GmbH]

Tut er, er steht direkt über

{/foreach}
 <div>>

Du bist in der Schule??? Warum das? Hol dir nen gelben Schein, der Shop2 ist doch draußen

 

[x2ro]

Du bist in der Schule??? Warum das? Hol dir nen gelben Schein, der Shop2 ist doch draußen

Ich bin Student. Also freiwillig in der Schule.

Gruss.

 

[Dealux-GmbH]

Da wir ja gerade hier voll im Thema css sind noch ne zusätzliche Frage. Welche Box spricht denn die Hintergrundfarbe der Artikel an? Also da ist ja immer so nen heller grauer Kasten um die Artikel in der Artikelauswahl und auf der Startseite, den meine ich.

 

[ServerHaus]

Der Quelltext gibt aufschluss...

Sollte dieser Eintrag sein

<div id="subbox_content">

Gruss Pesche

 

[Dealux-GmbH]

Nee, der scheint es nicht zu sein.

 

[Dealux-GmbH]

Muss mich teilweise berichtigen, das ist der Container der in der Artikelansicht funktioniert! Sry!

 

[ServerHaus]

Auszug aus dem Quelltext!

<div id="subbox">
                        <div id="subbox_header_hell">
                                <p class="boxheader">Neu im Sortiment</p>
                        </div>
                        <div id="subbox_content">
                                        <div style="padding:5px;" align="center">
                                        [url="WebHosting-Privat"][img]gfx/keinBild.gif[/img][/url]

                                        [url="WebHosting-Privat"]WebHosting - Privat[/url]<span class="boxpreis">
nur 6,99 CHF</span>
<span class="ustklein">inkl. % USt., zzgl. [url="Versand"]Versand[/url]</span>
<p class="spacer"></p>
                                </div>
                				</div>

Schau dir mal diesen an = subbox = #F2F2F4 das grau

Edit:
Suche danach nur nach dem Farben Code #F2F2F4 und ersetze diesen.

Gruss Pesche

 

[Dealux-GmbH]

Ja das habe ich ja bereits verstanden (und auch schon geändert ), aber ich meinte auf der Startseite sind ja die Boxen "Besteller", "Topangebote" etc. Diese werden angeblich aus dem gleichen Container angesprochen, aber bei denen verändert sich die Farbe nicht.

Aber danke schon mal für deine Hilfe!

 

[ServerHaus]

Leere mal den templates_c Ordner.

Gruss Pesche

 

[Dealux-GmbH]

Gleiches Ergebniss.

 

[ServerHaus]

Also Du sprichst von den in der Mitte!

Die findest Du Hier: seite.tpl

                                <td align="center" style="background: #F2F2F2;width: 33%;">
                                        [url="{$Artikel->cURL}"]<img alt="{$Artikel->cName}" src="{$Artikel->cVorschaubild}">[/url]

                                        [url="{$Artikel->cURL}"]{$Artikel->cName}[/url]
<span class="boxpreis">{#only#} {$Artikel->Preise->cVKLocalized[$NettoPreise]}</span>
{$Artikel->cMwstVersandText}<p class="spacer"></p>
                                </td>

Da steht dann die #F2F2F2 als Farbe drin.

Gruss Pesche

 

[msm]

Um nochmal auf die Mehrspaltigkeit der Artikelanzeige zurückzukommen:Hat schon jemand eine funktionierende Lösung rausbekommen, ich kriegs nämlich nicht hin :cry:
Ist es eigentlich wie bei xtc auch möglich, verschiedenen Kategorien auch verschiedende Artikeldarstellungen zuzuweisen?