Keine CSS Formatierung in der Kategorie-Übersicht

[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?

[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]

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]

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]

Hallo Uli

Herzlichen Dank! Nun klappt alles wie es sollte

Grüsse
Patrik

[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]

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

[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

[Xantiva]

Da fehlte das Leerzeichen zwischen Komma und omega. Ich habe es im obigen Post korrigiert.

[Big Cheese]

Hallo Mike

Klappt nun Tipp-Top Herzlichen Dank!

Gruss Patrik