Hallo zusammen, in einem recht lange Thread kam vor kurzem der Wunsch nach einer besseren Dokumentation bzw nach mehr Tutorials auf. Da ich ja nun ab und zu auch Tutorials für unseren Blog im Bereich Honeygrid und StyleEdit 3 schreibe, wollte ich mal hören, ob ihr gerade konkrete Wünsche zu Tutorials in diesem Themengebiet habt. Wenn ihr einen Wunsch habt, schreibt ihn einfach hier als Antwort in diesen Thread, dann bekomme ich diesen auch sicher mit. Da das Ganze hier also als eine Art Wünschesammlung funktionieren soll, bitte ich darum von Diskussionen oder anderen, themenfremden Dingen abzusehen, da sonst die Übersicht verlorengehen würde. Sollte euer Tutorialwunsch schon mal genannt worden sein, gebt dem Vorschlag einfach ein "Danke" dann sehe ich schneller, welche Themen eher gefragt sind und kann diese mit höherer Priorität angehen. Also haut in die Tasten und raus mit euren Wünschen!
Bootstrap Das Framework ist ja bei holdirbootstrap.de umfangreich dokumentiert. Für eine Website die auf das Honeygrid-Tempate aufbaut ist es sehr vorteilhaft, dass auch die Inhaltsseiten im Content-Manager responsiv aufgebaut sind. Eventuell ein Tutorial wie sich das Bootstrap-Framework im CK-Editor geschickt einsetzen lässt. Wo das Wesentliche mit der Grid-Aufteilung drinsteht. Mit einigen Tricks und Tipps zur produktiven Arbeitsweise.
Im Browser untersuchen Um die richtigen CSS-Selektoren zu finden ist ja die "Untersuchen"-Funktion im Browser unumgänglich. Ein Tutorial vielleicht darüber, wie die "Untersuchen"-Funktion im Browser funktioniert. Welche Vorgehensweise am Besten ist, um die gewünschen Selektoren zu finden. Auch was sich mit der Untersuchen-Funktionalität noch so alles anstellen lässt.
Einen Erklärung zu allen Styleedit Einstellmöglichkeiten die nicht selbsterklärend sind. Beispiel: Header -> Suchfuntkion -> Verschiedene Höheneinstellungen
Hover-Effekte Im Standard hat Honeygrid ja da schon einiges zu bieten. Beispielsweise beim Hovern der Produktkacheln. Bei Bannern und verlinkten Bildern beschränkt sich das im Standard auf eine Veränderung des Mauszeigers. Bei Textlinks beschränkt sich das auf Farb- oder Stilveränderungen. Hover-Effekte "machen halt was her". Das "innere Kind" lässt sich damit erwecken: so wie in eine Pfütze zu treten und sich daran freuen, dass das Wasser hermuspritzt. Mit CSS3 und HTML5 sind die Möglichkeiten dafür sehr umfangreich geworden und laden zu solchen Spielereien ein. Wäre ein zu solchen "Spielereien" anregendes Tutorial denkbar?
Kleiner Teaser: Ein Artikel dieser Art ist gerade fertig geworden und muss nur noch Korrektur gelesen werden. Ich tippe mal da kommt spätestens nächste Woche was Kennst du die hier? https://www.gambio.de/blog/styleedit-3-tutorials-teil-1/ https://www.gambio.de/blog/styleedit-3-tutorials-variablen-scss-mixins/ Zum Header hab ich zum Beispiel aber auch gerade noch was in Arbeit, sollte auch bald fertig sein Sowas wie das hier: https://tympanus.net/Tutorials/OriginalHoverEffects/index10.html?
Der Hammer! Weitere tolle Links: http://gudh.github.io/ihover/dist/index.html http://ianlunn.github.io/Hover/ https://tympanus.net/Development/HoverEffectIdeas/index2.html http://littlesnippets.net/
Ich würde mich über etwas zu den neuen Smarty-Blöcken freuen. Vielleicht gibt es da ja noch weitere interessierte, die Ihren Shop selber "aufrüsten" wollen.
Da haben wir schon was: https://developers.gambio.de/tutorials.html?v=3.7.1.0&p=smarty-blocks. Das ist auf developers.gambio.de gelandet, da wir das Primär für ein Entwicklerthema gehalten haben. Ich kann da aber auch noch mal ein ausführlicheren Beitrag im Blog zu machen, der das ein bisschen genauer erklärt.
Ich hol das Thema mal wieder hoch. Habt ihr noch bestimmte Tutorialwünsche? In der Vorbereitung sind gerade: - Anpassen des Headers und Vermeidung von Fehlern - Anpassen des Footers und Vermeidung von Fehlern
Tuts zum Überladen, Ersetzen oder Implementieren der folgenden Funktionen wäre mega... - Slider ersetzen mit BS, Owl Carousel oder revolution Slider (so das man die Slider Images im Backend verwalten kann). der Standard Slider ist mist und bei Breakpoints hatte der immer Probleme haben wir ersetzt. - Product Swiper Frontpage ersetzen oder andere Darstellung erstellen / evtl. was mit Hover effekten einstellbar. haben wir derzeit vollständig deaktiviert und mit einem Owl Carousel Slider ersetzt. - Einbauen eines erweiterten Formulars z.B. Angebotsformular (wir haben aktuell eins eingebaut ist aber etwas hard gecoded) - Rich Snippets sinnvoll einbauen (z.B. Suchleiste in der Google Suche anzeigen lassen) (Link nur für registrierte Nutzer sichtbar.) - Kategorie Top Navigation und Megamenü umbauen so das wäre mal etwas für den Anfang... Ja bitte, ausführlicher klingt wunderbar! LG und Danke Torben Shop: (Link nur für registrierte Nutzer sichtbar.)