Zoomviewer Größe in SW5 anpassen

Shopware 5 Themes & Design
1

Guten Tag,

wie kann ich die Größe des Zooms bei der Artikelseite anpassen?

 

Bei Shopware 4 hatte ich das Problem folgendermaßen gelöst:

{extends file="parent:frontend/index/header.tpl"}

{block name="frontend_index_header_javascript_jquery" append}

	(function($) {

		$.fn.CloudZoom.defaults.zoomWidth = 800;
		$.fn.CloudZoom.defaults.zoomHeight = 600;

	})(jQuery);

{/block}

 

 

2

In der modal.less

Mit width und height z.B 90%

1 „Gefällt mir“
3

Guten Abend,

Ich versuche ebenfalls die Zoomgröße zu ändern habe leider im Forum nichts dazu gefunden.

Was muss dort geändert werden, bei welcher Zeile?

Kenne mich leider nicht viel aus, versuche zurzeit etwas über HTML und CSS zu lernen Smile

4

Im eigenen Theme unter LESS eine all.less mit folgendem Inhalt einfügen  @import „_components/modal“;

dann im Less Ordner components eine modal.less anlegen mit folgendem Inhalt 

.js–modal {
    max-width: 94%;
    max-height:94%;

}

oder auch andere Werte

speichern Theme zuweisen ( kompilieren )

5

Danke fürs Antworten!

Komisch bei mir funktioniert es irgendwie nicht :frowning: Wenn ich mit der Maus auf das Bild gehe bleibt der Zoom gleich.

das all.less habe in das folgende Ordner hinzugefügt:

themes/Frontend/MeinTheme/frontend/_public/src/less/all.less

modal.less:

themes/Frontend/MeinTheme/frontend/_public/src/less/_components/modal.less

Theme neu zugewiesen und auf kompilieren geklickt.

 

.js–modal {
    max-width: 50%;
    max-height:50%;

}

 

6

Hast du in der all.less auch folgendes hinterlegt:

@import „_componets/modal“;

 

7

@hds schrieb:

Hast du in der all.less auch folgendes hinterlegt:

@import „_componets/modal“;

 

Ja, habe ich so wie du es beschrieben hast.

8

@nxplaza schrieb:

@hds schrieb:

Hast du in der all.less auch folgendes hinterlegt:

@import „_componets/modal“;

 

Ja, habe ich so wie du es beschrieben hast.

 

Also ich habe es bei mir getestet und mal andere Werte eingegeben, funktioniert ohne Probleme, du meinst doch die Modal Box ( aufs Bild klicken und wird dann größer dargestellt oder ?

9

Hallo,

konnte leider nicht früher schreiben war die letzten Tage krank.

Nein meine Frage wurde falsch verstanden bzw. ich habe falsch nachgefragt.

Wenn man mit der Maus auf das Bild geht, wird die Stelle am Bild vergrößert wo man gerade mit der Maus ist. Wenn ich zum Heranzoomen mit der Maus über das Bild fahre wird das Bild fast zu 90% herangezoomt dadurch kann man fast nicht erkennen

.