Keine CSS Formatierung in der Kategorie-Übersicht

Du hast ein Problem gefunden und weißt nicht genau wo es hinpasst...
Antworten
Big Cheese
Beiträge: 76
Registriert: Sa 31. Jul 2010, 09:02

Keine CSS Formatierung in der Kategorie-Übersicht

Beitrag von Big Cheese »

Liebe Entwickler. Mir ist aufgefallen, dass in der Kategorie-Ebene CSS Formatierungen komplett fehlen. Aus diesem Grund werden Kategorie-Links ohne Bild leider immer doppelt angezeigt

Ein Beispiel:

In meinem Shop führe ich die Kategorie "Tracking & Reisen". Solange ich ein Bild habe, fallen nur die unformatierten Links auf. Wenn ich jedoch die Bilder entferne (wie bei den ersten 3 Kategorien), werden die alt Tags der Bilder in Form von Links nochmals dargestellt. Ich würde dies kurz selber ändern, bin jedoch nicht gerade der css Meister. Könntet ihr mir einen Tipp geben, wie ich dieses Problem beheben kann?

Bild
ulli81
Beiträge: 108
Registriert: Mo 19. Jul 2010, 22:32
Shop Version: ECB 1.0.8

Re: Keine CSS Formatierung in der Kategorie-Übersicht

Beitrag von ulli81 »

hallo,

ein einfaches

Code: Alles auswählen

{if $item.CATEGORIES_IMAGE}<a class="cat_img" href="{$item.CATEGORIES_LINK}"><img src="{$item.CATEGORIES_IMAGE}" alt="{$item.CATEGORIES_NAME}" />  </a><br />{/if}
reicht doch. kein bild -> kein alt tag -> fertig

gruß
ulli
Big Cheese
Beiträge: 76
Registriert: Sa 31. Jul 2010, 09:02

Re: Keine CSS Formatierung in der Kategorie-Übersicht

Beitrag von Big Cheese »

Hallo ulli

Herzlichen Dank für die Hilfe! Hat super funktioniert :)

Für alle diejenigen die diese Änderung auch machen wollen und nicht wissen in welcher Datei die Änderung zu machen ist.
Einfach die bestehende "webs / module / categorie_listing / categorie_listing.html"

durch folgenden code ersetzen:

Code: Alles auswählen

{config_load file="$language/lang_$language.conf" section="categorie_listing"}

{snippet file=category_description.html}

<h2>{#heading_more_categories#}</h2>
<ul class="category_listing grid_12 alpha omega">
	{foreach name=cat_list item=item from=$module_content}
	<li class="grid_2{cycle values=" alpha,,,,, omega"}">
	   {strip}
    {if $item.CATEGORIES_IMAGE}<a class="cat_img" href="{$item.CATEGORIES_LINK}"><img src="{$item.CATEGORIES_IMAGE}" alt="{$item.CATEGORIES_NAME}" />  </a><br />{/if}
        </a><br />
        {/strip}
        <a class="cat_link" href="{$item.CATEGORIES_LINK}">{$item.CATEGORIES_NAME}</a>
   {if $item.CATEGORIES_IMAGE}<a class="cat_img" href="{$item.CATEGORIES_LINK}" alt="{$item.CATEGORIES_NAME}" />  </a><br />{/if} 
    </li>
	{/foreach}
</ul>

{new_products}

Grüsse Patrik
ulli81
Beiträge: 108
Registriert: Mo 19. Jul 2010, 22:32
Shop Version: ECB 1.0.8

Re: Keine CSS Formatierung in der Kategorie-Übersicht

Beitrag von ulli81 »

hi patrik,

du hast noch einen kleinen fehler drin. der schließende anchor tag und der break müssen nach dem if noch weg. es muss so aussehen:

Code: Alles auswählen

{strip}
 {if $item.CATEGORIES_IMAGE}<a class="cat_img" href="{$item.CATEGORIES_LINK}"><img src="{$item.CATEGORIES_IMAGE}" alt="{$item.CATEGORIES_NAME}" />  </a><br />{/if}
{/strip}
gruß
ulli

edit: noch besser ist so:

Code: Alles auswählen

{if $item.CATEGORIES_IMAGE}
 {strip}<a class="cat_img" href="{$item.CATEGORIES_LINK}"><img src="{$item.CATEGORIES_IMAGE}" alt="{$item.CATEGORIES_NAME}" />  </a>{/strip}<br />
{/if}
Big Cheese
Beiträge: 76
Registriert: Sa 31. Jul 2010, 09:02

Re: Keine CSS Formatierung in der Kategorie-Übersicht

Beitrag von Big Cheese »

Hallo Uli

Herzlichen Dank! Nun klappt alles wie es sollte :-)

Grüsse
Patrik
Big Cheese
Beiträge: 76
Registriert: Sa 31. Jul 2010, 09:02

Re: Keine CSS Formatierung in der Kategorie-Übersicht

Beitrag von Big Cheese »

Hallo uli

Nun ist doch noch eine Frage aufgetaucht. Hast Du eine Ahnung, wie ich es hinbekomme, dass nach 3 Produkte-Kategorien ein Umbruch gemacht wird? Zur Zeit habe ich 6 Kategorien an einer Kette und da gibt es leider unschöne Überscheidungen.

Grüsse Patrik
Xantiva
Beiträge: 948
Registriert: Mo 10. Mai 2010, 16:26
Shop Version: 1.0.10 [dev]
Kontaktdaten:

Re: Keine CSS Formatierung in der Kategorie-Übersicht

Beitrag von Xantiva »

Hi,

in dem 12'er Grid sagst Du ihm hier, dass er für die einzelnen Kategorien ein "grid_2" nehmen soll und beim 1. alpha und beim 6. ein omega verwendet.

Code: Alles auswählen

<li class="grid_2{cycle values=" alpha,,,,, omega"}">
Für eine 3'er Liste versuch es mal so:

Code: Alles auswählen

<li class="grid_4{cycle values=" alpha,, omega"}">
Ciao,
Mike
Mein Shop: http://www.basteln-selbermachen.de
Big Cheese
Beiträge: 76
Registriert: Sa 31. Jul 2010, 09:02

Re: Keine CSS Formatierung in der Kategorie-Übersicht

Beitrag von Big Cheese »

Hallo Mike

Das klappt bis auf das Aufzählungszeichen in der dritten Reihe hervorragend. Wenn Du mir noch einen Tipp hättest wie ich das weg bekomme (siehe Beispiel: Link wegen nicht gewollter Google Indexierung entfernt) dann wäre ich super glücklich.

Gruss Patrik
Zuletzt geändert von Big Cheese am So 12. Feb 2012, 10:32, insgesamt 1-mal geändert.
Xantiva
Beiträge: 948
Registriert: Mo 10. Mai 2010, 16:26
Shop Version: 1.0.10 [dev]
Kontaktdaten:

Re: Keine CSS Formatierung in der Kategorie-Übersicht

Beitrag von Xantiva »

Da fehlte das Leerzeichen zwischen Komma und omega. Ich habe es im obigen Post korrigiert.
Mein Shop: http://www.basteln-selbermachen.de
Big Cheese
Beiträge: 76
Registriert: Sa 31. Jul 2010, 09:02

Re: Keine CSS Formatierung in der Kategorie-Übersicht

Beitrag von Big Cheese »

Hallo Mike

Klappt nun Tipp-Top :-) Herzlichen Dank!

Gruss Patrik
Antworten