TEMPLATE: Bootstrap - freies responsive Template

[JZ_Aqua]

Hallo
Nachtrag.
Auch mobil funktioniert mit dem Template von Karl das Modul Frage zum Artikel jetzt. Ich kann bis zum Absende Button scrollen und das Formular absenden.
Ich hänge mal meine contact_us_popup.html hier an. Dort sind allerdings Straße, Firma, Ort usw. von mir raus genommen worden, das es für die Frage zum Produkt ja (nach meiner Meinung) reicht wenn eine Mailadresse und Name angegeben wird.

[Morgenstund]

@JZ-Aqua und Morgenstund: Sucht mal bitte in der bootstrap.css oder bootstrap.min.css (welche ihr benutzt) nach "modal-body" und ändert dort max-height: 400px.
Das sollte helfen.

Hallo Karl,

wenn ich mich recht entsinne, hatte ich die max-height vor einigen Wochen bei meiner Lösungssuche geändert, allerdings wurden dann die Bilder-Popups ebenfalls auf eine Höhe von 400px beschnitten. Ist natürlich auch nicht wirklich erwünscht, also kamen die besagten leeren Absätze zum Einsatz.

[JZ_Aqua]

@Morgenstund
Danke für die Info, auf die Bilder hatte ich gar nicht geachtet und man musste sie scrollen.
Ich habe den Wert jetzt auf 500 gestellt, das passt für mich perfekt.
Alle Inhalte lassen sich scrollen und die Bilder sind auch wieder als ganzes zu sehen.

[swolfram [templatix]]

Um etwas flexibler zu bleiben, kann man die von Karl beschrieben Werte auch relativ setzen "max-height: 80%". Das gibt guten Platz auf großen Bildschirmen und auf kleineren wird dann entsprechend der Scrollbalken gezeigt falls nötig.

Optional: Kombiniert mit "min-height: 500px" bleiben die Bilder auch scrollfrei.

Man muss halt beides etwas testen.

[astaller]

Hallo zusammen,

anbei mal das Modul Artikel Anfrage als Bootstrap PopUp Version.
Wer es benutzen möchte, kann dies gerne tun

Das Modul ist so konfiguriert, das es je nach Endgerät andere Ansichten/Größen des PopUps lädt.
Auf PC & auf Android Geräten funktioniert dies wunderbar, lediglich auf dem iPhone (hab nur ein 5er zur Hand) zickt es ein bisschen.

Wer sich die normale Version (MODUL: Artikel Anfrage) bereits installiert hat, macht bitte folgende Änderungen:

Löschen:

• templates/DEIN-TEMPLATE/buttons/english/button_ask.gif
• templates/xtc5/buttons/german/button_ask.gif

Einbau rückgängig machen:

• includes/header.php

Einbauten durch die Änderungen in diesem Modul ersetzen:

• includes/modules/product_info.php
• templates/bootstrap/stylesheet.css
• templates/bootstrap/module/product_info/product_info_tabs.html
• templates/bootstrap/module/product_info/product_info_v1.html
• templates/bootstrap/module/product_info/product_info_x_accordion_v1.html

Ganz Datei tauschen mit der aus diesem Modul:

• templates/bootstrap/module/contact_us_popup.html

Ich hoffe es haben sich keine Fehler eingeschlichen...
Danke für die Rückmeldungen!

MfG
Achim S.

[EDIT Tomcraft 09.10.2015: Erweiterungs-Paket in Beitrag 1 ergänzt.]

[JZ_Aqua]

Hallo
@astaller
Danke fürs bereitstellen Deiner modifizierten Dateien.
So weit ich es sehen kann funktioniert es problemlos. Ich habe zwar an einigen Stellen noch leichte Unstimmigkeiten mit der mobilen Ansicht und was das scrollen angeht, aber das ist dann lediglich ein ändern und ausprobieren verschiedener Werte bis es passt.

Auch der Vorschlag von @swolfram Prozentwerte anzugeben ist ja ein guter Ansatz hier flexibler zu sein.

[Toby]

Hi,
gibt es eine Möglichkeit wenn ich in den Details auf einen Artikel und sich die thickbox öffnet, dass ich von dort aus per Navi links und rechts durch die weiteren Produktbilder scrollen kann, in sofern vorhanden?

Vielen Dank

[Karl1]

Hallo Toby,
guckst du Beitrag 1.
Gruß Karl

[toppi]

@astaller

Danke für die Aktualisierung des Moduls Artikel Anfrage als Bootstrap PopUp

Es funktioniert nun alles einwandfrei, auch mit einem Iphone.

Gruß
toppi

[voste]

Hallo,
Frage1: Ich möchte gerne für das linke Verticale Menü die listenpunkte definieren aber nur ab dem 1. Level.
Sprich Hauptkategorien ohne Zeichen, unterkategorien mit Zeichen.
Habe es per css probiert:

Code: CSS  [Auswählen]

.level1 li :before {
        content:"\00BB" " ";
}

ganz klappt das aber nicht, denn wenn man mehr als 1. Unterkategorie hat zeigt er das Symbol schon in der oberliegende ebene an. Und wenn man dann z.b auf die 2. Unterkategorie geht ist alles voll von den Symbolen. Hänge mal nen screen an.

Frage 2:
In der Mobilen Ansicht ist das Superfish Menü durch die aufgeklapten Kategorien ziemlich "Voll" bei mir.
Habe dann mal die Datei "xtc_show_category_superfish.inc.php " aus dem Beitrag hier: http://www.modified-shop.org/forum/index.php?topic=28846.msg295383#msg295383
bei mir eingefügt und funktioniert auch. Meine Frage dazu ist jetzt ob man genau das nur für die Mobile ansicht machen kann.

Mit freundlichen Grüßen
Voste

[Karl1]

Hallo Voste,

zu Frage 1: Probier mal

Code: CSS  [Auswählen]

#box_categories .level2 a::before {
  content: ">> ";
}

oder wenn nur der Level 2 die Pfeile erhalten soll

Code: CSS  [Auswählen]

#box_categories .level2 > a::before {
  content: ">> ";
}

Frage 2: In dem Download, den du zitierst geht das Menü nur bis Level2 und nicht weiter.
Das Superfish Menü klappt in der mobile Ansicht komplett aus, damit das Menü auch mit allen IPhone's und älteren Androidsysteme funktioniert.

Gruß Karl

[voste]

Ah super klappt....
vielen lieben dank!

Zu der Mobilen Ansicht... ja ich weiss das es so sein soll mit dem ausgeklappten aber es sprengt halt den ganzen Bildschirm weil so viele unterkategorien drinne sind.
Deshalb war ja meine frage ob man sich in der Mobilen Ansicht nur die Hauptkategorien anzeigen lassen kann.

[Karl1]

Hallo Voste,
in der mobilen und in der Desktop-Ansicht werden die selben Menüeinträge angezeigt.
Wenn du also mit dem Download (Menü bis zur 1. Unterkategorie) zurechtkommst, dann ist das doch in Ordnung.

Oder verstehe ich dich falsch?

Gruß Karl

[voste]

Ja Karl im Grunde schon. Nur ich wollte es ja eigentlich so haben das nur auf der Mobilen Version so ist. Desktop Version soll das Menü auf Standart sein, also so wie es ursprünglich in deinem Template ist. Halt das es ausgeklappt ist. Auf der Mobilen Version soll es so sein wie in deiner geposteten Datei die ich zitiert habe.

Sorry hatte mich glaube nicht richtig ausgedrückt gehabt

[Karl1]

Hallo Voste,
hab ich wirklich nicht verstanden.

Schreib in die templates/bootstrap/stylesheet.css in die Zeile nach @media (max-width: 979px) {

Code: CSS  [Auswählen]

ul.dropdown-menu li{
display:none;
}

Gruß Karl