Unterschrift / Erläuterung oder MouseOver bei Bildern möglich?

Abend zusammen,

mal wieder ne doofe Frage auf die ich keine Antwort gefunden hab.

a) Geht MouseOver (sprich Anzeige eines Textes wenn man über gewisse Bilder oder Grafiken fährt?)

b) Kann man Bildern eine “Unterschrift” mitgeben? Würde ja insbesondere bei Detailbildern Sinn machen um nochmal deutlich zu verbalisieren was der wirkliche Clou am im Bild gezeigten Produkt ist.

Im Standard geht beides wohl nicht aber hat dies schonmal jemand implementiert?

Hi,

a) wird meines Wissens über den ALT-Tag abgebildet und z.B. im IE ausgegeben:

<img alt="Original BUSH Beach Radio " id="product_img" src="http://demoshop.oxid-esales.com/community-edition/out/pictures/1/1964_p1.jpg">

b) Ja, klar: dazu müssen neue Felder pro Bild ran. Diese muss man einfach in der Datenbank anlegen und kann aus den Templates heraus direkt darauf zugreifen.

Gruß

Danke für die schnell Antwort

a) Ja, war auch mein Verständnis, ist aber beim Bilder-Upload bei Artikeln nicht vorgesehen und bei Bildern die ich zB in CMS Snippets einfüge und einen Alternativen Text mit eingebe, wird nix angezeigt…

b) Ja, hätte ich mir auch gedacht, dass dies sorum geht - ist aber im Standard nicht vorgesehn, gell? Hat sowas jemand zwecks Inspiration im Einsatz?

Hallo,

a) wird quasi elektrisch generiert.

Gruß

Hä? Ich hab gedacht wir machen hier IT und keine Elektrik? :wink:

Sorry, habs wirklich nicht verstanden - bei dem CMS-Bildern sollte es eigentlich angezeigt werden wenn man es beim Upload mit eingibt?

Und woran kann es liegen, wenn dies beim IE 8 nicht passiert? Oder sollte dies auch bei den Produktbildern funktionieren? Was nimmt sich Oxid dann da? Artikelname würde ja ggfs Sinn machen, tut sich bei mir aber auch nix.

Sorry fürs insistieren :wink:

Hi,

leider macht das Screenshot-Programm keine Tooltips mit :frowning:

In dieser Datei
http://demoshop.oxid-esales.com/community-edition/Geschenke/Original-BUSH-Beach-Radio.html

gibt’s folgenden Code:

    <div class="picture">
      <img src="[{ $oView->getActPicture() }]" id="product_img" alt="[{ $product->oxarticles__oxtitle->value|strip_tags }] [{ $product->oxarticles__oxvarselect->value|default:'' }]">
    </div>

Wie Du siehst, wird über $product->oxarticles__oxtitle->value der Titel des Artikels als ALT-Tag verwendet. Mit welchem Client das angezeigt wird und mit welchem nicht, ist nochmal eine ganz andere Geschichte.

Gruß

@Marco

Sorry wenn ich dir heute Abend den letzten Nerv raub und danke für deine Engelsgeduld.

OK, dann ist dies also grundsätzlich technisch vorgesehn - soweit, so schön.

Wenn du das bei dir nicht nur im Code sondern auch im Bild siehst (sonst würdest du ja keinen Screenshot schicken wollen) - welchen Browser Verwendest Du denn?

ICH seh auch im Demoshop weder mit IE 8, noch Firexfox 3.5.8 noch im Opera 9.64 über den Produktbildern irgendwas.

Einzigen Mouse-Over den ich seh ich bei den Social Bookmark-Dingern (die ich in unserem künftigen Shop nicht hab).

Scheint mir vom Ergebnis her ein wenig unlogisch zu sein.

(Sorry, bin ja kein Tekkie und kein Webspecialist sondern nur dummer Product Owner und im Auftraggeber)

Ich habe im Demoshop mal die Detailansicht des Produktes “Orginal Bush Beach Radio” angeschaut. Dort wird das Bild im Quellcode folgend ausgegeben.

    <div class="picture">
      <img src="http://demoshop.oxid-esales.com/professional-edition/out/pictures/1/1964_p1.jpg" id="product_img" alt="Original BUSH Beach Radio ">
    </div>

Der Alt-Text wird also wie von Marco geschrieben ausgegeben in Form des Artikelnamens. Beim IE 7.0 wird der Text angezeigt. Beim Opera 10.10 nicht. Denke, dass dies eine Konfigurationssache am Browser ist.

@Roland

Ja, dies hat Marco ja auch angedeutet, wobei sicherlich kein User sowas bewusst ändert, insofern wäre mein - zugegeben laienhafte - Frage ob “neue” Browser da mittlerweile aus dem Code andere Signale brauchen (und sei dies nur marginal) um sowas anzuzeigen.

Was mich halt stutzig macht ist weshalb ein Alt-Text bei den SocialBookmarks im Demoshop angezeigt wird aber nicht beim Produktbild - müsste ja eigentlich derselbe Code sein.

Wie gesagt - rein nach Logik abgeleitet.

Und da ich mittlerweile - schlimm genug als BWLer- prinzipiell auch so nen Code lesen kann ist das einzige was mir auffällt, dass bei den SB-Diensten der Befehl genau umgekehrt ist, dort heisst es nicht “img src hol bild und dann den alt-text” sondern umgekehrt "<img alt=“Eintragen bei Mister Wong” src="http://demoshop.oxid-esales.com/community-edition/out/basic/img/bookmarks/mister_wong.gif"/>"

Jo,

Und da ich mittlerweile - schlimm genug als BWLer- prinzipiell auch so nen Code lesen kann ist das einzige was mir auffällt, dass bei den SB-Diensten der Befehl genau umgekehrt ist, dort heisst es nicht “img src hol bild und dann den alt-text” sondern umgekehrt "<img alt=“Eintragen bei Mister Wong” src="http://demoshop.oxid-esales.com/community-edition/out/basic/img/bookmarks/mister_wong.gif"/&gt;"

Dann dreh ihn halt im Template um und schau, was passiert :wink:
/tmp/-Ordner leeren nicht vergessen :wink:

Achso: Bei mir isses noch der IE7, den ich für solche Fälle rauskram. Chrome, Opera und FF zeigen die ALT-Tags nicht als Tooltip an. Es gibt auch keine Option, so etwas einzustellen.

Gruß

[QUOTE=Marco Steinhaeuser;26324]Hi,

a) wird meines Wissens über den ALT-Tag abgebildet und z.B. im IE ausgegeben:

<img alt="Original BUSH Beach Radio " id="product_img" src="http://demoshop.oxid-esales.com/community-edition/out/pictures/1/1964_p1.jpg">

b) Ja, klar: dazu müssen neue Felder pro Bild ran. Diese muss man einfach in der Datenbank anlegen und kann aus den Templates heraus direkt darauf zugreifen.

Gruß[/QUOTE]
Nicht der “alt”- sondern der “title”-Tag wird als Tooltip angezeigt…

[QUOTE=Marco Steinhaeuser;26337]Hi,

leider macht das Screenshot-Programm keine Tooltips mit :frowning:

In dieser Datei
http://demoshop.oxid-esales.com/community-edition/Geschenke/Original-BUSH-Beach-Radio.html

gibt’s folgenden Code:

    <div class="picture">
      <img src="[{ $oView->getActPicture() }]" id="product_img" alt="[{ $product->oxarticles__oxtitle->value|strip_tags }] [{ $product->oxarticles__oxvarselect->value|default:'' }]">
    </div>

Wie Du siehst, wird über $product->oxarticles__oxtitle->value der Titel des Artikels als ALT-Tag verwendet. Mit welchem Client das angezeigt wird und mit welchem nicht, ist nochmal eine ganz andere Geschichte.

Gruß[/QUOTE]
Wie gesagt, “alt” hilf da nix, aber wenn man dort einen “title” mit dem gleichen Inhalt einbaut, dann geht das.

Um das etwas schöner zu machen, kann man dann noch eines der Zillionen jQuery “Tooltip”-Plugins verwenden…

[QUOTE=Marco Steinhaeuser;26342]Achso: Bei mir isses noch der IE7, den ich für solche Fälle rauskram[/QUOTE]
Muss Dir da einen ernsthaften Verweis aussprechen, dass Du diesen Müll verwendest…:smiley:

Den ganze IE-Müll [B]muss [/B]man durch Nicht-Verwendung strafen!

@Avenger

Da zB von unseren Besuchern 51% den IE verwenden (hiervon 52% den IE7, 32% den IE 8 und immerhin noch 16% den IE6) ist es vermutlich kein so ein guter Tipp, sich die eigene Seite nicht auch aus IE-Sicht anzuschauen (wirst du vermutlich bei der template-Erstellung auch nicht ignorieren) :slight_smile:

@Marco

Schon klar, wenn keiner die Antwort weiß muss man halt spielen und es probieren, aber vorher frag ich doch lieber ob jemand die Lösung kennt.

(Aber eigentlich sollte Oxid auch wissen, was da implementiert wurde und woran es hängen könnte, denn eine Antwort “Code ist da, keine Ahnung warum es nicht funktioniert, probier halt selber” ist denn doch ein wenig typisch IT, hilft den User aber wenig - wobei natürlich völlig klar ist, dass Du nicht jedes Detail wissen kannst. Da aber die CE baugleich zur PE ist, wäre ich als Nehmer einer Bezahllizenz denn doch an die Decke gegangen…)

[QUOTE=Michael Wiechert;26376]@Avenger

Da zB von unseren Besuchern 51% den IE verwenden (hiervon 52% den IE7, 32% den IE 8 und immerhin noch 16% den IE6) ist es vermutlich kein so ein guter Tipp, sich die eigene Seite nicht auch aus IE-Sicht anzuschauen (wirst du vermutlich bei der template-Erstellung auch nicht ignorieren) :-)[/QUOTE]
???

Die Antwort ist: [B]Alle [/B]Browser zeigen den “title”-Tag als Tooltip an…

[QUOTE=Michael Wiechert;26338]
ICH seh auch im Demoshop weder mit IE 8, noch Firexfox 3.5.8 noch im Opera 9.64 über den Produktbildern irgendwas.

Einzigen Mouse-Over den ich seh ich bei den Social Bookmark-Dingern (die ich in unserem künftigen Shop nicht hab).
[/QUOTE]

Die modernen Browser nutzen den title-tag, wie avenger schon geschrieben hat.
Die Socialbookmarks haben bereits den title-tag im Template, weshalb es in den von Dir erwähnten Browsern funktioniert.

Da Oxid hier nicht einheitlich in den Templates vorgeht, musst Du wohl Hand anlegen und es nachpflegen. Über all dort, wo der alt-tag eingetragen ist, einfach den title-tag nachpflegen.

[QUOTE=simply because;26381]Die modernen Browser nutzen den title-tag, wie avenger schon geschrieben hat.
Die Socialbookmarks haben bereits den title-tag im Template, weshalb es in den von Dir erwähnten Browsern funktioniert.

Da Oxid hier nicht einheitlich in den Templates vorgeht, musst Du wohl Hand anlegen und es nachpflegen. Über all dort, wo der alt-tag eingetragen ist, einfach den title-tag nachpflegen.[/QUOTE]
Oder man bemüht ein jQuery-Plugin, das den “alt”-Tag als Tooltip anzeigt…

Schöner gestalten kann man die dann auch noch…

Aber mit dem Template ist das einfach: es gibt ja nur 2 Template-Dateien (product und details) in denen das mit dem Bilder -“title” nachzuarbeiten ist.

Hallo Michael,

(Aber eigentlich sollte OXID auch wissen, was da implementiert wurde und woran es hängen könnte, denn eine Antwort “Code ist da, keine Ahnung warum es nicht funktioniert, probier halt selber” ist denn doch ein wenig typisch IT, hilft den User aber wenig - wobei natürlich völlig klar ist, dass Du nicht jedes Detail wissen kannst. Da aber die CE baugleich zur PE ist, wäre ich als Nehmer einer Bezahllizenz denn doch an die Decke gegangen…)

Ich bitte an dieser Stelle festzustellen: Wenn ich hier im Forum Antworten gebe und versuche zu Helfen, heisst es nicht, dass ich das komplette OXID-Wissen mit Löffeln gefressen hätte und dass jede Antwort den Anspruch auf fachliche Korrektheit erfüllt. Das gilt für CE-Benutzer, PE- und EE-Betreiber, Partner und alle anderen gleichermassen. Professionellen Support gibt es an anderer Stelle.

Gruß