Idee oder Ansatz gesucht für Kategoriename als Bild

[Bcoola]

Hallo,
ich hoffe Ihr habt eine Idee, wie ich folgendes umsetzen könnte.

In unserem Shop soll jeweils passend zur Kategorie ein Bild anstelle des Kategorienamens gezeigt werden.

Damit klarer wird was ich meine hab ich ein Bild gemacht (kleine Fotomontage aus der Bild-Vorlage des Designers...)

Ich habe schon überlegt, in der Datei module\categorie_listing\categorie_listing.html anstelle

Code: PHP  [Auswählen]

<h1>{$CATEGORIES_NAME}</h1>
 

etwas einzubauen, dass ein Bild aufruft, nur bin ich noch nicht auf den Trichter gekommen...
wie man das richtig anstellen würde.
Denn sinnvoller weise sollte da ja auch geprüft werden, ob es ein Bild gibt, und wenn nicht ganz normal der Name angezeigt werden...

Vielleicht hat ja jemand eine Idee... oder einen viel besseren Lösungsansatz.

  [ Für Gäste sind keine Dateianhänge sichtbar ]



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

[Modulfux]

Ich würde folgendes Konstrukt versuchen. Du nimmst ein Bild und und arbeitest mit der Imagereplacement-Technik. Das Grundkonstrukt sähe so aus.

Code: PHP  [Auswählen]

{if $CATEGORIES_IMAGE}<h1 class="image"><span>{$CATEGORIES_NAME}<span></h1>{/if}
 

Dann gibst du in deine CSS-Datei noch folgendes ein:

Code: CSS  [Auswählen]

h1.image {
background: url(example.gif);
height: 25px;
width: 250px;
}

h1.image span {
visibility: hidden;
}
 

Vorteil hierbei ist, dass trotz Bild im Quellcode der Text für das H1 im Quellcode angezeigt wird.

Alles ungetestet, nur so ein Gedanke, der mir gerade einfällt.

Gruß
Ronny

[Bcoola]

Hi Ronny,

das finde ich einen guten Ansatz!

Eine Frage habe ich dazu spontan: Kann man den Kategorienamen übergeben? Also in etwa so:

Code: PHP  [Auswählen]

background: url({$CATEGORIES_NAME}.gif);

[Tomcraft]

Sowohl "categorie_listing.html" als auch "product_listing_v1.html" sind für die Anzeige der Kategoriebilder vorbereitet:

categorie_listing.html

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="categorie_listing"}
{if $CATEGORIES_HEADING_TITLE}
        <h1>{$CATEGORIES_HEADING_TITLE}</h1>
{else}
        <h1>{$CATEGORIES_NAME}</h1>
{/if}
{if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" />{/if}
[...]
 

product_listing_v1.html

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
{if $CATEGORIES_HEADING_TITLE}
  <h1>{$CATEGORIES_HEADING_TITLE}</h1>
  {else}
  <h1>{$CATEGORIES_NAME}</h1>
{/if}
{if $CATEGORIES_DESCRIPTION || $CATEGORIES_IMAGE || $MANUFACTURER_DROPDOWN}
                {if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" class="imgLeft" /><br />{/if}
                {if $CATEGORIES_DESCRIPTION}{$CATEGORIES_DESCRIPTION}<br />{/if}
                {if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}<br />{/if}
{/if}
[...]
 

Grüße

Torsten

[Modulfux]

Hi Ben, stimmt durch das dynamische funktioniert das nicht. Ist mir jetzt auch gerade eben eingefallen.

Aber Tomcraft hat auch recht, die beiden Dateien geben das ja wirklich schon her, was du vorhast.

[koshiro]

Hallo Ben,
meinst Du eventuell so etwas wie ich es hier umgesetzt habe Link Das habe ich über die Categorie Listing und der Stylesheet gelöst, wenn kein Bild vorhanden ist wird nur der Name angezeigt.
Gruß
Micha

[Bcoola]

Super Geil!

Ich dank euch beiden -> MERCY!!!!    

 

[Bcoola]

so hier noch meine endgültige Lösung für die categorie_listing.html

Code: PHP  [Auswählen]

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

{if $module_content !=''}<!--<h1>{$CATEGORIES_NAME}</h1>-->

{if $CATEGORIES_IMAGE}
    <img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" />
{else}

{if $CATEGORIES_HEADING_TITLE}
    <h1>{$CATEGORIES_HEADING_TITLE}</h1>
{else}
    <h1>{$CATEGORIES_NAME}</h1>
{/if}

{/if}
 

@Torsten: wäre das was fürs Wiki? oder ist zu einfach...

[Bcoola]

Hi Koshiro,

geiler Shop!

Find ich recht gelungen!

[koshiro]

Hallo Ben,
danke fürs kompliment, aber Deine Lösung für die Categorie Listing, ist auch keine schlechte Idee, mal sehen eventuell setze ich diese mal in den anderen Shop ein mal schauen wie es wirkt.
Gruß
Micha

[Tomcraft]

so hier noch meine endgültige Lösung für die categorie_listing.html

Code: PHP  [Auswählen]

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

{if $module_content !=''}<!--<h1>{$CATEGORIES_NAME}</h1>-->

{if $CATEGORIES_IMAGE}
    <img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" />
{else}

{if $CATEGORIES_HEADING_TITLE}
    <h1>{$CATEGORIES_HEADING_TITLE}</h1>
{else}
    <h1>{$CATEGORIES_NAME}</h1>
{/if}

{/if}
 

@Torsten: wäre das was fürs Wiki? oder ist zu einfach...

Naja, das ist jetzt nicht wirklich etwas für's Wiki... letzte steht in den beiden beireits erwähnten Template Dateien ja alles zur Verfügung. Man muss es sich nur so anwordnen, wie es für einen passt, bzw. überflüssiges eben auskommentieren.

Grüße

Torsten

[Bcoola]

Hi Torsten,

ok - danke für den Hinweis.

Ich versuche nur gerade mich an den Wiki Gedanken "heranzutasten"..  

[mantis]

@Micha

Was Du machen willst geht auch mit dem Modul "change Header Image". Dazu musst du noch den Smarty z.B. in der "/includes/classes/product.php" definieren und schon kannst du das ganze überall im Template aufrufen.

Der Vorteil ist
1. Du kannst die Bilder im Backend ändern
2. Du hast ein Bild als Kategorie "Icon" und du hast ein Kategorie Bild

Gruss
mantis

[Tomcraft]

Ich denke mantis meint dieses Modul hier: MODUL: Headerbildwechsel nach Kategorie

Grüße

Torsten

[Bcoola]

hi - das hatte ich schon getestet, aber da wird das Top-Bild geändert, das war nicht das was ich brauchte....