Ankündigung

Einklappen
Keine Ankündigung bisher.

Neu hinzugefügte Sideboxen in mobiler Ansicht ausblenden

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    (Zen-Cart 1.5.6) Neu hinzugefügte Sideboxen in mobiler Ansicht ausblenden

    Hallo zusammen,

    mal eine Frage:
    Ist das so gewollt, das die Linke Box in der Mobilen Ansicht ausgeblendet wird und die Rechte Box aber verschoben bleibt beim Resp.Clasic Templ.
    Ich dachte die Boxen sollen ges. verschwinden.

    Habe ich einen Fehler, oder das Templatte oder....
    Klicke auf die Grafik für eine vergrößerte Ansicht

Name: Unbenannt 1.jpg
Ansichten: 1
Größe: 28,9 KB
ID: 104031

    Als Beispiel ist jetzt rechts unten die Loginbox zu sehen

    Grüße

    Guido
    Angehängte Dateien

    #2
    Am einfachsten wird die ID der Sidebox in folgender Datei hinterlegt:
    includes/templates/responsive_classic/jscript/jscript_responsive_framework.php

    Hier sind bereits ab ca. Zeile 29 die Standardsideboxen hinterlegt, z.B.
    Code:
    $('#shoppingcart').css({ 'display': 'none', 'visibility': 'hidden' });
    Dadurch erscheint die Warenkorbsidebox nicht am Mobile

    Um nun auch die Loginbox auszublenden einen entsprechenden Eintrag hinzufügen:
    Code:
    $('#loginbox').css({ 'display': 'none', 'visibility': 'hidden' });
    Zur weiteren Feinabstimmung verwendet das responsive_classic Template 3 verschiedene Stylesheets für das Layout auf mobilen Geräten. Hier kann zusätzlich für unterschiedliche Geräte/Auflösungen feingetuned werden.

    responsive_default.css
    wenn ein Gerät generell als Nicht-Desktop erkannt wird

    responsive_mobile.css
    wenn ein Gerät als Smartphone mit seiner Auflösung genau erkannt wird. um die Anzeige auf Smartphones feinabstimmen zu können

    responsive_tablet.css
    wenn ein Gerät als Tablet mit seiner Auflösung genau erkannt wird, um die Anzeige auf Tablets feinabstimmen zu können

    Dadurch kann das Layout gezielt für verschiedenste Geräte feinabgestimmt werden.

    Zwei der Styleheets enthalten die Anweisungen, was mit den Sideboxen in verschiedenen Displaygrößen passieren soll.

    responsive_default.css

    Hier werden die in Zen Cart mitglieferten Sideboxen ausgeblendet:

    Code:
    /* side-boxes */
    /* ADD { display:none;visibility:hidden; } to Hide Side-Box */
    /* LEAVE BLANK {  } to Show Side-Box */
    div#documentcategories {display:none;visibility:hidden;}
    div#categories {display:none;visibility:hidden;}
    div#whatsnew {display:none;visibility:hidden;}
    div#manufacturers {display:none;visibility:hidden;}
    div#reviews {display:none;visibility:hidden;}
    div#featured {display:none;visibility:hidden;}
    div#information {display:none;visibility:hidden;}
    div#moreinformation {display:none;visibility:hidden;}
    div#bannerbox {display:none;visibility:hidden;}
    div#ezpages {display:none;visibility:hidden;}
    div#recordcompanies {display:none;visibility:hidden;}
    div#musicgenres {display:none;visibility:hidden;}
    div#bannerboxall {display:none;visibility:hidden;}
    div#search {display:none;visibility:hidden;}
    div#bannerbox2 {display:none;visibility:hidden; }
    div#bestsellers {display:none;visibility:hidden; }
    div#specials {display:none;visibility:hidden; }
    div#whosonline {display:none;visibility:hidden;}
    Wenn jetzt zusätzliche Sideboxen installiert werden, dann muss für die festgelegt werden, ob sie angezeigt werden sollen.
    Also die Liste mit der ID dieser neuen Sidebox erweitern, diese Login Sidebox hat die ID loginbox, also hinzufügen:

    Code:
    div#loginbox {display:none;visibility:hidden;}
    Die Definition für die Sideboxen kommt mehrfach vor für die verschiedenen Displaygrößen, also an allen Stellen entsprechend erweitern, wenn die Sidebox überall ausgeblendet werden soll.


    responsive_tablet.css

    Hier werden die Sideboxen im Landscape Modus eingeblendet, weil ja genug Platz dafür ist:

    /* ALL TABLETS - ORIENTATION:LANDSCAPE */

    Code:
    /* side-boxes */
    /* ADD { display:none;visibility:hidden; } to Hide Side-Box */
    /* LEAVE BLANK {  } to Show Side-Box */
    div#documentcategories{}
    div#categories{}
    div#whatsnew{}
    div#manufacturers{}
    div#reviews{}
    div#featured{}
    div#information {}
    div#moreinformation{}
    div#bannerbox{}
    div#ezpages{}
    div#recordcompanies{}
    div#musicgenres{}
    div#bannerboxall{}
    div#search{}
    div#bannerbox2{}
    div#bestsellers{}
    div#specials{}
    div#whosonline{}
    Also auch z.B. die neue Sidebox einblenden:

    Code:
    div#loginbox{}
    Im Portrait Format werden die Sideboxen ausgeblendet:

    /* ALL TABLETS - ORIENTATION:PORTRAIT (DEFAULT LAYOUT) */

    Code:
    /*bof side-boxes*/
    /* ADD { display:none;visibility:hidden; } to Hide Side-Box */
    /* LEAVE BLANK {  } to Show Side-Box */
    div#documentcategories { display:none;visibility:hidden; }
    div#categories { display:none;visibility:hidden; }
    div#whatsnew { display:none;visibility:hidden; }
    div#manufacturers { display:none;visibility:hidden; }
    div#reviews { display:none;visibility:hidden; }
    div#featured { display:none;visibility:hidden; }
    div#information { display:none;visibility:hidden; }
    div#moreinformation { display:none;visibility:hidden; }
    div#bannerbox { display:none;visibility:hidden; }
    div#ezpages { display:none;visibility:hidden; }
    div#recordcompanies { display:none;visibility:hidden; }
    div#musicgenres { display:none;visibility:hidden; }
    div#bannerboxall { display:none;visibility:hidden; }
    div#search { display:none;visibility:hidden; }
    div#bannerbox2 { display:none;visibility:hidden; }
    div#bestsellers { display:none;visibility:hidden; }
    div#specials { display:none;visibility:hidden; }
    div#whosonline {display:none;visibility:hidden;}
    div#shoppingcart{display:none;visibility:hidden;}
    div#manufacturerinfo{display:none;visibility:hidden;}
    div#productnotifications{display:none;visibility:hidden;}
    div#orderhistory{display:none;visibility:hidden;}
    div#currencies{display:none;visibility:hidden;}
    div#languages{display:none;visibility:hidden;}
    Also auch die neue Sidebox ausblenden
    Code:
    div#loginbox {display:none;visibility:hidden;}

    responsive_mobile.css

    Um sicher zu gehen, dass die Box auf jedem Smartphone egal welcher Größe immer ausgeblendet wird, kann man zusätzlich auch hier einfügen:
    Code:
    div#loginbox {display:none;visibility:hidden;}
    Zuletzt geändert von webchills; 04.01.2019, 22:20.

    Kommentar


      #3
      neue Boxen auch in jscript_responsive_framework.php eintragen

      Ergänzung: bei mir hat es erst dann funktioniert, als ich diese Einträge auch in /includes/templates/responsive_classic/jscript/jscript_responsive_framework.php
      gemacht habe.

      Kommentar


        #4
        Ich hänge meine Frage mal hier mit an. In der Sidebox Information ist neben anderen Links (Impressum, Versand etc) auch der Link zu den Zahlungsarten enthalten. In der Desktopversion wird er auch angezeigt, beim Smartphone ist er aber nicht sichtbar. Unter Konfiguration/Eigene Seiten ist die Einstellung 1, also Link und Text ein. Warum also werden die anderen Links der Sidebox Information im Smartphone angezeigt, aber die Zahlungsarten nicht?

        Kommentar


          #5
          Der Inhalt der "Box" Information für die mobile Version ist in diesem Template völlig separat gesteuert:
          Hallo Freunde, uns hat ein Kunde daraf hingewiesen, dass bei der mobilen Ansicht unseres Shops das Impressum nicht aufgeführt wird. Leider habe ich im Forum nichts dazu gefunden und frage in die Runde ob dieses Problem auch weitere Shops betrifft. Könnt ihr mir sagen welche Einstellungen und wo hier noch gemacht werden

          Kommentar

          Info zu diesem Forenarchiv:
          Mit Release von 1.5.7 wurde die deutsche Zen Cart Version auf eine reine DIY-Lösung umgestellt.
          Für einen Support via Forum stehen keine personellen und zeitlichen Ressourcen mehr zur Verfügung.
          Dieses Supportforum bleibt im Nur-Lesen-Modus als Wissensarchiv noch online verfügbar.
          PM Funktionalität, Registrierung und Posten neuer Beiträge sind deaktiviert.
          Zugriff auf Anhänge in den Postings ist auch ohne Registrierung/Einloggen möglich.
          FAQ und Downloadbereich des Forums wurden in die neue umfangreiche Knowledgebase auf der zen-cart-pro.at Website übernommen.

          Das Development der deutschen Zen Cart Version geht wie bisher auf Github weiter.
          Wir werden auch weiterhin neue Versionen bereitstellen und die Onlinedokumentation/Knowledgebase aktualisieren.
          Fehler in der Software können auf Github als Issues gemeldet werden.
          Follow us
          aktuelle version
          Zen Cart 1.5.7g deutsch
          vom 12.12.2023
          [Download]
          Lädt...
          X