TEMPLATE: Bootstrap - freies responsive Template

[miheha]

Hallo Wolkenkrieger,

schau mal in die Bootstrap Doku

http://getbootstrap.com/2.3.2/scaffolding.html#responsive

Da kann man durch die Klassen das Gerät "auswählen" was angezeigt wird.

Du könntest für jede Klasse ein eigenes DIV mit dem Hintergrundbild erstellen.

Gruß
Mike

[xxxxxxxxx]

  & ein herzliches Dankeschön.

[Karl1]

Hallo Mike,
zu deinem Beitrag #88 bezüglich des Menüs auf dem Mobile.

Ich habe das gleiche Problem und diesbezüglich schon rumprobiert, auch mit dem Fix. Dann hat mir Olli0578 gesagt, auf seinem IPHONE würde alles funktionieren.

Kannst du das mal ausprobieren, ich hab nur eine lokale Installation?

/templates/bootstrap/javascript/general.js Abschnitt //Superfishmenu ändern in:

Code: Javascript  [Auswählen]

// Superfishmenu
//$('.dropdown.men').hover(function() { $(this).addClass('open');}, function() {$(this).removeClass('open');});
$('.dropdown-toggle').click(function(e) {
  e.preventDefault();
  setTimeout($.proxy(function() {
    if ('ontouchstart' in document.documentElement) {
      $(this).siblings('.dropdown-backdrop').off().remove();
    }
  }, this), 0);
});

/templates/bootstrap/stylesheet.css hinzufügen (setzt hover bei Desktop's):

Code: CSS  [Auswählen]

@media (min-width: 979px) {
              ul.nav li.dropdown:hover > ul.dropdown-menu {
                    display: block;
                    margin-top:0px;
}
}

/templates/bootstrap/source/inc/xtc_show_category_superfish.inc.php Zeile 319 ändern (in den a-Tag wird data-toggle="dropdown" hinzugefügt):

Code: PHP  [Auswählen]

        '<li'.$ListID.$DropdownClass.'><a '.$linkhref.' class="dropdown-toggle" data-toggle="dropdown">'.$foo[$cid]['name'].' '.$caret.'</a>'."\n".str_repeat("\t",$level+2).'<ul class="dropdown-menu">'."\n";

Bitte melde dich, ob's funktioniert.
Gruß Karl

[miheha]

Hallo Karl,

nur eine kurze Rückmeldung da ich im Moment nicht arbeiten kann.

Das Menü deiner Bootstrap Version klappt auf dem Ipad3 mit iOS7.

Probleme habe ich mit einem Android mit 4.4.2 und Chrome.

Werde den Fix morgen mal einspielen und testen.
Gruß
Mike

[wolkenkrieger]

Hi Karl,

wenn ich in den Artikeldetails auf den Link "versandkosten" klicke, bekomme ich ein leeres Popup angezeigt, in dem offenbar eine Grafik angezeigt werden soll. Die Lieferkosten sind entsprechend im Contentmanager hinterlegt, werden aber eben nicht im Popup angezeigt.

Was muss ich ändern?

Danke dir

[Karl1]

Hallo Wolkenkrieger,
hast du die Einstellungen aus Antwort #32 http://www.modified-shop.org/forum/index.php?topic=28846.msg260940#msg260940 im Backend gemacht?

Ansonsten schick mir bitte mal den Quellcode von dem Versandkostenlink, der sollte etwa so ausschauen.

Code: Text  [Auswählen]

<a class="contentbox" title="Information" href="http://dein_shop/popup_content.php?coID=1" target="_blank" rel="nofollow">Versandkosten</a>

Gruß Karl

[wolkenkrieger]

Habe ich natürlich nicht gemacht

Funktioniert jetzt bestens

Danke dir

[cyanx]

Hallo  ich hab das Templat jetzt in einem Shop im einsatz.
Es funktioniert Recht gut hab nur mit dem Bild Slider ein wenig gekämpft hatte das menü erst etwas Verschoben.
Ich hab es einfach so Übernommen ohne viel Anpassung
Danke für das Template an Karl

[Wave]

Hallo Wave,
danke für dein Lob.
Das mit dem Ä und X ist mir unverständlich, das setzt das Bootstrap Framework automatisch. Ist das bei allen Bildern so? Du hast keine zusätzlichen Javascriptdateien geladen? Du hast die Einstellungen im Adminbereich gem. Antwort #32 gemacht?

Wegen dem Bild im Checkout. Öffne mal die /templates/bootstrap/module/checkout_confirmation.html mit einem Editor. Ändere dort den Code an wie folgt.

Code: PHP  [Auswählen]

        {if $smarty.const.CHECKOUT_SHOW_PRODUCTS_IMAGES == 'true'}
        <p>{$data.image|replace:'<a':'<a title="Information"'|replace:'thickbox':'contentbox'|replace:'&amp;KeepThis=true&amp;TB_iframe=true&amp;height=450&amp;width=750':''}</p>
        {/if}

Den Button versetze ich in der neuen Version. Dauert aber noch etwas.
Gruß Karl

Hallo Karl

keine Funktinn.

Bei Kontoeröffnung ( Datenschutz Popup ) kommt auch kein ein Content.

[Wave]

Alle Popup Fenster erscheinen zwar, aber ohne Inhalt.

Siehe Anhang.

[Karl1]

Hallo Wave,
poste mal den Quellcode des Links.
Sollte so ähnlich aussehen, wie der in Antwort #95.
Karl

[xeron]

Hallo,

meine Frage wäre warum soviel im Core geändert wurde. Ich habe auch ein Bootstrap aber da wurde nur in der header und metatags.php geändert.

Mir geht es um Updates da ich dann ja immer wieder neu beginnen muss.

Grüße
André

[Karl1]

Hallo Andrè,
ich versuche für die Allgemeinheit ein Template zu basteln - frei zugänglich und nutzbar.
Mach doch konkrete Vorschläge.

Kannst du dein Bootstrap-Template hier zur Verfügung stellen?

Gruß Karl

[xeron]

Hallo Karl,

finde es ja auch Top das Du sowas machst. Ich habe mein Template gekauft und war halt überrascht das nur in diesen 2 Dateien bei meinem Änderungen waren.

Grüße
André

[miheha]

Hallo Karl,

bezüglich Beitrag #92. Ich habe den Fix eingebaut.

Leider habe ich die Datei

/templates/bootstrap/javascript/general.js

nicht in deinem Template gefunden. Habe das mal in die bootstrap.js gepackt auch wenn da noch kein

Test mit Android 4.4.2:
Es klappt fast. Nun muss man zwei mal auf das erste Untermenü klicken. Erst dann geht es auf und bleibt auch offen.

Das ist schon besser als vorher aber ich muss mal verstehen wie das alles zusammen spielt. Ist der erste klick nun der :hover Effekt und der zweite Klick der das Ereignis auslöst?  Dachte durch den js code wird der :hover Effekt auf "0" gesetzt. Ist der in der falschen Datei?

Auf dem Ipad iOS7 klappt es immer noch.

Gruß
Mike