Droppics - Lightbox für mobile-Version deaktivieren

  • Hi Community,


    habe das Problem das ich eine Website betreue die nicht von Grund auf responsive aufgebaut ist, deswegen benutzte ich den DigiTemplate-Switcher. Das heißt sobald ein besuchendes Mobile-Gerät erkannt wird, wird er zu einem anderen Template weitergeleitet.

    Das Problem was ich habe, ich benutze generell Droppics, jetzt macht es mir alle Bilder mit einer Lightbox auf, was in der Desktop-Version auch so gewollt ist, jedoch nicht in der mobile Version. Da wird mir dann das Bild in einer Lightbox relativ zur Bildschirmgröße aufgemacht, man kann dann nicht zoomen etc.


    Weiß jemand wie ich bei Droppics für meine mobile Version die Lightbox deaktiviere? Verwende die free Version.


    Danke!

  • Eine Lösung könnte sein, für das Template das entsprechende JS nicht zu laden. Dafür benötigst Du die Parameternagaben für dier Übergabe des mobilen Templates und dieses Plugin https://kubik-rubik.de/de/jcc-js-css-control

    Hi Indigo, vielen Dank für deine Antwort!

    Das ist eine wirklich sehr gute Idee, habs mir direkt installiert und den Debug-Modus übers mobile Frontend laufen lassen.


    Output ist wie folgt:

    Code
    1. JS - Total files: 3 - Size: 278,36 KB - Excluded: 0,00 KB - Loaded: 278,36 KB
    2. /t3-assets/js/js-3bf77-40249.js - 274,08 KB
    3. //html5shim.googlecode.com/svn/trunk/html5.js - 0,00 KB
    4. /plugins/system/t3/base-bs3/js/respond.min.js - 4,27 KB
    5. CSS - Total files: 3 - Size: 249,07 KB - Excluded: 0,00 KB - Loaded: 249,07 KB
    6. /t3-assets/css/css-61eec-39763.css - 140,41 KB
    7. /t3-assets/css/css-30ce1-39763.css - 108,08 KB
    8. /templates/purity_iii/css/ie8.css - 0,58 KB



    Nichts davon ist die Lightbox, da mangelts aber bei mir am Know-How der einzelnen Sprachen.

    Code
    1. <img alt="IMG-20190926-WA0033" data-click="lightbox" data-droppicscategory="120" data-droppicslightbox="lightbox" data-droppicspicture="130" data-droppicssource="thumbnail" data-title="" src="/images/com_droppics/120/thumbnails/IMG-20190926-WA0033.jpg?1569511444471" style="border-radius: 3px; margin: 4px; float: left; width: 250px; height: 188px;" title="">


    Das ist z.B. ein Bild vom Frontend, offentsichtlich werden da verschiedene Parameter im HTML mitgegeben, jetzt ist die Frage in wie fern ich das "exkludieren" kann, CSS ist das nicht, JS auch nicht (?), das wird ja im HTML-Tag "img" mitgegeben. Das einzige (in der Theorie) was ich jetzt entfernen müsste ist das "data-click", das kann ich aber mit dem Plugin nicht, oder etwa doch? Leider hab ich da nur technisches Halbwissen, also sorry wenn ich da etwas falsch verstehe.


    Vielen Dank!