Seite 1 von 1
Keine CSS Formatierung in der Kategorie-Übersicht
Verfasst: Do 9. Feb 2012, 10:16
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?
Re: Keine CSS Formatierung in der Kategorie-Übersicht
Verfasst: Do 9. Feb 2012, 16:35
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
Re: Keine CSS Formatierung in der Kategorie-Übersicht
Verfasst: Fr 10. Feb 2012, 08:48
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
Re: Keine CSS Formatierung in der Kategorie-Übersicht
Verfasst: Sa 11. Feb 2012, 10:52
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}
Re: Keine CSS Formatierung in der Kategorie-Übersicht
Verfasst: Sa 11. Feb 2012, 15:26
von Big Cheese
Hallo Uli
Herzlichen Dank! Nun klappt alles wie es sollte
Grüsse
Patrik
Re: Keine CSS Formatierung in der Kategorie-Übersicht
Verfasst: Sa 11. Feb 2012, 15:50
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
Re: Keine CSS Formatierung in der Kategorie-Übersicht
Verfasst: Sa 11. Feb 2012, 18:24
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.
Für eine 3'er Liste versuch es mal so:
Ciao,
Mike
Re: Keine CSS Formatierung in der Kategorie-Übersicht
Verfasst: Sa 11. Feb 2012, 19:17
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
Re: Keine CSS Formatierung in der Kategorie-Übersicht
Verfasst: Sa 11. Feb 2012, 20:03
von Xantiva
Da fehlte das Leerzeichen zwischen Komma und omega. Ich habe es im obigen Post korrigiert.
Re: Keine CSS Formatierung in der Kategorie-Übersicht
Verfasst: So 12. Feb 2012, 10:28
von Big Cheese
Hallo Mike
Klappt nun Tipp-Top
Herzlichen Dank!
Gruss Patrik