Ergebnis 1 bis 5 von 5

Thema: Neu hinzugefügte Sideboxen in mobiler Ansicht ausblenden

  1. #1
    Padawan Stufe V Avatar von bumerang24
    Registriert seit
    25.11.2011
    Ort
    München
    Beiträge
    654
    Themen
    87
    DANKE
    36
    Erhaltene Danke: 51

    Standard 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....
    Unbenannt 1.jpg

    Als Beispiel ist jetzt rechts unten die Loginbox zu sehen

    Grüße

    Guido
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Jedi-Ritter Avatar von webchills
    Registriert seit
    30.10.2004
    Ort
    Österreich
    Beiträge
    6.652
    Themen
    88
    DANKE
    3
    Erhaltene Danke: 1.148

    Standard

    Das responsive_classic Template verwendet 3 verschiedene Stylesheets für das Layout auf mobilen Geräten

    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;}
    !!! kostenloser Support ausschließlich im Forum - Nicht per Email, nicht per Telefon und nicht per PM !!!

  3. Folgende 2 User sagen Danke zu webchills für den nützlichen Beitrag:

    bumerang24 (15.10.2016),forbi099 (18.08.2017)

  4. #3
    Padawan Stufe II Avatar von forbi099
    Registriert seit
    04.07.2008
    Beiträge
    102
    Themen
    25
    DANKE
    8
    Erhaltene Danke: 0

    Standard 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.

  5. #4
    Padawan Stufe VIII Avatar von klartexter
    Registriert seit
    19.02.2006
    Ort
    Augsburg
    Beiträge
    1.249
    Themen
    79
    DANKE
    45
    Erhaltene Danke: 109

    Standard

    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?
    Immer mit der Ruhe - ich komme noch früh genug zu spät!

  6. #5
    Jedi-Ritter Avatar von webchills
    Registriert seit
    30.10.2004
    Ort
    Österreich
    Beiträge
    6.652
    Themen
    88
    DANKE
    3
    Erhaltene Danke: 1.148

    Standard

    Der Inhalt der "Box" Information für die mobile Version ist in diesem Template völlig separat gesteuert:
    https://www.zen-cart-pro.at/forum/th...-Ansicht-fehlt
    !!! kostenloser Support ausschließlich im Forum - Nicht per Email, nicht per Telefon und nicht per PM !!!

  7. Folgender User sagt Danke zu webchills für den nützlichen Beitrag:

    klartexter (07.03.2018)

Ähnliche Themen

  1. (Zen-Cart 1.5.5) Impressum bei mobiler Ansicht fehlt?
    Von Karfunkelchen im Forum Responsive Classic
    Antworten: 2
    Letzter Beitrag: 11.02.2018, 19:36
  2. (Zen-Cart 1.5.5) Problem bei Mobiler Ansicht (Templ. Sterling Grand)
    Von it-corner im Forum Stirling Grand
    Antworten: 1
    Letzter Beitrag: 03.11.2017, 21:58
  3. Warenkorb in Mobiler Ansicht Problem
    Von TomCraft im Forum Konfiguration
    Antworten: 1
    Letzter Beitrag: 17.10.2016, 00:52
  4. (Zen-Cart 1.5.5) Artikellisten Ansicht
    Von amatoris im Forum Winchester Responsive
    Antworten: 2
    Letzter Beitrag: 19.09.2016, 10:54
  5. Sideboxen zuordnen
    Von Solanum im Forum Sideboxes
    Antworten: 2
    Letzter Beitrag: 23.08.2016, 10:34

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  
zen-cart-pro.at
Zen Cart ist eine kostenlose unter der GPL-Lizenz veröffentlichte Open-Source Shopsoftware. Das System wird in den USA entwickelt, die amerikanische Website dazu ist www.zen-cart.com

Die deutsche Zen-Cart Version, um die es hier auf zen-cart-pro.at geht, ist eine Anpassung der amerikanischen Version an die Bedürfnisse von Onlineshopbetreibern im deutschsprachigen Raum.
Die amerikanische Zen-Cart Version berücksichtigt viele rechtliche Erfordernisse nicht, denen ein Onlineshop im deutschsprachigen Raum unterworfen ist. Daher wurde die deutsche Zen-Cart Version auf die Anforderungen, die an Onlineshops in Deutschland, Österreich und der Schweiz gestellt werden, angepasst.

Die deutsche Zen-Cart Version bietet außerdem einen multilingualen Adminbereich. Dadurch sind auch die in der Datenbank hinterlegten Konfigurationseinstellungen und -beschreibungen auf deutsch. Diese Funktionalität steht natürlich auch für später installierte Erweiterungen zur Verfügung. Die im Downloadbereich von zen-cart-pro.at angebotenen Module berücksichtigen diese Multilanguagefähigkeit und sind alle für die deutsche Zen-Cart Version ausgelegt. Zahlreiche häufig genutzte Erweiterungen sind bereits vorinstalliert.

Die deutsche Zen Cart Version wird von einem Team von Entwicklern in Österreich und Deutschland betreut, weiterentwickelt und supportet und steht kostenlos in unserem Downloadbereich zur Verfügung.

[mehr]
Follow Us
  • zen-cart-pro-at auf Twitter
  • zen-cart-pro-at auf Github
  • zen-cart-pro-at auf SourceForge
Aktuelle Version
Zen Cart 1.5.5f deutsch
Revision 1242 vom 27.10.2018
[Download]

unterstützen
Unterstütze die Weiterentwicklung der deutschen Zen Cart Version mit einer Spende!

Spende für die Weiterentwicklung der deutschen Zen Cart Version