Ergebnis 1 bis 5 von 5

Thema: Neu hinzugefügte Sideboxen in mobiler Ansicht ausblenden

  1. #1
    Padawan Stufe VI Avatar von bumerang24
    Registriert seit
    25.11.2011
    Ort
    München
    Beiträge
    716
    Themen
    105
    DANKE
    41
    Erhaltene Danke: 55

    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.839
    Themen
    94
    DANKE
    3
    Erhaltene Danke: 1.186

    Standard

    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;}
    Geändert von webchills (04.01.2019 um 22:20 Uhr)
    !!! 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
    114
    Themen
    30
    DANKE
    9
    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.344
    Themen
    110
    DANKE
    50
    Erhaltene Danke: 116

    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.839
    Themen
    94
    DANKE
    3
    Erhaltene Danke: 1.186

    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 nicht nur bloß ins Deutsche übersetzt, sondern auch funktional auf die Anforderungen, die an Onlineshops in Deutschland, Österreich und der Schweiz gestellt werden, angepasst.

Die amerikanische Version ist extrem abgespeckt und stellt weiterführende Funktionalitäten durch zusätzliche Module bereit, die erst mühsam manuell installiert werden müssen. Zahlreiche häufig genutzte Erweiterungen und eigene Entwicklungen sind in der deutschen Zen Cart Version bereits vorinstalliert.
Die deutsche Zen-Cart Version bietet außerdem einen völlig multilingualen Adminbereich. Weitere für die deutsche Zen Cart Version angepasste Erweiterungen stehen in unserem Downloadbereich zur Verfügung.

Die deutsche Zen Cart Version wird seit 15 Jahren 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.6c deutsch
vom 01.09.2019
[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