Gambio GX Problem: Html als iFrame [oder Image Map] einbinden bitte um Hilfe

[lars]

Hallo habe folgendes Problem:

Ich will auf meinen Shop verschiedene Explosionszeichnungen anzeigen lassen.

Das Problem ist nur das laut Gambio das so in diesem Shop nicht möglich ist, dafür müssten Sie ich dieses Erstellen :

Erstellung einer Kategorievorlage die eine vorhandene HTML Datei als
iFrame in die Kategorie integriert.

Weiß jemand wie das geht bzw könnte das irgendjemand.

Vielen dank im vorraus

[jay-ar]

Hallo Lars

Wieso sollte das nicht möglich sein? Irgendein Feld ist im Admin-Produkt-Template unbenutzt. Ean bietet sich oftmals an. Dazu in der Datenbank, products Tabelle diese Spalte ggf. in der Anzahl der Zeichen vergrößern. Zeichnungen würde ich mit @ trennen.

zeichnung-eins.jpg@zeichnung-zwo.jpg

in includes/modules/product_info.php das EAN Feld über der Zeile $info_smarty->assign('PRODUCTS_EAN', $product->data['products_ean']); aufdröseln

$expl = explode('@',$product->data['products_ean']);
if ((count($expl) > 0){
  foreach ($expl as $nr => $bild){ 
      $bildquelle_templ = DIR_WS_CATALOG.DIR_WS_IMAGES.'explosionsbilder/'.trim($bild);
      $bildquelle = DIR_FS_CATALOG.DIR_WS_IMAGES.'explosionsbilder/'.trim($bild);
      if (file_exists($bildquelle)) $info_smarty->assign('IMAGE_EXPLOSIONSZEICHNUNG_'.$nr, $bildquelle_templ);
  }
}

Bilder fangen bei IMAGE_EXPLOSIONSZEICHNUNG_0 an, dann IMAGE_EXPLOSIONSZEICHNUNG_1 etc. Diese im entsprechenden template zuweisen und wie in diesem Beispiel die Zeichnungen nach images/explosionsbilder/ per ftp hochladen.

jay-ar

[lars]

Oh super danke für die schnelle antwort aber ich habe keine ahnung von den ganzen codes will auch nichts kaputt machen und weiss auch nicht wo ich da rum spielen muss ?

[KlausK]

Komischerweise lässt sich bei dir eine leere Kategorie nicht mit Content befüllen.
Deshalb würde ich sagen, den Shop erstmal auf den neuesten Stand bringen und Grundvoraussetzungen schaffen.
Dafür müssen die Shopdateien und die Datenbank gesichert werden.
Ich würde vorschlagen, installiere erstmal den MySqlDumper. Damit kann man wunderbar die Datenbank sichern:
MySQLDumper - Sichern von MySQL-Datenbanken (z.B. Foren, Gästebücher und Onlineshops)

[lars]

ok ja das habe ich auch festgestellt aber wenigstens habe ich schon durch tipps geschafft, dass eine leere seite angezeigt werden kann ohne dieses "Kein Artikel gefunden" usw...

Ja dieser Meinung bin ich auch erstmal auf den neuesten Stand bringen.

MySQLDumper habe ich gestern schon versucht zu Installieren aber sehr Komplex das ganze :-) ich mache das mit Filezilla kann mich nicht mal einloggen weil ich kein port habe und ich weiss nicht ob es die richtigen zugansdaten sind usw??.

[KlausK]

Die Kategoriebeschreibung (hier eine Image-Map) in einer leeren Kategorie anzeigen zu lassen, scheint nicht
oder nicht mehr ohne größeren Programmieraufwand möglich zu sein. Alle Lösungsansätze, die im Internet zu
finden sind, führen entweder nicht zum gewünschten Ergebnis oder sogar zu Beeinträchtigungen des Shops,
z.B. der Suchfunktion.

Sollte doch noch jemand eine funktionierende Lösung parat haben, dann her damit!

1. Möglichkeit
Wenn man eine Explosionszeichnung in Form einer Image Map unbedingt dediziert in einer leeren Kategorie
darstellen möchte, dann geht das am einfachsten mit einem Dummy-Produkt und einer angepassten Produktvorlage.

1. Eine Textdatei erstellen und in z.B. product_listing_v2.html umbenennen
2. In diese Datei folgenden Code einfügen:

{config_load file="$language/lang_$language.conf" section="index"}
{config_load file="$language/gm_lang_$language.conf" section="product_listing"}

<div id="product_listing">

	<div class="categories_name">
		<h1>{$CATEGORIES_HEADING_TITLE|default:$CATEGORIES_NAME}</h1>
	</div>

	<div class="categories_description">
		{if $CATEGORIES_DESCRIPTION}
			{$CATEGORIES_DESCRIPTION}
		{/if}
	</div>
</div>

{$NAVIGATION}

3. Datei speichern und ins Verzeichnis /templates/gambio/module/product_listing/ hochladen
4. Im Backend die Kategorie mit der entsprechenden Beschreibung (Image Map) auswählen
5. Hier einen neuen Artikel anlegen und einfach nur "Dummy" (Artikelname) nennen
6. Ohne weitere Angaben speichern
7. Kategorie Bearbeiten und bei Vorlage für Artikelübersicht product_listing_v2.html auswählen
8. Speichern und fertig

Jetzt wird in der Kategorie zwar nur noch die Image Map angezeigt. Das ganze hat aber auch den Nachteil,
dass das Dummy-Produkt weiter auf der Startseite unter Neue Artikel angezeigt wird. Das ist keine
akzeptable Lösung für jemanden der die Box Neue Artikel behalten will!

2. Möglichkeit
Meiner Meinung nach ist es ohnehin sinnvoller die Image Map (Explosionszeichnung) mit allen dazugehörigen
Artikeln in einer Kategorie abzulegen. Der Kunde hat damit eine leichtere Übersicht und erspart sich evtl.
einen Klick wenn er die Produktbezeichnung oder die Art.-Nr. bereits kennt.

Die Image Map / Explosionszeichnung sollte hier natürlich oben angezeigt werden.

1. Code der ImageMap in die Kategoriebeschreibung einfügen. Siehe vorheriges Posting.
2. Datei /templates/gambio/module/categorie_listing/categorie_listing.html öffnen
3. Ab Zeile 54 steht folgender Code:

	{if $CATEGORIES_DESCRIPTION}
		{$CATEGORIES_DESCRIPTION}
	{/if}

Diesen Code zu Zeile 12 verschieben. Die Zeilen 10-16 sollten nun so aussehen:

	<div class="categories_description">

	{if $CATEGORIES_DESCRIPTION}
		{$CATEGORIES_DESCRIPTION}
	{/if}
	
		{if $CATEGORIES_IMAGE}

Nun werden alle Kategoriebeschreibungen und Explosionszeichnungen über den dazugehörigen Ersatzteilen
angezeigt. Für den Kunden ist das übersichtlicher und es sieht ordentlich sortiert aus. Durch den Wegfall der
Dummy-Artikel entfällt zudem auch der erhöhte Arbeitsaufwand beim Einpflegen der Artikel.

[lars]

Also nach überlegung bin ich zum endschluss gekommen wenn jetzt erstmal uns keiner helfen kann , würde ich auch gerne die Neue Artikel Box abschalten .
Klaus kannst du bitte dir nochmal Classic 2213 und Classic 2215 dir anschauen ob da was falsch ist ??

[KlausK]

... hast du evtl schon raus bekommen wie man nur die Imagemap anzeigen kann ohne Artikel?

Das hatte ich ja schon beschrieben!

Die ImageMap läuft nun seit 2 Tagen als Kategoriebeschreibung. Siehe "Außenfilter 2003".

Die Map läuft dort als reine Kategoriebeschreibung. Gambio zeigt von natur aus eine vollständig leere Kategorie an wenn keine Artikel vorhanden sind. Warum auch immer

Ich habe den Code nun entsprechend angepasst - bis auf die genannten Feinheiten - sodass auch ohne Artikel der Titel und die Kategoriebeschreibung angezeigt werden. Siehe das Beispiel in deiner Kategorie "Ersatzteile - Explosionszeichnung/Außenfilter Classic/Außenfilter 2003".

Du legst also eine neue Kategorie ohne Artikel an.
Dann markierst du die Kategorie (blau) und klickst auf bearbeiten.
In dem HTML-Generator unter Kategorie Beschreibung klickst du zuerst auf Quellcode!
Dort fügst du dann den Code deiner ImageMap ein.
Anschließend klickst du ganz unten auf Speichern.
Dann noch das entsprechende Bild hochladen.
Fertig!

Der Code einer ImageMap sieht übrigens so aus:

<img width="300" height="400" border="0" usemap="#Zeichnung1" title="" alt="" src="bild-aussenfilter-2003.jpg">
<map name="Zeichnung1">
<area title="" alt="" href="advanced_search_result.php?keywords=03040" coords="219,73,266,88" shape="rect">
<area title="" alt="" href="advanced_search_result.php?keywords=03140" coords="218,143,265,157" shape="rect">
...
</map>

1. Zeile: Hier wird zunächst das Bild, Breite und Höhe, usw. definiert. Das Attribut usemap muss eindeutig sein. Er definiert welche Map verwendet werden soll. Wichtig bei mehreren Maps.
2. Zeile: Der eindeutige Name der Map aus dem Attribut usemap
3. Zeile: Die erste Link-Fläche. Das Attribut href enthält den Link zum Ersatzteil. coords sind die Koordinaten und shape definiert die Art der verweis-sensitiven Flächen.
4. Zeile: Die zweite Link-Fläche nach dem Schema der ersten Fläche.
5. Zeile: Beliebig viele weitere Link-Flächen.
6. Zeile: Abschluss des map-Elements

Hier gibt es eine genaue Erläuterung: selfhtml.org

Da du in den Suchmaschinen gefunden werden willst und du dir die Arbeit nur einmal machen willst, solltest du folgendes beachten:
Die Attribute title und alt solltest du unbedingt nutzen.
Schreibe in lesbarer Form was am meisten gesucht wird. Z.B: "Ersatzteile Eheim Classic Außenfilter 2260 [Artikelnummer]"
Wenn du Suchmaschienenfreundliche (also lesbare) URL's nutzt, dann solltest du diese in das Attribut href setzen.

Im Internet gibt es eine Vielzahl an Tools um auf einfachen Wege eine Image Map zu erstellen. Einfach "imagemap generator" oder "imagemap tool" googlen.

Normalerweise dauert das Erstellen einer Map mit 10 Flächen keine 10 Minuten. Die allerersten mögen vielleicht naturgemäß etwas länger dauern.

Wenn du die erste Map fertig hast, dann gib mal bescheid. Ich schaue dann, ob alles OK ist.

[KlausK]

Wichtig:
Mache von allen Dateien, die du bearbeiten willst, immer vorher eine Kopie!
Sollte mal was schief gehen, kannst diese Dateien einfach zurücksichern und alles ist wie vorher!

Jay-Ar möge nachsichtig mit mir sein, aber da war eine Klammer zuviel in der Counterabfrage
Aber ansonsten funktioniert es sehr gut. Habs gerade angetestet.

Im Backend unter Artikel ==> Kategorien / Artikel kannst du deine Artikel von Hand eingeben.
Dort gibt es das Feld Barcode/EAN, das in vielen Fällen ungenutzt bleibt.
Hier gibst du deine Bilder im Format zeichnung-eins.jpg@zeichnung-zwo.jpg ein.

Im Verzeichnis www.DeineDomain.de/images/explosionsbilder/ speicherst du die Zeichnungen.

Dann öffnest du mit einem vernünftigen(!) Editor (z.B. PSPad) die Datei product_info.php
aus dem Verzeichnis www.DeineDomain.de/includes/modules/
In Zeile 147 (normalerweise) findest du den Eintrag:

$info_smarty->assign('PRODUCTS_EAN', $product->data['products_ean']);

Diesen Eintrag ersetzt du mit folgendem Code:

$expl = explode('@',$product->data['products_ean']);
if (count($expl) > 0){
  foreach ($expl as $nr => $bild){ 
      $bildquelle_templ = DIR_WS_CATALOG.DIR_WS_IMAGES.'explosionsbilder/'.trim($bild);
      $bildquelle = DIR_FS_CATALOG.DIR_WS_IMAGES.'explosionsbilder/'.trim($bild);
      if (file_exists($bildquelle)) $info_smarty->assign('IMAGE_EXPLOSIONSZEICHNUNG_'.$nr, $bildquelle_templ);
  }
}

Die Bilder werden nun einzeln in Variablen gespeichert:
IMAGE_EXPLOSIONSZEICHNUNG_0
IMAGE_EXPLOSIONSZEICHNUNG_1
IMAGE_EXPLOSIONSZEICHNUNG_2
....

Diese Variablen kannst du nun in deinem Template verwenden.

Öffne z.B. die Datei standard.html in /templates/DeinTemplate/module/product_info/.
Füge an beliebiger Stelle folgenden Code ein:

<img src="{$IMAGE_EXPLOSIONSZEICHNUNG_0}">

oder:

<img src="{$IMAGE_EXPLOSIONSZEICHNUNG_0}"><img src="{$IMAGE_EXPLOSIONSZEICHNUNG_1}"><img src="{$IMAGE_EXPLOSIONSZEICHNUNG_2}">

Dort sollten nun die ersten Zeichnungen zu sehen sein.

[KlausK]

So, MySqlDumper ist nun installiert. Siehe eMail.
Datenbank ist gesichert, den Shop sichere ich auch gerade.
Mach du bitte auch eben eine Sicherung des kompletten Verzeichnisses "gx"
Nachher können wir dann die SP's aufspielen!