Hallo Zusammen,

unter http://shop.der-online-profi.de findet Ihr meinen ersten FWP-Shop. So ganz fertig ist er noch nicht, muss noch ein paar Design Anpassungen vornehmen und vor allem noch Browseroptimieren. Unter Firefox sieht es so aus wie es aussehen soll.

Habt Ihr noch Tipps oder Anregungen was man noch schöner, besser oder wie auch immer machen kann? Bin immer für Anregungen offen!

Vielleicht sollte dieses Forum auch mal einen Showroom erhalten, damit man sich ein wenig austauschen kann. Mir hilft es immer sehr Feedback zu erhalten!

Viele Grüße

Timo

_________________
meine Webseite: http://www.der-online-profi.de
meine derzeitige FWP-Shop Spielwiese: http://shop.der-online-profi.de

Oh, mir fällt gerade auf, ich habe den Footer total vergessen...

Liebes FWP-Team, ist keine Absicht, der Shop wird nicht "scharf gestellt" bevor Eurer Link reinkommt!

_________________
meine Webseite: http://www.der-online-profi.de
meine derzeitige FWP-Shop Spielwiese: http://shop.der-online-profi.de

Hallo Timo

auf den ersten Blick ist schon viel schönes dabei ...

morgen schaue ich mir das mal genauer an... als erster Tipp:

nicht gut lesbar dürfte für viele die orangene Schrift auf mittelgrauem Hintergrund sein. Der Kontrast ist da zu niedrig, die Farben verschwimmen ineinander. Dadurch halt sehr schwer zu lesen...

Die Schrift auf den Buttons "bestellen" und "details" wirkt auch ein wenig unscharf...


Das für heute...

PS: ich finde es gut, das jemand (also Du) seine Ergebnisse kommentieren lässt. So bekommt man evtl. auch ein wenig mehr Leben in dieses Forum rein

in diesem Sinn bis morgen dann


extim

Hi extim,

vielen Dank für Dein Feedback!

Mit den Buttons muss ich Dir tatsächlich recht geben, da werde ich wohl noch den Schein rausnehmen.

Die Überschriften machen mir noch etwas Kopfschmerzen, mal schauen welche Farben dort passen könnten.

Auf jeden Fall freu ich mich über Deine Tipps, so was kann schließlich nur helfen!

So, ich werde wohl erst am Mittwoch wieder Zeit haben, hier rein zu schauen. Bin mal gespannt ob der ein oder andere noch ein paar Kommentare loswird.

Ich fände es auch super wenn andere mal Ihre Layouts hier veröffentlichen würden. Ist immer interessant zu sehen, wie andere die verschiedenen "Hürden" in den Griff bekommen haben...

Viele Grüße

Timo

_________________
meine Webseite: http://www.der-online-profi.de
meine derzeitige FWP-Shop Spielwiese: http://shop.der-online-profi.de

Hey Timo,

der Shop ist wirklich gelungen. Weiter so

Viele Grüße,
aus dem hohen Norden.

_________________
Viele Grüße,
Rafael

FWP Systems GmbH

Boa toll. Ich kenne mich leider damit nicht so aus um solche Veränderungen vornehmen zu können.
Würde aber so gerne.

Lg
Manu

_________________
Was nicht passt wird passend gemacht.

Moin Timo,

von mir sollst Du auch ein wenig Feedback bekommen:

- Die Darstellung der Produkte unter Tags hast Du sehr gut gelöst!
- Die Titel könntest Du noch anpassen. Dort steht noch FWP drin.
- Im Warenkorb fehlen die Versandkosten. Du hast den Produkten noch nicht die richtige Versandkategorie zugewiesen.
- Der Bestellprozess könnte noch etwas aufgeräumt werden. Ich würde die Zwischenüberschriften deutlicher hervorheben.

Ansonsten: Schöner Shop

Viele Grüße
Sebastian

_________________
Viele Grüße,
Sebastian

FWP Systems GmbH

Ja, da ist noch etwas zu tun, werde ich nach und nach noch verbessern.

Aber vielen Dank für Eure Feedbacks!!!

Bin schon gespannt auf Eure Shop Templates!

_________________
meine Webseite: http://www.der-online-profi.de
meine derzeitige FWP-Shop Spielwiese: http://shop.der-online-profi.de

Na dann bin ich mal gespannt.
Vielleicht paast ja eines dann davon zu meinen Sachen.
Hab dazu auch noch nichts gefunden. Nur ein paar Leute die dafür ein haufen Geld verlangen. Betreibe meinen Shop nur Hobbymäßig.

Lg
Manu

_________________
Was nicht passt wird passend gemacht.

Hallo Timo

hab gesehen, das Du im Shop schön im Bestellverlauf die Schritte durch einen farbigen Rand oben hervorgehoben hast.
Das funzt bei Dir auch in fast allen Fällen (nur wenn Du in der Übersicht (schritt 3) zurück gehst auf Adressdaten ändern dann nicht...*grins)

Wie hast Du das gelöst?
Ich habe dies mit if Schleifen und xor Anweisungen umgesetzt. Funktioniert ganz gut, wobei ich noch nicht gestestet habe was passiert wenn ich Kreditkartenzahlungen akzeptieren würde.


Eventuell hast Du aber eine bessere Lösung dafür gefunden?

extim


PS: Die Test Bestellung stammte von mir, ich wollte einfach einmal den ganzen Durchlauf nachvollziehen...... also nicht liefern *grins (obwohl es interessant wäre was die Post aus der Adressse machen würde)

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

Hi extim,

tut mir leid, ich bestehe darauf dass Du die Ware bezahlst!

Also, ich habe das so gelöst...

Code:

{if $smarty.session.orderForm.bContact != 1}          <div style="border:1px solid #EE6B01;font-weight:bold;width:122px;float:left; margin-right:5px;padding:1px;height:31px;">1. {$aOutput.OrderStepClientData}</div>       {else}             <div style="border:1px solid #ccc;width:122px;float:left; margin-right:5px;padding:1px;height:31px;">1. {$aOutput.OrderStepClientData}</div>       {/if}       {if $smarty.session.orderForm.bTermPayment != 1 || $smarty.session.orderForm.bDeliveryAddress != 1  || $smarty.session.orderFormRequired.creditCard == 1 || $smarty.session.orderFormRequired.bankForm == 1}          {if $smarty.session.orderForm.bContact == 1}             <div style="border:1px solid #EE6B01;font-weight:bold;width:122px;float:left; margin-right:5px;padding:1px;height:31px;">2. {$aOutput.OrderStepPayment}</div>          {else}             <div style="border:1px solid #ccc;width:122px;float:left; margin-right:5px;padding:1px;height:31px;">2. {$aOutput.OrderStepPayment}</div>          {/if}       {else}          <div style="border:1px solid #ccc;width:122px;float:left; margin-right:5px;padding:1px;height:31px;">2. {$aOutput.OrderStepPayment}</div>       {/if}       {if $smarty.session.orderForm.bComplete != 1 && $smarty.session.orderForm.bTermPayment == 1 && $smarty.session.orderForm.bDeliveryAddress == 1  && $smarty.session.orderFormRequired.creditCard != 1 && $smarty.session.orderFormRequired.bankForm != 1 }          <div style="border:1px solid #EE6B01;font-weight:bold;width:122px;float:left; margin-right:5px;padding:1px;height:31px;">3. {$aOutput.OrderStepData}</div>       {else}          <div style="border:1px solid #ccc;width:122px;float:left; margin-right:5px;padding:1px;height:31px;">3. {$aOutput.OrderStepData}</div>       {/if}       {if $smarty.session.orderForm.bComplete == 1}          <div style="border:1px solid #EE6B01;font-weight:bold;width:122px;float:left;padding:1px;height:31px;">4. {$aOutput.OrderStepFinished}</div>       {else}          <div style="border:1px solid #ccc;width:122px;float:left;padding:1px;height:31px;">4. {$aOutput.OrderStepFinished}</div>       {/if}

Hatte noch keine Zeit das zu verfeinern...

Hoffe das hilft Dir schonmal weiter!

Viele Grüße

Timo

_________________
meine Webseite: http://www.der-online-profi.de
meine derzeitige FWP-Shop Spielwiese: http://shop.der-online-profi.de

Hi

um Doppelumrandungen (bei mir hintergrundmarkierungen) zu verhindern, habe ich einen klein anderen Weg gewählt.
Vielleicht auch etwas für Dich (wobei wie gesagt ich wegen fehlender Kreditkartenakzeptanz dieses einfach weggelassen habe - ist aber auch sehr einfach hinzuzufügen):

Code:

<div style="clear:both; padding-bottom:10px;">       <div style="border:1px solid #ccc;width:144px;float:left; margin-right:8px;padding:1px;height:31px; {if $smarty.session.orderForm.bContact != 1}background-color:#FFFAD2;{/if}">1. {$aOutput.OrderStepClientData}</div>       <div style="border:1px solid #ccc;width:144px;float:left; margin-right:8px;padding:1px;height:31px; {if ($smarty.session.orderForm.bTermPayment != 1 || $smarty.session.orderForm.bDeliveryAddress != 1) xor ($smarty.session.orderForm.bContact != 1)}background-color:#FFFAD2;{elseif ($smarty.session.orderFormRequired.bankForm == 1)}background-color:#FFFAD2;{else}background-color:#FFFFFF;{/if}">2. {$aOutput.OrderStepPayment}</div>       <div style="border:1px solid #ccc;width:144px;float:left; margin-right:8px;padding:1px;height:31px; {if ($smarty.session.orderForm.bComplete != 1) xor ($smarty.session.orderForm.bTermPayment != 1 || $smarty.session.orderForm.bDeliveryAddress != 1 || $smarty.session.orderFormRequired.bankForm == 1)}background-color:#FFFAD2;{else}background-color:#FFFFFF;{/if}">3. {$aOutput.OrderStepData}</div>       <div style="border:1px solid #ccc;width:144px;float:left;padding:1px;height:31px; {if ($smarty.get.bConfirmOrder != 1) xor ($smarty.session.orderForm.bComplete != 1)}background-color:#FFFAD2;{else}background-color:#FFFFFF;{/if}">4. {$aOutput.OrderStepFinished}</div>    </div>

Kannst Du bei mir mal testen, funktioniert ohne doppelte Markierungen ohne Problemchen


extim

PS: Ich würde diese Funktionalität auch gern im FWP OriginalTemplate sehen, da ich nicht glaube das viele Shopbetreiber das von alleine hinbekommen - es täte aber gut, sich auch grafisch immer anzeigen zu lassen wo man gerade so im Bestellverlauf sich aufhält.....

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

Was meinst Du genau mit doppelter Markierung?

Viele Grüße

Timo

_________________
meine Webseite: http://www.der-online-profi.de
meine derzeitige FWP-Shop Spielwiese: http://shop.der-online-profi.de