iOS 18 - Safari oder Chrome / Detailseite Buttons ohne Funktion

Shopware 5
21

Falls jemand Hilfe bei der individuellen Umsetzung braucht, gerne PM an mich, dann kann ich mich darum kümmern.

1 „Gefällt mir“
22

Danke.

Wo müsste denn das genau hin?

            {block name='frontend_detail_index_image_container'}
                <div class="product--image-container image-slider{if $sArticle.image && {config name=sUSEZOOMPLUS}} product--image-zoom{/if}"
                    {if $sArticle.image}
                    data-image-slider="true"
                    data-image-gallery="true"
                    data-maxZoom="{$theme.lightboxZoomFactor}"
                    data-thumbnails=".image--thumbnails"
                    {/if}>
                    {block name="frontend_detail_index_image"}
                        {include file="frontend/detail/image.tpl"}
                    {/block}
                </div>
            {/block}
23

So klappt es bei mir:

{block name='frontend_detail_index_image_container'}
	<div class="product--image-container image-slider{if $sArticle.image && {config name=sUSEZOOMPLUS}} product--image-zoom{/if}"
		{if $sArticle.image}
		data-image-slider="true"
		data-image-gallery="true"
		data-maxZoom="{$theme.lightboxZoomFactor}"
		data-thumbnails=".image--thumbnails"
		{/if} style="z-index: unset">
		{block name="frontend_detail_index_image"}
			{include file="frontend/detail/image.tpl"}
		{/block}
	</div>
{/block}
1 „Gefällt mir“
24

Danke!

Kleine Frage noch: das „>“ muss sein?

25

Klappt es jetzt auf einem echten iPhone?

Ja, auf jeden Fall. Damit schließt du ja das eröffnende <div> ab.

1 „Gefällt mir“
26

Iphone passt :slight_smile:

Das > würde ja mit </div> weiter unten geschlossen, richtig?

1 „Gefällt mir“
27

Super :blush:

Ja, das Tag wird am Ende damit geschlossen.

1 „Gefällt mir“
28

Herzlichen Dank!

Mir wird das schön langsam alles ein wenig zu komplex. Irgendwie dachte ich mir, die Zeiten mit den Browserproblemen wären ein für alle mal vorbei.

Schönes Beispiel: FF100 bis 130 bringt auf einmal versteckte Scrollbalken vom Responsive Template in den Vordergrund und das nur in Win11, NICHT in Win10. Anscheinend ein Win11 Feature.

Wen es interessiert: in FF muss per about:config der Wert „widget.windows.overlay-scrollbars.enabled“ auf false gesetzt werden. Aber der Ursprung liegt in: Win11, System, Barrierefreiheit, Bildlaufleisten immer anzeigen auf ON. Jetzt greift also schon das OS in Webseiten ein.

Mir fehlt dazu absolut das Verständnis, dass so eine Einstellung das SW Responsive Template negativ beeinträchtigt :confounded:

1 „Gefällt mir“
29

Hallo zusammen

@octodelta Super! Vielen Dank für die Hilfe! Damit habe ich es zustande gebracht, dass auf iOS18 zumindest der Warenkorb-Button wieder funktionsfähig ist. Dafür haben jetzt die Links Merken, Bewerten usw. keine Funktion mehr :frowning:

Habe ich was falsch gemacht?

{extends file="parent:frontend/detail/content.tpl"} 

        {* Product header *}
        {block name="frontend_detail_index_header_container"}
            {include file="frontend/detail/content/header.tpl"}
        {/block}

        <div class="product--detail-upper block-group">
            {* Product image *}
            {block name='frontend_detail_index_image_container'}
                <div class="product--image-container image-slider{if $sArticle.image && {config name="sUSEZOOMPLUS"}} product--image-zoom{/if}"
                    {if $sArticle.image}
                    data-image-slider="true"
                    data-image-gallery="true"
                    data-maxZoom="{$theme.lightboxZoomFactor}"
                    data-thumbnails=".image--thumbnails"
                    {/if} style="z-index: unset">
                    {block name="frontend_detail_index_image"}
                        {include file="frontend/detail/image.tpl"}
                    {/block}
                </div>
            {/block}

Grüsse

Sijandi

30

auf die Schnelle: Die Zeile hängt irgendwie in der Luft bzw. gehört da nicht hin.

1 „Gefällt mir“
31

Hallo @sacrofano

Super, das wars! Damit hats geklappt!

Beste Grüsse

Sijandi

32

und das > gehört nicht hin, wird ja unten geschlossen, siehe oben. Ob sich das auswirkt, keine Ahnung, kenn mich da zuwenich aus.

33

Was wäre es denn? ein „;“

34

Also beim überfliegen würde ich eher sagen das das > schon da richtig ist.

Das > schließt den <div> Tag und unten wird der <div> Block mit </div> geschlossen.

<div class="hier stehen meine ganzen anweisungen für den div block">

Hier ist der Inhalt meines Div Blocks....

</div> 
schließt am Ende den BLOCK

Grüße

2 „Gefällt mir“
35

ja, stimmt… Hirn läuft nicht ganz rund, war wohl gestern auch schon so :+1:

ps: jetzt seh ichs: vorher war nach dem if ein > und der style wurde nur vorher eingefügt :slight_smile:

36

Hallo zusammen,

falls sich jemand bewogen fühlt einen Fix bereit zu stellen, wäre ich bereit ein Update zu releasen.

Allerdings frage ich mich auch, ob das wirklich etwas ist, dass in der Software gefixt werden muss, oder ob es nicht doch am Browser/OS liegt :thinking:

Viele Grüße aus Schöppingen
Michael Telgmann

2 „Gefällt mir“
37

Bei mir kann ich diese Zeile nicht löschen - zerstört das Template in der mobilen Ansicht.

Mit dem „unset“ -Fix klappt zumindest der Warenkorb-Button wieder jedoch nicht der Anker-Link zum Bewerten-Tab.

38

Wie sieht deine komplette content.tpl aus?

39

@quebag:
Wäre die Frage ob ggf. noch ein weiteres Plugin oder Template die tpl-Vorlage verändert, das würde sich dann überschneiden.

40

original ist sie auf jedenfall nicht, diese Zeile, in 5.6.10