Responsives Template „Bootstrap 3” für web to date 8 und Siquando Web/Shop

Hallo zusammen,

bereits vor über einem Monat habe ich das responsive Design auf Basis des Bootstrap 3 Frameworks in einem anderen Forum vorgestellt. Pünktlich zur SIQUANDO Web und Shop Veröffentlichung hole ich das nun hier nach. Das Design ist zu beiden Versionen (Web/Shop to Date 8 und SIQUANDO Web/Shop) kompatibel. Da auch der komplette Shop- und Bestellbereich auf den Kopf gestellt wurde, können 2 Versionen erworben werden. Die Web Variante für 49,99€ und die Shop Variante für 69,99€. Ob die Preise so bleiben kann ich nicht versprechen, denn wenn selbst Kunden "sagen", dass das Design zu günstig verkauft wird, muss wohl was dran sein.

Eine komplette Beschreibung des Designs gibt es hier und eine Demo ist auf bootstrap-3.web2date-designs.de zu finden. Es sind insgesamt 17 Varianten (inkl. einer benutzerdefinierten Variante) vorhanden. Die Demo nutzt die Varianten Flat.

Die wichtigsten Funktionen sind wohl die Folgenden:

• umfangreiche Slideshow Einstellungsmöglichkeiten: neben einer Slideshow (mit umfangreichen Einstellungsmöglichkeiten), kann ein normales Eyecatcherbild, eine Google-Map oder ein Verlauf mit Hintergrundbild angezeigt werden. Ein besonderes Highlight für SIQUANDO Nutzer ist, dass die Slideshow auch im Inhaltsbereich angezeigt werden kann und Touchfunktionen für Tablets und Smartphones beinhaltet. (Übrigens baue ich die Slideshow auch gerne in andere Designs ein.)
• Kontextspalten-Einstellung: beide Sidebars anzeigen oder abschalten, linke oder rechte Kontextspalte anzeigen
• responsive Absätze: auf allen Ausgabegeräten, auf Smartphones anzeigen, auf Tablets anzeigen, auf Desktops anzeigen, auf Smartphones verstecken, auf Tablets verstecken, auf Desktops verstecken (abhängig davon erfolgt die Ausgabe des Absatzes nur auf den gewählten Geräten)
• BB-Code für Icons, Youtube usw
• Google Webfont integriert
• überarbeitete Registerkarten und Akkordeen (Registerkarten können verlinkt werden und das zuletzt geöffnete Register ist bei nächsten Besuch automatisch geöffnet)
• integrierte responsive Lightbox mit zusätzlichen Funktionen wie eigenem Beschreibungstext
• Aufmachereinstellungen wie Aufmacher auch in 4, 6, 8 oder 12 Spalten, verschiedene Buttons sowie Größe und Ausrichtung der Nummerierung
• Breite des Absatzbildes pro Absatz einstellbar
• angepasstes Feedback-Plugin mit Gravatar Support und automatischer E-Mail-Benachrichtigung (als zusätzliches Modul in Kürze)
• für Shop to Date Benutzer können weitere Dateien für das Warenkorb-Popup und den optimierten Produkt- und Bestellseiten bereitgestellt werden, so dass kein zusätzliches Hochladen der Mobilversionen notwendig ist.
• pünktlich zum SIQUANDO-Start wurde das Design um ein Footer-Menü erweitert (mehrfacher Kundenwunsch). Die Anzahl der Spalten ist zwischen 1 und 12 enstellbar und die Spalten werden bei kleineren Auflösungen ausgeblendet.
  
  

2 Screenshots von sehr beliebten Varianten habe ich zusätzlich angehangen.

 Variante Flat

 Variante United

Thomas;

dann hatte ich ja Glück was den Preis angeht - was das Design angeht sowie so.

Bestätigen Kunden und Gäste.

Mach ich mal Werbung für Dich: Das Design ist hier im praktischen Einsatz zu sehen

VG

Michael

Den responsiven Designs gehört die Zukunft. Paßt ja jetzt hervorragend zum parallelen Start von Siquando Web/Shop.

Ich wünsche Dir viel Erfolg damit, Thomas!!!

hallo thomas,

toll gemacht, da hast du wirklich viel arbeit investiert

zitat:

"Die Web Variante für 49,99€ und die Shop Variante für 69,99€. Ob die Preise so bleiben kann ich nicht versprechen, denn wenn selbst Kunden "sagen", dass das Design zu günstig verkauft wird, muss wohl was dran sein."

das ist ja wie bei siquando, dort sind die günstigen umstiegsangebote auch nur bis mitte juni , jetzt werd ich aber ganz schön unter druck gesetzt

ne mal im ernst, der preis für die shopversion, wo ja geld mit verdient wird könnte ja etwas höher sein. dafür könnte ja der preis für die webversion  etwas fallen. dann können wir "armen" vereinswebmaster und privatwebseitenbetreiber uns das design vielleicht auch leisten.

liebegrüsse

und nochmal .... TOP !!

Rolf

Gute Idee, Rolf.

Web 39,99€ <-> Shop 79,99€

Aber das muß schließlich Thomas wissen.

Na klar - wir habens ja.  .

Ich finde die Preise so wie Sie von Thomas angeboten werden akzeptabel.

Man sollte noch bedenken das meist noch individuelle Anpassungen erfolgen  - welche extra berechnet werden.

Gruß Jörg

Noch besser wäre wohl Web 9,99 € <-> Shop 109,99 €

@ inselpirat: An deiner Seite stört mich immer das Home-Icon, genauer „gesagt” die Farbe. Für den normalen- und für den Hover-Zustand findest du dafür eine erweiterte Eigenschaft (Website- und FTP-Eigenschaften).

Für die Suche wird es auch in Kürze für alle Kunden ein Update (kostenlos) geben. Zusätzlich sind dann eine Ajax-Suche und weitere Einstellungsmöglichkeiten für die Menüs (oben horizontal, im Footer und in der Sidebar) vorhanden.

Menü in der linken Sidebar

 Ajax-Suche

Mein o.g. Vorschlag war nicht ernst gemeint, daher auch mein Smiley dahinter. Da w2d/Web ja nun doch deutlich mehr genutzt wird als s2d/Shop, wäre das tatsächlich eher nicht gut für Deinen Umsatz. Dein Design ist die von Dir genannte Preise auf jeden Fall wert.

Hört sich gut an! Das sind doch schonmal spannende Aussichten.

Moin,

richtig schick ... fast ein Grund, das Desktop-CMS wieder rauszukramen . Aber was sind das bei Michael für Balken über dem footer (Eiphone /safari / ios7)?

LG, Thomad

Das weiß ich doch

 Es freut mich dass es gefällt. Das war ein kleiner Bug, und ist beim nächsten Update auch behoben. Im Design ist pro Absatz wählbar auf welchen Geräten bzw. Ausgabebreiten der Absatz sichtbar ist. Zusätzlich können Boxen in der Sidebar angelegt, und mit mehreren Absätzen gefüllt werden. Michael blendet also (noch) den Inhalt aus, aber nicht die Box.

Moin zusammen,

der Michael liest zwar mit, fand gestern aber keine Zeit um zu antworten, da er sehr beschäftigt damit war den umgebauten formgateway aus dem alten Design ins neue umzubauen.

Ich finde es sehr wichtig, das der Kunde wenn er uns über Kontakt anschreibt, auch eine personifizierte Automail erhält. Diese möchte ich mit der korrekten Ansprache des Anfragenden versehen und ihm gleichzeitig eine Kopie seiner Anfrage senden. Daneben möchte ich auf eingehende Mails direkt antworten können.

Die Änderung der formgateway hatten Robert/Urmel vor einiger Zeit bewerkstelligt und in einem anderem Forum bereit gestellt.

Durch die Hilfe einer guten Fee, habe ich die Funktion jetzt wieder.

Thomas;

der Homebutton war für mich erst mal unwichtig - jetzt farblich angepasst. Auf den mir zur Verfügung stehenden Endgeräten (Tab /Smart / Laptop usw.) wurden die Balken nicht angzeigt - ich wollte den Smartphonenutzern nur die content-spalte ersparen, da diese ja nach ganz unten umgebrochen wird. Striche sind aber auch nicht die Lösung. Also belasse ich es erst mal beim anzeigen der Boxen - bis ich diese auch abschalten kann für smartphones.

Trotzdem macht das Design richtig Spaß - und durch die Less Funktion sind Änderungen am Design sehr schnell erledigt.

VG

Off-Topic (trotzdem ganz kurz):

Michael, Du hättest auch hier eine sicherlich genau für Deine Zwecke prima Anleitung dafür gefunden.  Diese hatte ich einst sogar schon im DB todate-Forum bereitgestellt.

Volker,

das ist in etwa das, was vor einiger Zeit im anderen Forum auch von Urmel und Robert / oder umgekehrt ausgeknobelt worden war.

Ich hatte es nur verlegt und wusste nicht mehr wie es eingebaut werden musste.

Der gute Engel hat mir geholfen und ich habe die alte Anleitung zum Einbau wieder gefunden, damit habe ich mein "Problem" jetzt wieder gelöst.

Dieses Mal muss ich die Anleitung nur gut sichern

VG

Hallo Volker, ohne die Anleitung jetzt lange zu studieren. Ist die Aussage funktioniert ab Version 7 nicht ganz richtig.
Der Mailgateway wurde mit W2D6 SP3 umgestellt und hat leider heute noch den selben Stand. Siehe HTTP_POST_VARS beim Textpart.
Die Mails werden ja immer strenger geprüft um Spammails zu erkennen.

Zu 90% wird dazu SpamAssissin verwendet, der Mails nach diversen Kriterien untersucht. Dazu gehört auch das der Text / HTML Inhalt sind wesentlich unterschiedlich, weil ja der Textpart leer ist. Ein paar solche Punkte sammeln und die Mail wird nicht zugestellt.
Um das wesentlich zu verbessern gehört beim Gateway noch mehr gemacht.

VG Robert

Hallo Thomas,

gefällt mir sehr gut, Dein Bootstrap 3.

Aber Du weißt ja, amn kauft nicht gerne die Katze im Sack. Wie wäre es denn mit einer befristeten Testversion für 10 oder 30 Tage. Dann könnte man sich ja entscheiden, ob es passt oder nicht.

Danke und Gruß aus Oberhausen
Wolfgang

PS: die Seite von inselpirat ist ausgezeichnet. Ist die nur mit bordeigenen Mitteln gemacht oder enthält die individuelle HTML/PHP-Erweiterungen?

Hallo Robert,

zunächst einmal herzlich willkommen in unserem Forum!

Du hast natürlich Recht dahingehend, daß in v7 noch HTTP_POST_VARS verwendet wird. Die v7 wurde von DB nicht nachträglich auf PHP 5.4 angepaßt.

Dies stimmt, zumindest was w2d/s2d angeht, nicht. Ab SP4 von w2d/s2s 8 und 8s findest Du in der formgateway.ccml den folgenden Code:

1
2
3
4
5
6
7
8

function createTextMail() {
 
	//global $HTTP_POST_VARS;
	reset($_POST);
 
	$mymail="";
	while (list($key, $val) = each ($_POST))
	{

Diese Änderung war jedoch DB-intern und wurde bisher leider nicht von Siquando nach Web/Shop 8 übernommen. Ich gehe jedoch davon aus, daß Siquando dies zeitnah noch nachholen wird, denn sie lesen ja hier wie auch bei WebsiteBiz mit.

Ich habe bisher mit meiner formgateway-Anpassung keinerlei nennenswerten Probleme gehabt. Auf meiner klassischen Seite verrichtet sie noch weiterhin gute Dienste:

http://v2.warmers.de/kontakt/

Und auch auf meiner neuen Seite, welche mit NG entstanden ist und jetzt unter Pro Web läuft, habe ich genau dieses Formular über einen HTML-Clip Absatz eingebaut:

http://www.warmers.de/content/kontakt/

Nachtrag:

Jetzt habe ich mich hier selbst ziemlich verfranst ...

Dies ist nach wie vor Thomas' Thread und gehört einzig und allein seinem neuen responsiven Design. Laßt uns hier bitte auch bei ausschließlich diesem Thema bleiben.

Sorry, Thomas!

Hallo,

ich habe mir gerade das Design Bootstrap 3 gekauft, downgeloadet.... wie bekomme ich das Design nun ins Web to date bzw. Siquando Web??? Stehe auf den Schlauch und finde das Design nicht angezeigt!!

Danke

@Energetix247:

Indem Du den neuen Design-Ordner in folgendes Verzeichnis kopierst:

C:\Program Files (x86)\SIQUANDO\Web 8\designs

Falls Siquando Web geöffnet sein sollte, mußt Du das Programm einmal schließen und wieder öffnen, damit das Design in der Auswahlliste angezeigt wird.

Ich gehe aber eigentlich davon aus, daß Thomas eine entsprechende Anleitung dazu mitliefert. Er wird sich dazu bestimmt aber auch noch selbst melden.

Also zumindest ich wüßte nicht, wie man aus technischer Sicht ein Design mit zeitlich beschränkter Testphase zur Verfügung stellen könnte.

Vielleicht stellt Michael ja seine Seite ja mal in einem eigenen separaten Thema vor.  Dann könnte man alle diesbezüglichen Fragen dazu dort klären.

Designs hat man doch noch nie und noch nirgendwo vorab testen können? Thomas hat eine Demo hochgeladen in dem man die Möglichkeiten sehen kann. Das sollte eigentlich schon reichen.

"Dankeschön", Marjorie

Ich verstehe deinen Zynismus nicht wke. Aber sei es drum. Wenn du anderer Meinung bist laß ich mich gerne beleren.

Hat jemand das Design schon als Shopvariante im Einsatz? Ich nerv gleich nochmal mit meinen Produktdesigner Plugin.  Kann das mal testweise in die Demo seite eingebaut werden? Bin für meinen Shop immer noch auf der Design Suche. Jetzt habe ich gerade mal das Pragma im Visier, aber für einen Shop glaube ungeeignet.   DANKE

Moin Wolfgang,

die Seite ist  praktisch "out of the box" bedeutet, ich verwende keine externen plugs, scripts usw. ausser eine Ausnahme:

Auf der Fotoseite die slideshows habe ich durch Erweiterung der im Design verwendeten jquery eingefügt.

Das andere ist 100% Design.

VG

Hallo Marjorie,

war vielleicht ein bisschen von mir falsch reagiert. Sollte nicht zynisch rüberkommen und auch keine Belehrung sein. Aber aus der Reaktion von Klaus aus Thüringen kann man m.E. nach sehen, dass es doch sinnvoll sein könnte, im Vorfeld mal ein Design mit seinen eigenen Daten zu füllen, oder? Ist ja nicht jeder der absolute Webdesigner und kann anhand einer Beschreibung und 2 Screenshots beurteilen, ob das alles passt.

Gruß aus Oberhausen
Wolfgang

Alles ist gut ...

Thomas' Design läßt sich ja auch prima "live" testen. Thomas hat eine Demo-Seite dafür ins Netz gestellt und auch Michael hat es bereits produktiv im Einsatz.

Übrigens, selbst DATA BECKER konnte technisch bedingt keine zeitlich beschränkten Designs anbieten. Es gab für die Design-Packs jedoch einen Kopierschutz, so daß diese nach Kauf nicht wild durch die Gegend verteilt werden konnten.

Der war gut Volker

VG

Michael

In der aktuellen Downloadversion wird nun die komplette Box ausgeblendet, wenn im ersten Absatz (Absatz welcher die Box beginnt) die Eigenschaft beispielsweise auf „auf Smartphones verstecken” steht.

Eine Testphase des Designs kann ich leider nicht anbieten. Aber es gibt mehrere Demos. Zum Einen meinen eigenen Shop wo das Design erworben werden kann. Ich verwende die Shop-Variante. Jedes Hinzufügen einer Eigenschaft die mir fehlt, fließt also in das Design ein.

Alle Demos beinhalten auch Shopfunktionalitäten, hier ist zum Beispiel ein Produkt zu finden was Varianten und kundenspezifische Felder anzeigt (auch responsiv).

Hier findet man eine weitere Demo. Ich habe einmal direkt zu einer Seite mit beiden Sidebars und Sidebarmenü verlinkt.

Die Bootstrap 3 Demo nutzt übrigens PHPMailer (um AGB's als PDF anzuhängen und um SMTP-Daten angeben zu können), statt des normalen „Shop-E-Mail-Gateways” (jetzt fange ich auch noch an zwischen Web und Shop E-Mail Gateway zu unterscheiden

Moin Thomas,

habe mir die neue Version gerade herunter geladen und bin dabei die geänderten Sachen zu vergleichen.

Da habe ich gleich mal die Frage, warum hast du den content-bereich verkleinert?

Und noch eine kleine Bitte; könntest du evtl. oben im Kopf (config) evtl. eben eine Versionsnummer angeben - dann weiß man gleich ob man die aktuelle Version einsetzt.

Gehe ich Recht in der Annahme, das ich eigentlich nur die hinzugefügten Zeilen übertragen muss?

VG