Formatierung der Kategorien

    Hallo,

    bei Auswahl einer Kategorie im Shop beschränkt sich - insofern ein Kategoriebild definiert ist - die Kategoriebschreibung auf die linken ca. 60% der verfügbaren Breite.
    Gut zu sehen z.B. unter
    http://www.seo-template.de/HTML-Templates---2.html

    Zudem gibt es bei eher kleineren Artikelbildern einen recht großen Abstand zum Text rechts daneben. Als Endresultat haben wir z.B. eine mehrfach umgebrochene Kategorieüberschrift:
    http://www.seo-template.de/xtCommerce-Templates---3.html

    Warum nicht die gesamte zur Verfügung stehende Breite nutzen und den Text das Bild umfließen lassen?

    Gruß

    Kale

    Also die Referenz für den commerce:SEO Shop ist hier:
    http://commerce-seo-demo.seo-template.de/

    In unserem eigenen Shop, haben wir teilweise noch kleiner Anpassungen vorgenommen. Der commerce:SEO Shop ist die Grundlage für weitere Entwicklungen / Anpassungen. Individuell ist hier sicher bei jedem Shop noch das eine oder andere anzupassen. Ein Template, was alle Eventualitäten abdeckt wird es somit nicht geben können, der eine macht wenig Text rein, der andere grosse Bilder.... Hier muss man teilweise dann im Einzefall schauen und die Größen gegebenfalls über das Stylesheet anpassen.

    Habe die Kategorielistings nun durch ein paar kleine Änderungen in den Templates angepasst.

    Zitat von kausch


    Ein Template, was alle Eventualitäten abdeckt wird es somit nicht geben können, der eine macht wenig Text rein, der andere grosse Bilder.... Hier muss man teilweise dann im Einzefall schauen und die Größen gegebenfalls über das Stylesheet anpassen.


    Da hast du schon recht, nur kommt es mir so vor, dass durch die derzeitige Vorgabe bei den Kategorien lediglich ein überaus seltener Einzelfall abgedeckt wird;-).

    Habe die Kategorielistings nun durch ein paar kleine Änderungen in zwei Templatedateien angepasst und klappt nun gut:-).

    Wir werden es überdenken und noch mal anpassen. Danke für den Hinweis.

    Wir haben es überdacht ;)

    Ersetze in der categorie_listing.html und in der product_listing.html folgende Zeilen(so oder ähnlich, oben vor der foreach-Schleife):

    Smarty
    <div style="width:100%;">		{if $CATEGORIES_IMAGE}			<div style="float:left; width:30%;">				<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_IMAGE}" />			</div>		{/if}		{if $CATEGORIES_IMAGE}			<div style="width:70%">		{else}			<div style="width:100%">		{/if}			<h2>{$CATEGORIES_HEADING_TITLE}</h2><br />				{if $CATEGORIES_DESCRIPTION}				{$CATEGORIES_DESCRIPTION}<br /><br />		{/if}			</div>		{if $CATEGORIES_IMAGE}			<br style="clear:both" />		{else}		{/if}	</div>


    mit dem ersetzen:

    Smarty
    <div style="width:100%;">
		{if $CATEGORIES_IMAGE}
			<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_IMAGE}" align="left" style="padding:10px" /><br />
		{/if}
		{if $CATEGORIES_HEADING_TITLE !=''}<h2>{$CATEGORIES_HEADING_TITLE}</h2><br />{/if}
		{if $CATEGORIES_DESCRIPTION}{$CATEGORIES_DESCRIPTION}<br /><br />{/if}
	</div>

    Das sollte sämtlichen Darstellungsfehlern entgegenwirken.

    Habs übernommen - sieht gut aus. So ungefähr der gleiche Effekt wie meine Änderungen, nur etwas sauberer gemacht;-).

    thx:-)

    kale

    Noch etwas in dem Zusammenhang ist mir eben aufgefallen:

    Die "weitere Unterkategorien" werden durch categorie_listing.html falsch sortiert.
    Beispiel hierzu in eurem Shop unter http://www.seo-template.de/commerceSEO-Shop---12.html

    Die Reihenfolge der Kategorien auf der linken Seite ist "Installation Service", "Module", "Shopsoftware Download", Templates.

    Rechts dagegen ist die Reihenfolge "Module", "Installation Service", "Templates", "Shopsoftware Download".

    Oder anders ausgedrückt: Innerhalb einer Zeile wird von rechts nach links statt in der "natürlichen" Lesereihenfolge von links nach rechts aufgelistet.

    derzeit:

    Code
    2 14 3


    besser:

    Code
    1 23 4


    Das fällt ganz besonders auf, wenn man eine ungerade Anzahl von Unterkategorien hat. Dann bleibt in der letzten Zeile der linke Kasten (statt der rechte) leer.
    derzeit:

    Code
    2 14 3 5


    besser:

    Code
    1 2
3 4
5

    Das liegt an dem cycle values. Es beginnnt mit list_left = float-left gefolgt von einem list_right = float-right. Dann wieder von vorne.

    Vielleicht bringt es was das list_left und list_right zu tauschen.

    Ergebnis:

    Code
    <div style="{cycle values="list_right,list_left"}">

    Probieren, ansonsten muss ich nochmal an's Reißbrett. In der commerce:SEO v2 gibt's das Problem nicht mehr:

    [img width=600 height=134]http://www.siekiera-online.de/images/extern/cat-list.jpg[/img]

    Zitat von siekiera
    Code
    <div style="{cycle values="list_right,list_left"}">


    Das hatte leider rein garnichts bewirkt. Was am Ende geholfen hat sieht so aus:

    Code
    <div style="{cycle values="list_left,list_right"} name="irgendeinname"">

    Habe von smarty so gut wie null Ahnung, aber folgendes habe ich mir am Ende zusammengereimt:
    Scheinbar wird der "Standard"-Zyklus an anderer Stelle so initialisiert/hochgesetzt, dass er mit list_right anfängt. Zyklusname verwenden und somit einen anderen als den Standardzyklus benutzen verhindert das.