Modal öffnen aber ohne Menü: wie?

Shopware 6 (German)
1

Hallo Community,

ich möchte per Link ein Modal öffnen, was nur den Inhalt einer Erlebniswelt darstellt, aber das Menü des Shops und die typischen Shopfunktionen ausblendet (Einloggen, Warenkorb, Merkzettel).

So weit bin ich schon gekommen:

<a href="https://www.domain.de" title="das soll ein Link sein" data-ajax-modal="true" data-url="/erlebniswelt">das ist ein toller link</a>

Beispiel ist hier der Link in der Produktdetailseite auf „Preise inkl. MwSt. zzgl. Versandkosten“.
also:

Webentwicklerwerkzeug in Firefox:

{1EA36520-CAD6-46AF-9126-5E6471159358}
{1EA36520-CAD6-46AF-9126-5E6471159358}1916×479 77.5 KB

Zusätzlich noch die Größe des Modals im Link bestimmen (Länge und Breite) wäre noch klasse.

Shopware 6.5.8.6

2

Mir wird das Problem nicht ganz klar, es funktioniert nicht, richtig? Wo bindest Du das ein? In einer Erlebniswelt/Produktbeschreibung? Funktioniert nicht, weil das JS benötigt, was nicht auf Inhalte greift, das geht nur mit einem Plugin.

Korrektur: Hatte im Testshop den Sanitizer nicht deaktiviert, der löscht die entscheidenden Parameter raus.

3

Ich habe innerhalb des Buy Widgets den folgenden Code verwendet, um ein Modal mit dem Inhalt einer Erlebniswelt-Seite zu öffnen:

<a href="{{ path('frontend.cms.page',{ id: 'hieridderseiteeintragen' }) }}"
   title="XYZ"
   data-ajax-modal="true"
   data-url="{{ path('frontend.cms.page',{ id: 'hieridderseiteeintragen' }) }}">
    XYZ
</a>

Viele Grüße
finsti

4

Shopware hat mir folgendes geantwortet, für jemand, der das vielleicht gebrauchen könnte:

Ohne Programmieraufwand lässt sich diese Funktion über Bordmittel noch nicht wie von Dir gewünscht abbilden. Die Modalfunktion (wie bspw. bei der Modallinks zu Versandkosten) lässt sich nicht global 1:1 auf Erlebniswelten übertragen.

Was machbar ist:

Sowohl bei Shopseiten als auch Listingseiten ist der Aufbau grundsätzlich gleich

  1. HTML Beispielcodes als Template verwenden (siehe unten)
  2. Die Modal-Shopseite im Erlebniswelt Editor im Admin öffnen und die ID aus der Browser-URL Zeile entnehmen → test.de/admin#/sw/cms/detail/0191bc8bc0507024991dff565c225f22
  3. Die entnommene ID in beide Bereiche widgets/cms/ID einfügen
  4. Neue Erlebniswelt erstellen → HTML-Element hinzufügen, Code einfügen

Dadurch wird die Erlebniswelt, welche als ID in dem Link hinterlegt wurde, als Modal geöffnet. Beispiele:

<a href="/widgets/cms/0191bc8bc0507024991dff565c225f22" title="Link zu Shopseite" data-ajax-modal="true" data-url="/widgets/cms/0191bc8bc0507024991dff565c225f22"> Link zu Shopseite </a>

Beispiel-ID von Shopseite 0191bc8bc0507024991dff565c225f22

<a href="/widgets/cms/01936e326688739eb6b9e6f893cc3cb0" title="Link zu Listing Seite" data-ajax-modal="true" data-url="/widgets/cms/01936e326688739eb6b9e6f893cc3cb0"> Link zu Listing Seite </a>

Beispiel-ID von Listingseite01936e326688739eb6b9e6f893cc3cb0