Bootstrap 3 Template für Siquando Pro Web

Design-Auswahl-Dialog des BS3 Layouts
Siquando Pro Web Designauswahl mit 16 Varianten

Das responsive Design für Siquando Pro Web „Bootstrap 3” ist nun endlich erhältlich. Wie auch bei dem Bootstrap-Design für Siquando Web- und Shop 8 müssen Sie keine Arbeit in der Pflege mehrerer Webseiten-Versionen, wie für Smartphones, Tablets, PDA's oder auch Drucker, investieren. Ein Design für alle Ausgabegeräte genügt!

Wie Sie vielleicht wissen, legt mittlerweile auch Google einen Wert auf für Mobilgeräte optimierte Seiten (mehr zu diesem Thema finden Sie auf seo-book.de ). Wie auch die gerade von Ihnen besuchte Seite (siehe iPhone Screenshot ) wird auch das neue Layout für Siquando Pro Web den „Test auf Optimierung für Mobilgeräte” mit Bravour bestehen, wie Sie in diesem Bild sehen oder auf per Google-Mobile-Friendly-Test überprüfen können.

Die Slideshow kann nun komfortabel per Galerie konfiguriert werden. Die einzelnen Slideshow-Elemente können einfach per „Listenelement bearbeiten”-Dialog angepasst werden. Die Darstellung vielen Absatztypen wurde für dieses Layout angepasst, so dass sie sich den Ausgabegeräte und -breiten perfekt anpassen. Dabei werden die Standardabsätze für andere Layouts nicht überschrieben.

Ein weiteres Highlight dieses Layouts sind die Parallax-Effekte für die Absatzbereiche „Oben” und „Unten”. Über zusätzliche Sprachressourcen können Sie für beide Bereiche die Geschwindigkeit dieses Effektes einstellen.

das erste responsive Design für Siquando Pro Web

Layoutpräsentation des Pro Web Bootstrap 3 Layouts

Pro Web Bootstrap 3 Layout

Hier erhältlich, das neue und erste responsive Layout für Siquando Pro Web von „KARO”. Das Layout auf Basis von Bootstrap bietet Ihnen dank der verschiedenen Absatzbereiche in Siquando Pro Web noch mehr gestalterische Freiheit.
59,99 EUR [K-013] (inkl. 19% USt. zzgl. Versand)

Hier finden Sie die Demo zum Pro Web Bootstrap 3 Layout

Die ausführliche Beschreibung der verschiedenenen und mächtigen Einstellungen und Optionen finden Sie auf der Produktseite des Siquando Pro Web „Bootstrap 3” Themes

Text-, Link- und Zeitangaben über zusätzliche Sprachressourcen

Bildschirmfoto von bootstrap.siquando-designs.de
Screenshot der Demo auf bootstrap.siquando-designs.de

Einige Elemente des Layouts können über extra für das Bootstrap Design hinzugefügte Sprachressourcen durchgeführt werden. Alleine für die Social-Icons existieren mehr als 18 Sprachressourcen für Icons wie Facebook, Google Plus, Twitter und viele andere mehr. Zusätzlich gibt es 18 weitere Spracheinstellungen um eigene Icons , inklusive Link und Tooltip einfügen zu können.

Für die komplette Seite, die Überschriften und das Menü kann jeweils eine Schriftart von Google Fonts angegeben werden. Sie geben nur den Namen der Schrift ein und das Layout erledigt den Rest für Sie.

Weitere „erweiterte Eigenschaften” sind verschiedene Trennzeichen (für die Brotkrumen- und Infoseitennavigation), sowie Geschwindigkeitsangaben für die Parallax-Effekte, dem Slider oder auch dem „nach Oben”-Button.

Auch das Copyright im Footer (Absatzbereich „Unten”) kann per Sprachressource angegeben werden, hier ist sogar HTML möglich. In der Demo ist bspw. der nachfolgende Quellttext angegeben

<i class="fa fa-copyright"></i> 2015 Emilia by <a href="http://web2date-designs.de" data-toggle="tooltip" data-placement="top" title="web2date-designs.de / KARO Webdesign & Entwicklung">KARO</a> / 


Thomas K. schrieb am 17.12.2015 um 11:35

Ab sofort kann Version 1.1.1 mit den nachfolgenden Änderungen im Kundenkonto unter Downloads heruntergeladen werden:
  • Änderung des LazyLoad-Scriptes auf Lazy Load XT v1.0.6
  • Aktualisierung von Font Awesome auf Version 4.5.0
  • Austausch der Slider-Kontroll-Navigation von CSS3 zu bullet.svg
  • Auslagerung der JS-Anweisungen nach app.js bzw. app.min.js
  • Aussenabstand nach unten (margin-bottom) der Akkordeon-Links hinzugefügt
  • der Hintergrund der Absatzbereiche Oben und/oder Unten kann mit particles.js animiert werden: Hinweise dazu finden Sie auf der Pro Web Bootstrap 3 Layout Anleitungsseite
  • neue Farbeinstellung: Slider: Farbe der Kontroll-Elemente
  • neue Farbeinstellung: Absatzbereich Oben: Schriftfarbe (bei 123456 wird vom Inhaltsbereich geerbt)
  • neue Farbeinstellung: Absatzbereich Oben: Schriftfarbe der Überschrift (bei 123456 wird vom Inhaltsbereich geerbt)
  • neue Farbeinstellung: Absatzbereich Oben: Schriftfarbe der Links (bei 123456 wird vom Inhaltsbereich geerbt)
  • neue Farbeinstellung: Absatzbereich Oben: Schriftfarbe der Links beim ?Hovern? (bei 123456 wird vom Standard geerbt)

Thomas K. schrieb am 02.11.2015 um 11:14

Die Änderungen in der aktuell verfügbaren Version sind:
Version 1.1.0 - 06.10.2015
  • die Einstellungen für den Slider haben nun ihren eigenen Reiter in dem Einstellungsdialog
  • bei einer Fixierung des Sliders wird nun auch das fixierte Menü berücksichtigt
  • neue Option: Slider (und Eyecatcher) beim Erreichen der oberen Browserkante fixieren
  • neue Option: Slider: Scrollen Sie nach unten anzeigen
  • neue Option: Wenn im Ordner keine Galerie definiert wurde, übergeordneten Ordner, dann Eyecatcher verwenden
  • als Layout CSS-Template wird nun die Datei tpl/css.tpl verwendet
Version 1.1.0b - 09.10.2015
  • falsche Referenzierung / Verlinkung der Schatten in der Datei css.tpl
  • Auslagerung von inline-Styles

Thomas K. schrieb am 04.09.2015 um 10:12

Version 1.0.6 wurde vor wenigen Minuten durch Pro Web Bootstrap 3 Version 1.0.7 ersetzt.
Die nachstehenden Änderungen sind enthalten:
  • Aktualisierung der Font-Awesome-Icons auf Version 4.4
  • Abstand der Sie-sind-hier-Navigation nach unten von 20px auf 10px verringert
  • angepasste .tpl-Datei (responsiv) für das Plugin Gästebuch hinzugefügt
  • Verwendung von assignGlobal zur besseren Lesbarkeit
  • Anpassung der Datei config/karoconfig.php um Kompatibilität zu zukünftigen Layouts herzustellen[

Zernetsch Volker schrieb am 22.05.2015 um 11:59

Hallo Thomas, so habe ich das mit dem Newsletter zu Updates gemeint. Große Klasse und professionell. Wenn man jetzt in der Downloadliste (im Konto) noch die Versionsnummern angezeigt bekommt, gibts 5 Sterne ;-) Prima. Vielen Dank! Volker

Rolf Helmrich schrieb am 11.05.2015 um 18:25

Danke Thomas, tolles flexible Bootstrap Layout. Weiter so :-)

Thomas Meyer schrieb am 11.05.2015 um 13:41

Danke für die Antwort. Hört sich gut an. Freue mich schon auf das nächste Update. VG Thomas

Volker Zernetsch schrieb am 10.05.2015 um 11:36

Klasse, danke! Das hatte auch ich mir gewünscht. VG Volker

Thomas Meyer schrieb am 08.05.2015 um 21:49  | Website

Hallo,
bin dabei das flexible Bootstrap Layout zu testen. Gefällt mir ganz gut. Hätte da 1 Frage und 1 Anregung. Auf meiner Testseite www.seite4you.de/bochallier habe ich zwischen den Absatzbereichen eine dünne Linie. Leider bekomme ich die nicht weg, oder finde keine Möglichkeit die Farbe des Rahmens?? (ist das einer?) zu ändern.
Kann mir da jemand helfen?
Kann man vielleicht im nächsten Update mit einbringen, as man das Menü vielleicht auch unter den Eyecatcher legen kann? Oder auch vielleicht das man das Menü vertikal auf der linken Seite anordnen kann?
Vielen Dank.
MfG Thomas Meyer
Hallo Herr Meyer, die Deaktivierung der Liste habe ich notiert und wird im nächsten Update einfließen, auch eine Option für ála Menü unterhalb des Eyecatchers anzeigen vermerkt. Das vertikale Menü hingegen wird höchstwahrscheinlich nicht in diesem Layout umgesetzt.
MfG Thomas

Thomas K. schrieb am 04.05.2015 um 13:18

Heute habe ich ein kleines Update des Layouts bereitgestellt. Die H1-Überschrift und Brotkrumennavigation bei Absatzbereichen mit der gleichen Breite wird nun über den kompletten Bereich angezeigt. Zusätzlich wurde die Option Menü beim Darüberfahren öffnen hinzugefügt.

Roland schrieb am 03.05.2015 um 19:33

Hallo Thomas
ich hätte gleich noch eine 2. Frage :-)
Ist es möglich die grösse (höhe) des Menüs (wo auch das Logo auf der linken Seite platziert ist) zu verändern?
Ich würde das Logo gerne etwas grösser darstellen.
Vielen Dank für deine Hilfe! Roland
Alle Menüpunkte haben eine maximale Höhe von 50px, miteingeschlosssen ist das Logo welches im Menü platziert werden kann.

Roland schrieb am 03.05.2015 um 14:30

Hallo Thomas,
grosses Kompliment für das tolle, unglaublich flexible Bootstrap Layout :-)
Ist es möglich die höhe des Headers, bzw. des Bildes anzupassen? Die breite kann ja via Layout Einstellungen auf 100% oder einen festen Wert angepasst werden, die Höhe ist jedoch fix 460px. Kann diese grösse angepasst werden?
Liebe Grüsse und Danke für ein Feedback! Roland
Bei dem Eyecatcher oder der Slideshow (Header-Bilder) kann keine feste Breite eingegeben werden. Eine feste Höhe ist ebenso NICHT vorgeschrieben und immer von dem angegeben Bild abhängig. Das Bild nimmt sich eine Breite von 100% und passt sich in der Höhe an. Angenommen man importiert ein Bild mit 1900px Breite und einer Höhe von 300px, so würde die Höhe des Bildes bei einer Browserbreite von 950px nur noch 150px hoch sein. Die Bilder werden also der Breite entsprechend mitskaliert.