# iOS 18 - Safari oder Chrome / Detailseite Buttons ohne Funktion

**URL:** <https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237>\
**Category:** Shopware 5\
**Created:** [19. September 2024 um 07:05 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237 "2024-09-19T07:05:28Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![octodelta](https://avatars.discourse-cdn.com/v4/letter/o/da6949/32.png) [@octodelta](https://forum.shopware.com/u/octodelta)\
**Post date:** [28. September 2024 um 18:49 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/21 "2024-09-28T18:49:30Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Steffffi](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/steffffi/32/13846_2.png) [@Steffffi](https://forum.shopware.com/u/Steffffi)\
**Post date:** [28. September 2024 um 19:03 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/22 "2024-09-28T19:03:12Z")

</div>

Danke.

Wo müsste denn das genau hin?

```auto
            {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}

```

---

<div class="post-metadata">

**Author:** ![octodelta](https://avatars.discourse-cdn.com/v4/letter/o/da6949/32.png) [@octodelta](https://forum.shopware.com/u/octodelta)\
**Post date:** [28. September 2024 um 19:07 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/23 "2024-09-28T19:07:19Z")

</div>

So klappt es bei mir:

```auto
{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}

```

---

<div class="post-metadata">

**Author:** ![Steffffi](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/steffffi/32/13846_2.png) [@Steffffi](https://forum.shopware.com/u/Steffffi)\
**Post date:** [28. September 2024 um 19:16 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/24 "2024-09-28T19:16:35Z")

</div>

Danke!

Kleine Frage noch: das „\>“ muss sein?

---

<div class="post-metadata">

**Author:** ![octodelta](https://avatars.discourse-cdn.com/v4/letter/o/da6949/32.png) [@octodelta](https://forum.shopware.com/u/octodelta)\
**Post date:** [28. September 2024 um 19:24 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/25 "2024-09-28T19:24:37Z")

</div>

Klappt es jetzt auf einem echten iPhone?

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

---

<div class="post-metadata">

**Author:** ![Steffffi](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/steffffi/32/13846_2.png) [@Steffffi](https://forum.shopware.com/u/Steffffi)\
**Post date:** [28. September 2024 um 19:27 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/26 "2024-09-28T19:27:14Z")

</div>

Iphone passt 🙂

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

---

<div class="post-metadata">

**Author:** ![octodelta](https://avatars.discourse-cdn.com/v4/letter/o/da6949/32.png) [@octodelta](https://forum.shopware.com/u/octodelta)\
**Post date:** [28. September 2024 um 19:32 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/27 "2024-09-28T19:32:52Z")

</div>

Super 😊

Ja, das Tag wird am Ende damit geschlossen.

---

<div class="post-metadata">

**Author:** ![Steffffi](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/steffffi/32/13846_2.png) [@Steffffi](https://forum.shopware.com/u/Steffffi)\
**Post date:** [28. September 2024 um 19:55 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/28 "2024-09-28T19:55:21Z")

</div>

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 😖

---

<div class="post-metadata">

**Author:** ![sijandi](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@sijandi](https://forum.shopware.com/u/sijandi)\
**Post date:** [29. September 2024 um 07:00 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/29 "2024-09-29T07:00:48Z")

</div>

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 ☹

Habe ich was falsch gemacht?

```auto
{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

---

<div class="post-metadata">

**Author:** ![sacrofano](https://avatars.discourse-cdn.com/v4/letter/s/65b543/32.png) [@sacrofano](https://forum.shopware.com/u/sacrofano)\
**Post date:** [29. September 2024 um 07:16 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/30 "2024-09-29T07:16:35Z")

</div>

> [@sijandi](#):
>
> `<div class="product--detail-upper block-group">`

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

---

<div class="post-metadata">

**Author:** ![sijandi](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@sijandi](https://forum.shopware.com/u/sijandi)\
**Post date:** [29. September 2024 um 10:47 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/31 "2024-09-29T10:47:39Z")

</div>

Hallo @sacrofano

Super, das wars! Damit hats geklappt!

Beste Grüsse

Sijandi

---

<div class="post-metadata">

**Author:** ![Steffffi](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/steffffi/32/13846_2.png) [@Steffffi](https://forum.shopware.com/u/Steffffi)\
**Post date:** [29. September 2024 um 11:02 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/32 "2024-09-29T11:02:13Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![sijandi](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@sijandi](https://forum.shopware.com/u/sijandi)\
**Post date:** [29. September 2024 um 11:09 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/33 "2024-09-29T11:09:59Z")

</div>

> [@sijandi](#):
>
> `style="z-index: unset`

Was wäre es denn? ein „;“

---

<div class="post-metadata">

**Author:** ![SForst](https://avatars.discourse-cdn.com/v4/letter/s/df705f/32.png) [@SForst](https://forum.shopware.com/u/SForst)\
**Post date:** [29. September 2024 um 11:16 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/34 "2024-09-29T11:16:57Z")

</div>

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

```auto
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

---

<div class="post-metadata">

**Author:** ![Steffffi](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/steffffi/32/13846_2.png) [@Steffffi](https://forum.shopware.com/u/Steffffi)\
**Post date:** [29. September 2024 um 11:53 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/35 "2024-09-29T11:53:29Z")

</div>

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

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

---

<div class="post-metadata">

**Author:** ![Michael\_Telgmann](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/michael_telgmann/32/20289_2.png) [@Michael\_Telgmann](https://forum.shopware.com/u/Michael_Telgmann)\
**Post date:** [30. September 2024 um 06:50 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/36 "2024-09-30T06:50:15Z")

</div>

Hallo zusammen,

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

> **[GitHub - shopware5/shopware: Shopware 5 core](https://github.com/shopware5/shopware/)**
>
> Shopware 5 core

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 🤔

Viele Grüße aus Schöppingen  
Michael Telgmann

---

<div class="post-metadata">

**Author:** ![quebag](https://avatars.discourse-cdn.com/v4/letter/q/c67d28/32.png) [@quebag](https://forum.shopware.com/u/quebag)\
**Post date:** [30. September 2024 um 07:09 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/37 "2024-09-30T07:09:45Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![sacrofano](https://avatars.discourse-cdn.com/v4/letter/s/65b543/32.png) [@sacrofano](https://forum.shopware.com/u/sacrofano)\
**Post date:** [30. September 2024 um 07:50 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/38 "2024-09-30T07:50:32Z")

</div>

Wie sieht deine komplette content.tpl aus?

---

<div class="post-metadata">

**Author:** ![octodelta](https://avatars.discourse-cdn.com/v4/letter/o/da6949/32.png) [@octodelta](https://forum.shopware.com/u/octodelta)\
**Post date:** [30. September 2024 um 09:21 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/39 "2024-09-30T09:21:27Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Steffffi](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/steffffi/32/13846_2.png) [@Steffffi](https://forum.shopware.com/u/Steffffi)\
**Post date:** [30. September 2024 um 09:34 UTC](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/40 "2024-09-30T09:34:12Z")

</div>

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

[Vorherige Seite](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237.md?page=1)

[Nächste Seite](https://forum.shopware.com/t/ios-18-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237.md?page=3)