TEMPLATE: Bootstrap - freies responsive Template

[Pfeiffer]

Hallo Goospery,
in etwa so? -> ANLEITUNG: Einbau geteilte Navigation von gunnART

[Goospery]

Hallo

ja genau so was mit 2 Navis
kann man dieses Modul einfach so einbauen in diesem Template oder wie funktioniert das genau?

mfg

[Goospery]

Hallo!

Habe jetzt auch bemerkt dass die CSS total in einer Wurst zusammen ist und so komplett unmöglich ist das ich es bearbeite es.

Hat jemand die CSS in einer ordentlichen Struktur?

mfg

[Karl1]

Hallo Goospery,
im Anhang die CSS-Datei.
Gruß Karl

[EDIT Tomcraft 24.09.2014: CSS-Datei in Datei "bootstrap_08.01.2014.zip" aus Beitrag 1 ergänzt.]

[Goospery]

Hall Karl!

Danke für die Antwort!
Leider wird auch hier wieder alles in einer Wurst gezeigt, bitte um Hilfe wie ich das ordentlich organisiert in einer Struktur bekomme.

mfg

[Karl1]

Öffne die bootstrap.css nicht mit dem Windows-Editor sondern z.B. mit Notepad++ oder PsPad, dann klappts auch.

[Goospery]

Danke dir vielmals!

Wie kann ich die Banner bearbeiten, also slider?

lg

[Karl1]

Hallo Goospery,
dafür ist der folgende Abschnitt in der /templates/bootstrap/index.html zuständig.

Code: PHP  [Auswählen]

{if strstr ($smarty.server.PHP_SELF, 'index')}
{if $smarty.get.cPath==null and $smarty.get.manufacturers_id==''}
      <div id="myCarousel" class="carousel carousel-fade slide img-polaroid">
.....
                                <p>wie Bild 3</p>
            </div>
          </div>
        </div>
      </div>    
{/if}
{/if}
 

Lese bitte dazu die Anleitung http://getbootstrap.com/2.3.2/javascript.html#carousel.

Olli und ich sind dabei das Paket zu aktualisieren und neue Sachen einzuarbeiten, unter anderem den Imageslider von Hetfield (der ist im Adminbereich zu bearbeiten). Dauert aber noch etwas.

Gruß Karl

[Goospery]

Hallo Karl!

Ich habe mir von gunnart das Modul runtergeladen damit die Unterkategorien aufgeklappt angezeigt werden.

Jetzt habe ich leider das Problem dass die Kategorie und Unterkategorie auf gleicher Höhe ausgerichtet sind und wenn ich versuche die Unterkategorie mit margin-left zu verschieben, dann bewegt sich auch die Hauptkategorie mit.

Kannst du mir eventuell weiterhelfen

Link: goospery.at/shop

Danke mfg

[Karl1]

Probiers mal mit:

Code: CSS  [Auswählen]

#box_categories li.level2 {
    margin-left: 10px;
}
/* für Level 3 falls benötigt */
#box_categories li.level3 {
    margin-left: 20px;
}

Du solltest noch die Nr. 2 der Installationsanleitung beachten - IMAGE_BUTTON_PRODUCT_MORE. Die Sprachdatei muss noch bearbeitet werden.

Gruß Karl

[Goospery]

Danke Karl für deine schnelle Hilfe immer!
Schreib mir bitte eine PN mit deiner Adresse und welches Smartphone du hast und ich schick dir per Post ein schönes Cover wenn du möchtest

Hab noch ein paar Fragen, wenn ich schon hier bin, sorry.

Mir ist aufgefallen, wenn ich die Product_info_v1 nutze, dann fällt das rechte Menü unter die Beschreibung:
http://goospery.at/shop/product_info.php?products_id=3

Der "Details" Button ist auch leider nicht im selben Style wie die anderen Buttons.

Wie kann ich das alles beheben?

mfg

[Karl1]

Hi Goospery,
danke für das Angebot, ist aber nicht nötig.

Du hast Recht, da fehlt ein </div>. Anbei die geänderte Datei, kopiere die in den Ordner /templates/bootstrap/module/product_info/ . Damit sollte es funktionieren.

Wegen den Buttons, geh bitte nochmal die Installationsanleitung durch, vor Allem schau, ob du auch wirklich alle Dateien in deinen Shoproot kopiert hast. Für die Buttons sind die Dateien xtc_image_button.inc.php und xtc_image_submit.inc.php im Ordner /inc/ zuständig.

Was mir an deiner Seite auffällt:
Du hast die Breadcrumbs weggemacht, dadurch weiß man nicht in welcher Kategorie man sich befindet. Dein eingebautes Menü hat keine Styles, weil es nicht mit Twitter Bootstrap zusammenpasst. Schick mir mal die Dateien, die du da eingebaut hast als PN, wenn ich Zeit habe schau ich mal, ob man das anpassen kann.
Ausserdem sind deine Info-Images mit den Maßen 466x466 ziemlich groß und viel weiß ums Handy.

Gruß Karl

[Goospery]

Hallo Karl!

Danke für die Hilfe, bekommst trotzdem was für deine Mühen.

Was mein du mit Styles in welchem Menü etc?

Ich möchte auch gerne die die Produktseite so gestalten dass das "productimage" mit 466x466 angezeigt wird in der Produktanzeige und rechts daneben für die Infos die Tabelle kleiner wird und dass unter der Produktfoto weitere kleinere Thumbnails sind.

Auch möchte ich gerne die "box_categories li.level2" eine andere Linkfarbe als Orange machen.

Kannst du mir da weiterhelfen?

mfg

[Karl1]

Das Template ist benannt nach dem Framework das benutzt wird - http://getbootstrap.com/2.3.2/index.html. Ziel ist ein responsive Template, also auch für Handy, Tablets nutzbar. Mach mal dein Browserfenster klein und schau dir deine Bilder an.

Ich habe also versucht so wenig wie möglich eigenes CSS zu verwenden, sondern habe versucht das Standardtemplate XTC5 an Bootstrap anzupassen.

Dein eingebautes Menü liefert folgenden Quelltext:

Code: Text  [Auswählen]

      <ul class="nav nav-list dropdown">
        <li class="level1 SubMenue On"><a href="http://goospery.at/shop/index.php?cPath=4">Apple</a></li>
<li class="level2 NoSubMenue On"><a href="http://goospery.at/shop/index.php?cPath=4_1">iPhone 4 / 4S</a></li>
....
      </ul>
 

Dafür hat das Framework keine Stylesheets.

Bootstrap erwartet folgenden Quellcode:

Code: Text  [Auswählen]

    <ul class="nav nav-list">
     <li class="active"><a href="#">Home</a></li>
    <li><a href="#">Library</a></li>
    ...
    </ul>
 

Dann hast du auch ein gestyltes Menü.

Man muss also die PHP-Dateien die du eingebaut hast anpassen, damit das rauskommt was erwartet wird.

Übrigens, wenn du in deinem Profil-Benutzerkonto keinen Haken machst, sieht man deine E-Mail nicht - kann man auch keine PN schicken.

Gruß Karl

[Goospery]

Um ehrlich zu sein habe ich das nicht ganz verstanden, liegt aber an meiner beschränkten Kenntniss in dem Bereich.