PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Gambio GX Problem: Html als iFrame [oder Image Map] einbinden bitte um Hilfe



lars
21.04.2011, 22:40
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 :confused: :

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
22.04.2011, 13:22
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
23.04.2011, 08:39
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
23.04.2011, 12:20
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.

jay-ar
23.04.2011, 13:07
Danke Dir Klaus

Für mich ist vieles selbstverständlich, sodass man allzu leicht vergisst manches "anfängergerecht" aufzubereiten.

Euch allen einen fleißigen Osterhasen

jay-ar

KlausK
23.04.2011, 13:35
Kein Problem.
Für mich als PHP-Anfänger ist das eine willkommene Gelegenheit selbst etwas dazu zu lernen. :)

lars
28.04.2011, 18:58
Hallo leute,

also vielen dank für die Hilfe aber ich schaffe das nicht bin vielleicht zu blöde :confused:.

Aber ich werde es weiter probieren für ein leihen ist das ziemlich komplex und ihr habt es ja auch hin bekommen ;) .

KlausK
28.04.2011, 19:34
Wahrscheinlich ist es nur ein kleiner Fehler oder irgendein Zahlendreher.
Wo liegt den genau das Problem?

Außerdem verstehe ich den Sinn des Ganzen nicht wirklich. Denn eigendlich kannst
du ja auch die Bilder ganz normal über die dafür vorgesehenen Felder definieren!
Die werden ja eh alle in der Produktbeschreibung angezeigt! Oder verstehe ich da
was falsch?

lars
28.04.2011, 21:09
also das prob ist so leicht nicht zu erklären ich versuche es mal ....
Ich möchte mehrere Explosionszeichnungen haben das heisst man gehe auf meine Kategorie Eheim Explosionszeichnungen und dort hat man ca 80 verschiedene Nummer z.b.: 2003 dort soll der Kunde rauf Klicken und dann wird ihn dann die Explosionszeichnung angezeigt und dort sind nummern zu sehen und er kann sich darüber sein gewünschtes ersatzteil bestellen.
Das ganze ist eine Image-Map Datei (html datei) und laut Gambio wird es in diesem shop nicht angezeigt weil er dafür so nicht geeignet ist und deswegen brauche ich das : Erstellung einer Kategorievorlage die eine vorhandene HTML Datei als iFrame in die Kategorie integriert.

ich hätte hier ein beispiel Ersatzteiliste Eheim - MM-Aquaristik (http://www.mm-aquaristik.de/aquaristikshop/eheim-explosionszeichnungen.html)

Aber noch ein Problem ist das ich keine leere Seite habe, ich muss immer ein Artikel einstellen sonst zeigt er mir immer nur an Artikel wurde nicht gefunden!

Es müsste doch dann auch normal funktionieren über bild einfügen und nicht über ean ?!?!

KlausK
05.07.2011, 17:11
Nachdem du den Begriff ImageMap erwähnt hast, wissen wir nun auch was du meinst :)
Ein IFrame ist dafür aber nicht nötig!

Ich habe jetzt mal eine ImageMap in deine Kategoriebeschreibung eingefügt: Siehe "Außenfilter 2211"
Die ImageMap habe ich natürlich erstmal - nur zur Veranschaulichung - von deinem Mitbewerber geklaut.
Die Links der definierten Bereiche führen erstmal über die "Artikelnummer-über-Suchfunktion" zu deinen E-Teilen die du aber noch anlegen musst.
Das Bild (Image) selbst muss natürlich in deinem Verzeichnis gespeichert werden.

Dann sag mal an, ob das schonmal die richtige Richtung ist :)

Hast du bereits eigene Maps oder Bilder?

lars
05.07.2011, 17:19
Hallo Klaus,

Das ist ja super wie hast du das geschafft ?? Ist alles so wie ich haben wollte bzw wie wir es uns vorgestellt haben nur das es vielleicht möglich wäre dieses Bild oben anzuzeigen ??
Wie muss ich das Anlegen bzw wie schaffe ich das, so wie du das gemacht hast??
Es sind ca 80 Bilder die ich habe und die will ich auch im shop haben so wie 2211.

Und am besten wenn keine Artikel zu sehen sind ?!!?

MfG:

Lars

KlausK
05.07.2011, 17:31
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) (http://www.mysqldumper.de/)

lars
05.07.2011, 17:36
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
05.07.2011, 18:44
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!

lars
05.07.2011, 19:06
mensch klaus was würden wir nur ohne dich machen ?? Alles perfekt danke für deine mühe und zeit die du investierst !
Bei dir ist alles in 10 min erledigt brauch dafür tage ;) !

den ordner gx lade ich einfach nur auf mein rechner das meinst du mit sichern oder ??

Wie peinlich weiss nicht mal wie ich den ordner gx sichern soll?!

KlausK
05.07.2011, 19:26
Danke für die Blumen. Auch ich freue mich über eine kleine Spende :)

Zum Sichern verwende möglichst Filezilla oder WSFTP.
Wenn du fertig bist, dann sag bitte kurz bescheid.
Dannach lade ich die SP's hoch.

Hast du nach der Installation des Shops irgendwelche Dateien angepasst?

lars
05.07.2011, 19:30
Die Spende wirst du erhalten !!! :-)

Habe Filezilla das prob ist was für port zum login ? kann mich nicht einloggen :-(
Nichts kann ich selber machen :-(

JA HABE ES GESCHAFFT !! LANGE NICHT MEHR BENUTZT !! SAGE DIR GLEICH BESCHEID WENN ICH FERTIG BIN !

KlausK
05.07.2011, 19:55
Bei einigen Dateien könnte Filezilla Fehlermeldungen ausgeben.
Das sind jedoch temporäre Dateien aus den Verzeichnissen /cache und /templates_c
Diese brauchen nicht kopiert werden!

Es bleibt aber noch die Frage:
Hast du nach der Installation des Shops irgendwelche Dateien angepasst?

lars
05.07.2011, 20:04
Ja genau 5 Fehler mit /html/gx/cache/sess
und 1 mal /html/gx/inc/xtc_error_message.inc.php
Gx Ordner ist Fertig.

Es wurde von Gambio für uns eingestellt wenn man ein Artikel einstellt unter Versandkosten dort sagen wir 3.00€ angeben steht in der Endrechnung bzw Bestellbestätigung Thermoverpackung:3.00€
sonst nichts weiter !

KlausK
07.07.2011, 23:33
So! Wie sieht's denn nun aus?
Die ImageMap läuft nun seit 2 Tagen als Kategoriebeschreibung. Siehe "Außenfilter 2003".
Ein paar Feinheiten muss ich jedoch noch ändern.
Shop ist auch auf den neuesten Stand, alle Daten gesichert!

Hast du mittlerweile deinen Shop wie besprochen getestet?
Hast du deine ImageMaps fertig?

lars
07.07.2011, 23:57
hallo klaus,

ja habe ich wie besprochen getestet und es ist meiner meinung alles ohne fehler .:)
Nein daran arbeiten wir noch wir müssen ja alle 80 Zeichnungen Fertig machen das dauert leider ein bisschen. ( bei anfängern ;) )
wie gesagt eine habe ich fertig mit den links und werde sie morgen in den order einfügen und es so versuchen wie du .
Welche feinheiten würdest du noch machen bzw verbessern, ändern ?
Mit der Imagemap ist ja für uns auch fast perfekt hast du evtl schon raus bekommen wie man nur die Imagemap anzeigen kann ohne Artikel?

Vielen Dank das du dir so viel mühe machst für unseren Shop .;)

Gruß:

Lars

KlausK
08.07.2011, 11:00
... 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 :confused:

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 (http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm)

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
09.07.2011, 12:42
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_NAM E}</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
09.07.2011, 16:10
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
09.07.2011, 17:52
Die Box "Neue Artikel" abzustellen ist ja nicht das Problem. Aber allein aus verkaufspsychologischer Sicht ist es immer besser eine Übersicht einer bestimmten
Warengruppe (in deinem Fall die Explosionszeichnungen) in unmittelbarer Nähe zu den Produkten zu plazieren. Deshalb kann ich dir nur raten, stelle die Zeichnungen
in die Kategorie, die auch die entsprechenden Teile enthält. Alles andere ist nonsens.

Bei Classic 2213 fehlte das einleitende map-Element. Ich habs gerade berichtigt.

Bei Classic 2215 hast du in der Kategorie die Vorlage product_listing_v2.html ausgewählt. Die sorgt aber dafür dass keine Artikel angezeigt werden.

product_listing_v2.html immer nur dann auswählen, wenn in der Kategorie nur die Beschreibung aber keine Artikel angezeigt werden sollen.

Du musst unbedingt aufpassen, dass du den Code der ImageMap vollständig kopierst bzw. einfügst!!!

lars
10.07.2011, 10:45
Ja ok, dann müsste aber der Dummy Artikel weg.

KlausK
10.07.2011, 11:26
Ja klar! Der Dummy-Artikel kann weg. Einfach wieder löschen!

lars
12.07.2011, 16:40
Kleines Problem er zeigt jetzt zwar die Explo oben an aber unser geschriebener Text z.B bei Aquael ist auch oben ( alle Texte sollten unten sein ) und der Dummy Artikel ist leider nicht zu finden deshalb habe ich erstmal die Box ausgeschaltet.

KlausK
13.07.2011, 14:25
Die Änderung in der categorie_listing.html hat natürlich zur Folge, dass ALLE Kategoriebeschreibungen (wie deine Image Maps) nun oben angezeigt werden.
Das lässt sich ohne Programmierkenntnisse und ohne weiteren Aufwand nicht ändern. Da wirst du Kompromisse eingehen müssen.