Lupe ausschalten

[Happy]

Guten Tag Community,
ich habe im Shopbackend die mögligkeit gefunden den Zoom und die Lightbox einzustellen, aber ich möchte weder das eine, noch das andere komplett.
Bei der Lightbox plopen die Bilder in einem extra Fesnter auf und bei der lupe kommt halt diese Lupe.
Ich will aber nur das angezeigte Bild haben welches sich ändert, je nachdem welches man in der Auswahl getroffen hat.

Gibt es dafür eine Backend einstellung, oder muss ich das Template verändern?

 

[MichaelH]

AW: Lupe ausschalten

Ja, ich möchte auch beides abschalten, Lupe und Lightbox zeigen oftmals ein komisches Verhalten, bleiben stehen obwohl die Maus schon längst an einem anderen Ort ist und ich finde das ist lästig und unschön.

Wer weiß wie man beide abschalten kann ?!

 

[ag-websolutions.de]

AW: Lupe ausschalten

nur durch template-anpassung

Original

      <div class="image">
         {if $Artikel->Bilder[0]->cPfadNormal ne "gfx/keinBild.gif"}<a href="{$Artikel->Bilder[0]->cPfadGross}" class="fancy-gallery {if $Einstellungen.template.articledetails.image_zoom_method == 'Z' || $Einstellungen.template.articledetails.image_zoom_method == 'ZL'}cloud-zoom{/if}" id="zoom1" rel="adjustX: 10, adjustY: 0, smoothMove:5, zoomWidthWrapper: '.article_details'">{/if}
            <img src="{$Artikel->Bilder[0]->cPfadNormal}" id="image0" title="{$Artikel->cName|strip_tags|escape:"quotes"|truncate:60}" alt="" />
         {if $Artikel->Bilder[0]->cPfadNormal ne "gfx/keinBild.gif"}</a>{/if}
      </div>

geändert:

      <div class="image">
       <!--  {if $Artikel->Bilder[0]->cPfadNormal ne  "gfx/keinBild.gif"}<a href="{$Artikel->Bilder[0]->cPfadGross}"  class="fancy-gallery {if  $Einstellungen.template.articledetails.image_zoom_method == 'Z' ||  $Einstellungen.template.articledetails.image_zoom_method ==  'ZL'}cloud-zoom{/if}" id="zoom1" rel="adjustX: 10, adjustY: 0,  smoothMove:5, zoomWidthWrapper: '.article_details'">{/if} -->
            <img src="{$Artikel->Bilder[0]->cPfadNormal}"  id="image0"  title="{$Artikel->cName|strip_tags|escape:"quotes"|truncate:60}"  alt="" />
       <!--  {if $Artikel->Bilder[0]->cPfadNormal ne "gfx/keinBild.gif"}</a>{/if} -->
      </div>

/templates/JTL-Shop3-Tiny/tpl_inc/artikel_inc.tpl

vorher kopieren nach

/templates/JTL-Shop3-Tiny/tpl_inc/artikel_inc_custom.tpl

 

[Happy]

AW: Lupe ausschalten

nur durch template-anpassung

Original

      <div class="image">
         {if $Artikel->Bilder[0]->cPfadNormal ne "gfx/keinBild.gif"}<a href="{$Artikel->Bilder[0]->cPfadGross}" class="fancy-gallery {if $Einstellungen.template.articledetails.image_zoom_method == 'Z' || $Einstellungen.template.articledetails.image_zoom_method == 'ZL'}cloud-zoom{/if}" id="zoom1" rel="adjustX: 10, adjustY: 0, smoothMove:5, zoomWidthWrapper: '.article_details'">{/if}
            <img src="{$Artikel->Bilder[0]->cPfadNormal}" id="image0" title="{$Artikel->cName|strip_tags|escape:"quotes"|truncate:60}" alt="" />
         {if $Artikel->Bilder[0]->cPfadNormal ne "gfx/keinBild.gif"}</a>{/if}
      </div>

geändert:

      <div class="image">
       <!--  {if $Artikel->Bilder[0]->cPfadNormal ne  "gfx/keinBild.gif"}<a href="{$Artikel->Bilder[0]->cPfadGross}"  class="fancy-gallery {if  $Einstellungen.template.articledetails.image_zoom_method == 'Z' ||  $Einstellungen.template.articledetails.image_zoom_method ==  'ZL'}cloud-zoom{/if}" id="zoom1" rel="adjustX: 10, adjustY: 0,  smoothMove:5, zoomWidthWrapper: '.article_details'">{/if} -->
            <img src="{$Artikel->Bilder[0]->cPfadNormal}"  id="image0"  title="{$Artikel->cName|strip_tags|escape:"quotes"|truncate:60}"  alt="" />
       <!--  {if $Artikel->Bilder[0]->cPfadNormal ne "gfx/keinBild.gif"}</a>{/if} -->
      </div>

/templates/JTL-Shop3-Tiny/tpl_inc/artikel_inc.tpl

vorher kopieren nach

/templates/JTL-Shop3-Tiny/tpl_inc/artikel_inc_custom.tpl

Wenn ich diese Templateänderungen mache ist die Lupe zwar abgeschaltet, aber ich kann die kleinen Bilder darunter nicht mehr gut ansehen, sie öffnen sich in einem leeren Fenster.
Wenn man ein kleines Bild anklickt soll es aber in der großen Ansicht darüber geladen werden.

 

[Happy]

AW: Lupe ausschalten

Ich habe es nun wie Folgt gelöst:
1. Im Backend Darstellung -> Template -> Einstellungen -> Bilder-Zoom Methode auf Lupe stellen
2. In der Javascript Datei "cloud-zoom.1.0.2.js" die mouseenter Funktion von Zeile 205 bis Zeile 329 löschen (WICHTIG: vorher ein Backup erstellen)

Nun Funktioniert das Bilderswitchen ohne Lupe und Ohne Lightbox.

 

[ag-websolutions.de]

AW: Lupe ausschalten

Nur als Hinweis für andere Leser ... diese Vorgehensweise ist NICHT update-sicher

 

[JayJayS]

AW: Lupe ausschalten

Macht aber auf Smartphones durchaus Sinn !
Hier sollte vielleicht noch eine Viewport-Abrage rein, damit dies automatisch deaktiviert ist, wenn man mit einem Smartphone die Artikelseite aufruft.