Shopversion 2.0 - orginal responsive template - popup fenster image alt

[rayban]

Hallo leute, mir ist aufgefallen das in popup fenster image alt fehlt, meine frage ist wo befindet sich das popup fenster? oder wie kann ich image alt in popup fenster vergeben?? am besten mit eine ziffer am ende..

beispiel:
produktname 1 - produktname 2 - produktname 3 u.s.w

grüsse

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

[Bonsai]

Shopversion?
Welches Template?
Welches Popup?

[rayban]

stoned again steht doch alles drauf, mit popup meine ich produktbilder in produktinfo

grüsse

[Bonsai]

Achso der Titel  .... sorry, die Hitze.

Sorry, bei dem Responsive kann ich nicht helfen, das kenne ich nicht.

Poste mal den Teil der das Bild anzeigt in der betroffen product_info_???.html eventuell kommen wir dann weiter

[rayban]

Code: PHP  [Auswählen]

  <h1 itemprop="name">{$PRODUCTS_NAME}</h1>
  <div id="product_details">
    {if $PRODUCTS_IMAGE != ''}
    <div class="pd_imagebox">
      <div class="pd_big_image">
        <a class="cbimages" title="{$PRODUCTS_NAME|onlytext}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img itemprop="image" src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME|onlytext}" /></a>
      </div>
      <div class="zoomtext">{#zoomtext#}</div>
     {if $more_images|@count > 0}
      <div class="pd_small_image_row cf">
        {foreach item=more_images_data from=$more_images}
        <div class="pd_small_image"><div class="pd_small_image_inner cf"><a class="cbimages" title="{$PRODUCTS_NAME|onlytext}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img src="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" alt="{$PRODUCTS_NAME|onlytext}" /></a></div></div>

[rayban]

Niemand weiss es, na das ist aber sehr seltsam.. diese Frage war wahrscheinlich zu leicht

So wie ich Google verfolge und aus Erfahrung sagen muss das Image alt für die grossen Bilder SEO technisch sehr relevant sind.. z.B Mode Shops, da wird oft nach Bildern gesucht.. meistens sind die größten Bilder besser platziert als die kleinen bilder..

Grüsse

[webald]

Hast Du schon mal das Popup mit Firebug untersucht? Da kommt man dann auf die CSS-Klasse cboxLoadedContent und somit auf die Datei template/my_tpl/css/jquery.colorbox.css. Das führt dann zu jquery.colorbox.min.js.

Es ist aber leider keine unkomprimierte js-Datei im Template dabei, so dass ich mir hier die Suche erst mal spare.

[Bonsai]

jage mal die von Webald genannte js Datei da durch:
http://jsbeautifier.org/

Dann ist der Code halbwegs lesbar und der Fehler zu finden. Wenn Du den Fehler aufgrund fehlender JS Kenntnisse nicht findest, müsstest Du die unkomprimierte JS Datei im Shop installieren und uns einen Link zum Shop geben.

Aber mal was anderes .... Du hast Das Template gekauft? Vergleiche mal, ob der Fehler auch in einem anderen Shop auftritt, mit dem gleichen Template! Wenn ja, wäre das ein Supportfall. Das modified Team will den Fehler nämlich sicher auch kennen und beheben ...

[webald]

Hast Du auch im normalen Template...

[Bonsai]

Im 2.0 Demoshop geht es. Da ist ein alt Attribut im img Tag.

[webald]

Demoshop - Template xtc5: da ist es richtig.

Demoshop - Template tpl_modified: Da fehlt das alt-Tag

Code: PHP  [Auswählen]

<img class="cboxPhoto" src="https://demo.modified-shop.org/tags/modified-2.00/images/product_images/popup_images/1_0.jpg" style="cursor: pointer; width: 321px; height: 321px; float: none;">

[Bonsai]

Stimmt. Also ein genereller Bug im Template.

[webald]

Festgehalten in Ticket #978

[hpzeller]

Hallo rayban

Vorschlag:

Den kompletten Code in 'templates/<dein_template>/javascript/jquery.colorbox.min.js' mit dem Code aus diesem Link ersetzen https://raw.githubusercontent.com/jackmoore/colorbox/master/jquery.colorbox-min.js .

Dann den von dir in Antwort #4 geposteten Code mit folgendem angepassten Code ersetzen

Code: XML  [Auswählen]

  <h1 itemprop="name">{$PRODUCTS_NAME}</h1>
  <div id="product_details">
    {if $PRODUCTS_IMAGE != ''}
    <div class="pd_imagebox">
      <div class="pd_big_image">
        <a class="cbimages" title="{$PRODUCTS_NAME|onlytext}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" data-cbox-img-attrs='{ldelim}"alt": "{$PRODUCTS_NAME|onlytext}-0"{rdelim}'><img itemprop="image" src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME|onlytext}" /></a>
      </div>
      <div class="zoomtext">{#zoomtext#}</div>
      {if $more_images|@count > 0}
      <div class="pd_small_image_row cf">
        {foreach name=more_images item=more_images_data from=$more_images}
        <div class="pd_small_image"><div class="pd_small_image_inner cf"><a class="cbimages" title="{$PRODUCTS_NAME|onlytext}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" data-cbox-img-attrs='{ldelim}"alt": "{$PRODUCTS_NAME|onlytext}-{$smarty.foreach.more_images.iteration}"{rdelim}'><img src="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" alt="{$PRODUCTS_NAME|onlytext}" /></a></div></div>

Die Anpassung, gemäss dem Link unten, hast Du ja bereits gemacht, nehme ich an, weil sonst hättest Du nun im Popup ein Problem mit der Sprache.
Re: BILD 1 VON 5 - Artikel Pop up Fenster XTM 2.0 - responsiv template

Als Ergebnis sollte nun im Bilder-Popup-Fenster (Colorbox) jeder img-Tag ein alt-Attribut mit dem Produktnamen und angehängter fortlaufender Zahl bei 0 beginnend haben.

Weiter Infos findest Du hier -> ColorBox - add ALT text to gallery images

Gruss
Hanspeter

[rayban]

Hallo hpzeller, die lösung funktioniert bis auf eine kleinigkeit:

beim ersten bild: in image alt wird am ende ein minus zeichen und danach die zahl angehängt, ohne abstände:

PRODUKTNAME-0

das funktioniert nur beim ersten bild...

ab denn zweiten bild ist dann nur noch ein minus zeichen angehängt, die zahl ist dann praktisch nicht mehr sichtbar.

das braucht noch eine kleine korrigierung..

kann man da einen abstand verbauen zwischen produktname, denn minus zeichen, und die folgende ziffer:

z.B:
PRODUKTNAME - 0
PRODUKTNAME - 1
PRODUKTNAME - 2
u.s.w

grüsse