Thema: Sitemap verbessern

speedy · **am:** 07. Oktober 2009, 06:28:59

Guten Morgen,

mir ist aufgefallen, dass Kategorien ohne Unterkategorien in der modified eCommerce Shopsoftware Sitemap (Inhaltsverzeichnis) seltsam dargestellt werden.
Also auf den erster Blick weiß man nicht sofort wo man hinklicken muss, damit man dort hinkommt.

Beispiel hier: https://demo.modified-shop.org/trunk/Sitemap:_:8.html

Das hier (http://xtc-demo.zerosoftware.de/Sitemap:_:8.html) aus dem YAML-Template ist zwar wesentlich schlichter, aber die Struktur kommt klar rüber, also wie kommt man in eine Kategorie ohne weitere Unterkategorien.

Was meint Ihr ?

Linkback: https://www.modified-shop.org/forum/index.php?topic=2243.0

Tomcraft · **Antwort #1 am:** 07. Oktober 2009, 11:58:10

Nein, ich denke, das wird zu unübersichtlich bei Shops mit sehr vielen Kategorien!

Ich finde es so, wie es ist sehr schick.

P.S.: Jetzt nicht in den falschen Hals kriegen bitte aber mach mal bitte ein bissel langsamer mit deinen Vorschlägen, sonst muss ich die leider zukünftig überlesen.

Gibt momentan sehr viel zu tun, da bleibt momentan kein Raum für Neuerungen! Die kannst du dir für 1.04 aufheben.

Grüße

Torsten

speedy · **Antwort #2 am:** 07. Oktober 2009, 12:24:23

joa, aber bis dahin vergesse ichs und vergeht auch viel Zeit, oder ich weiß die genauen Zusammenhänge dann nicht mehr.
Deswegen, immer wenn ich am System arbeite und mir was seltsam vorkommt oder falsch ist, schreib ichs. evtl. hat ja jemand ne Idee, Zeit o.ä.
Wenn ich selbst ne Lösung finde natürlich ned, poste ich höchstens wie es ging

Von der Optik gefällt mir die Sitemap auch besser, keine Frage, nur Usability-technisch find ichs ungeschickt.
Mein erster Eindruck war bei Kategorien ohne Unterkategorien eine leere Box, dass man den Titel der Box klicken kann, war mir nicht sofort klar.

Was auch noch ist, die Sitemap ist für 3-spalten Shops gedacht.
Bei 2-spalten Shops ist der Zwischenraum in der Mitte sehr groß. Scheinbar wird dort mit festen Breiten gearbeitet, nicht prozentual.

rullator · **Antwort #3 am:** 07. Oktober 2009, 21:12:45

Im YAML template stimmt aber die ul und li anordnung nicht.

korrigiert sollte die sitemap.html so aussehen:

Code: PHP [Auswählen]

{config_load file="$language/lang_$language.conf" section="sitemap"}
<h2>{#heading_sitemap#}</h2>
<ul class="sitemap">
{php}$i=0;{/php}
{foreach name=aussen item=module_data from=$module_content} {php}$i++;{/php}
<li><a href="{$module_data.CAT_LINK}">{$module_data.CAT_NAME}</a> <span class="dontShow">.</span>

<ul>
{foreach key=key_data item=item_data from=$module_data.SCATS}
<li><a href="{$item_data.link}">{$item_data.text}</a></li>
{foreachelse}
<li>{#no_subcategories#}</li>
{/foreach}
</ul></li>

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

Tomcraft · **Antwort #4 am:** 07. Oktober 2009, 21:18:40

Hast du davon mal einen Screenshot, wie es korrigiert aussieht?

Vielleicht mag das Domukan in sein angepasstes YAML 1.6.0 Template übernehmen?

rullator · **Antwort #5 am:** 08. Oktober 2009, 06:05:19

Zitat

Hast du davon mal einen Screenshot, wie es korrigiert aussieht?
Vielleicht mag das Domukan in sein angepasstes YAML 1.6.0 Template übernehmen?

Ja, ich guck nachher mal, ob ich euch das irgendwie zeigen kann. Das lässt sich aber schnell zeigen, wenn man mal den Quelltext der beiden Methoden mit dem validator von w3c vergleicht. Die offizielle Version schließt und öffnet die ul & li tags nicht konform.

rullator · **Antwort #6 am:** 08. Oktober 2009, 07:18:10

Mit YAML 1.6 sieht der Baum bspw. so aus:

Code: PHP [Auswählen]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de">
<head>
<title>Sitemap - OnlineShop</title>
</head>
<body>

<ul>
<li><a href="#">Kategorie 1</a> <span class="dontShow">.</span>
<ul>
Keine Unterkategorie</li>
</ul>
<li><a href="#">Kategorie 2</a> <span class="dontShow">.</span>
<ul>
<li><a href="#">Unterkategorie 1</a></li>
<li><a href="#">Unterkategorie 2</a></li>
</ul>
<li><a href="#">Kategorie 3</a> <span class="dontShow">.</span>
<ul>
<li><a href="#">Unterkategorie 1</a></li>
<li><a href="#"> Unterunterkategorie 1</a></li>
<li><a href="#"> Unterunterkategorie 2</a></li>
<li><a href="#"> Unterunterkategorie 3</a></li>
</ul>
</ul>
</body></html>

Validator: Errors found while checking this document as XHTML 1.0 Transitional! Result: 15 Errors

Nach meiner Variante kommt das bei raus:

Code: PHP [Auswählen]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de">
<head>
<title>Sitemap - OnlineShop</title>
</head>
<body>
<h2>Sitemap</h2>
<ul">
<li><a href="#">Kategorie 1</a> <span class="dontShow">.</span>
<ul>
<li>Keine Unterkategorie</li>
</ul>
</li>
<li><a href="#">Kategorie 2</a> <span class="dontShow">.</span>
<ul>
<li><a href="#">Unterkategorie 1</a></li>
<li><a href="#">Unterkategorie 2</a></li>
</ul>
</li>
<li><a href="#">Kategorie 3</a> <span class="dontShow">.</span>
<ul>
<li><a href="#">Unterkategorie 1</a></li>
<li><a href="#"> Unterunterkategorie 1</a></li>
<li><a href="#"> Unterunterkategorie 2</a></li>
<li><a href="#"> Unterunterkategorie 3</a></li>
</ul>
</li>
</ul>
</body></html>

Validator sagt: This document was successfully checked as XHTML 1.0 Transitional!

Achso: zu beachten ist noch, dass die beiden Variablen in der Sprachdatei definiert sein müssen: no_subcategories und heading_sitemap

Tomcraft · **Antwort #7 am:** 08. Oktober 2009, 08:42:18

*gnarf*

Ich denke noch nicht in Code, bin ja nicht Neo!

Ein Bild der Ausgabe ist da wohl aussagekräftiger.

Grüße

Torsten

rullator · **Antwort #8 am:** 08. Oktober 2009, 09:11:45

Zitat

*gnarf*
Ein Bild der Ausgabe ist da wohl aussagekräftiger.

Naja, ich nutze Safari und die Ausgabe ist bei beiden Varianten die gleiche (ein Bild macht wenig Sinn). Ich habe jetzt kein IE hier, aber ob der damit zurecht kommt, möchte ich bezweifeln.

Kern der Sache ist, dass das li-Tag in Zeile 9 vor dem Beginn eines neuen li-Tags in Zeile 13 nicht geschlossen wird. Genauso wird in Zeile 13 das li-Tag nicht geöffnet, aber geschlossen. Manche Browser könnten dadurch die Ausgabe vermurksen.

Gruss, Neo

Tomcraft · **Antwort #9 am:** 08. Oktober 2009, 09:50:29

Ahso... jepp, da geb ich dir vollkommen recht.

Danke für den Fix.

Thema: Sitemap verbessern

speedy

Sitemap verbessern

Tomcraft

Sitemap verbessern

speedy

Sitemap verbessern

rullator

Sitemap verbessern

Tomcraft

Sitemap verbessern

rullator

Sitemap verbessern

rullator

Sitemap verbessern

Tomcraft

Sitemap verbessern

rullator

Sitemap verbessern

Tomcraft

Sitemap verbessern

Teile Thema

Ähnliche Themen

Thickbox verbessern

Shopperformance verbessern

create_account.html verbessern

Anzeige der Produktvarianten verbessern