Jeder Shop soll einmalig sein! Das ist der Slogan den man von eCommerce Beratern oft hört. Doch nicht nur individuell sollte ein Shop sein, sondern auch auf allen Geräten die beste Usability bieten.
Was liegt da näher als seinen Shop responsive zu gestalten, um allen Gerätetypen gerecht zu werden. Wer sich noch keine Gedanken darüber gemacht hat, sollte das jetzt schnell nachholen, denn die mobile Internetnutzung nimmt stark zu. Wikipedia sagt dazu:
Beim Responsive Webdesign (im Deutschen auch responsives Webdesign) handelt es sich um einen gestalterischen und technischen Ansatz zur Erstellung anpassungsfähiger Websites. Daher wird anstelle von „responsiv“ häufig auch von einem „adaptiven Layout“ gesprochen. Der grafische Aufbau einer „responsiven“ Webseite erfolgt anhand der Anforderungen des jeweiligen Gerätes, mit dem die Seite betrachtet wird. Dies betrifft insbesondere die Anordnung und Darstellung einzelner Elemente, wie beispielsweise Navigationen, Seitenspalten und Texte. Technische Basis hierfür sind neuere Webstandards wie HTML5, CSS3 und JavaScript. [Quelle: http://de.wikipedia.org/wiki/Responsive_Webdesign]
Da wir auf den Geldbeutel achten stellen wir hier nur kostenlose responsive Magento Themes vor. Diese eignen sich natürlich hervorragend als Basis das Design an die eigene Corporate Identitty anzupassen.
Responsive Themes und Templates
HelloWired
Nicht nur für Möbel eignet sich dieses responsive Theme. Durch die abgerundeten Ecken entsteht ein stimmiges unaufdringliches Design.
weitere Informationen | Demo
GPMD – Free Responsive Magento Template
Dieses schlichte Magento Template eignet sich am Besten als Ausgangspunkt um ein eigenes Design zu entwickeln. Für schnelle Layout Änderungen reicht es schon aus die CSS Datei zu bearbeiten.
weitere Informationen | Demo
Mobile Shoppe
Mobile Shoppe kommt mit dezenten Farben und Grafiken daher und wirk dadurch professionell und aufgeräumt. Diese Theme lässt sich für fastt jede Art von Shop einsetzen.
weitere Informationen | Demo
Ves Hitech
Dieses dunkle responsive Theme wirkt durch die dunklen Farben und Schatteneffekte hochwertig und eignet sich somit für Elektronikprodukte oder andere hochwertige Produkte.
weitere Informationen | Demo
Ich interessiere mich für eCommerce-Themen, vor allem im Zusammenhang mit dem Shopsystem Magento Commerce sowie alles rund um Web-Entwicklung und den damit verbundenen Möglichkeiten.
Hallo Sebastian,
schöne Aufstellung, mir gefällt die Schlichtheit des „Mobile Shoppe“ besonders gut. Weißt Du, ob man das Template noch an den deutschen Markt anpassen muss, wenn man die Extension Firegento installiert hat?
Dank für eine Info & viele Grüße,
Jan
Hallo Jan,
generell sollte nach Installation von Firegento alles angepasst sein. Natürlich kann es sein das an der ein oder anderen Ecke bei Templates nachgeholfen werden muss. Ich habe die Kombination Mobile Shoppe und Firegento noch nicht getestet und kann dir darüber leider keine Auskunft geben.
Beste Grüße
Sebastian
Hallo Sebastian,
vielen Dank für den interessanten Beitrag. Hier etwas Feedback:
1Hello Wired:
Ich habe festgestellt dass die Bilder versetzt angezeigt werden. Außer diesem Fehler sieht das Template ganz nett aus.
Mobile Shoppe:
DAS Template kann was. Es reagiert schnell auf Veränderungen an der Browser-Breite und kann sich grafisch in jeder Größe sehen lassen. Da haben sich die Leute auf jeden Fall mal Mühe gegeben und auch aufs Detail geachtet.
Ves Hitech:
Richtig schlecht… Das Template reagiert nicht automatisch sondern man muss das gewünschte Template per Button auswählen. Wählt man dann den Smartphone Modus hat man auch unten eine Skrollbar – alles ist beim alten und wird in ein kleines Fenster gezwängt.
Schöne Grüße aus der Domstadt,
Atilla
P.S.:
GPMD:
Der Demo und auch der Weitere Informationen Link führen zu einem Template namens Bootsrapped.
Über diesen Link kann man mehr von GPMD sehen und ein Download Link ist auch vorhanden: http://gpmd.github.io/magento-responsive-theme/
Hallo Attila,
vielen Dank für dein Feedback und deine Einschätzungen! Eine zweite Meinung ist immer gut und freut mich.
Beste Grüße
Sebastian
Pingback: Beliebteste Magento Tutorials und News 2013 | Mag-tutorials.de
Hallo Sebastian,
vielen Dank für die Zusammenstellung. Nur welches davon oder überhaupt der angebotenen Themes sind wirklich KOMPLETT in deutscher Sprache ? Je nach installierten Themes werden Teile des deutschen Sparchpakets nicht angezeigt.
Für einen Hinweis wäre ich dankbar.
Grüsse, Zoltan
Hi Zoltan,
leider ist keines der Templates vollständig deutsch. Allerdings lohnt es sich die Zeit zu investieren und die Templates selbst zu übersetzen. Unter System -> Konfiguration -> Erweitert -> Entwickleroptionen -> Translate Inline -> Aktiviert für Shop einfach die entsprechende Seite aufrufen wo die Übersetzung fehlt. Nun hat man Gelegenheit, die Übersetzung selber einzugeben.
Beste Grüße
Sebastian
Pingback: Magento Templates: kostenlos › ESTUGO.net Webhosting
Ich möchte das Theme HelloWired gern downloaden, aber irgendwie gelingt mir das nicht. Kann mir da jemand helfen ?
Hey Heiko,
du kannst auch, wenn du das nicht bei HelloThemes runter laden willst direkt in Magento Connect herunterladen:
http://www.magentocommerce.com/magento-connect/hellowired-free-theme-1.html
Beste Grüße
Sebastian
Pingback: Warum der eigene Magento Shop responsive sein muss | Mag-tutorials.de
Hallo, mal generell die Frage ob ich „mein theme“ für desktopmodus beibehalten kann und ein zusätzliches Theme nur für mobile Ansicht installieren und nutzen kann?
Wenn ja, wie?
Hallo Jürgen,
ja, es ist möglich verschiedene Themes für Mobile und Desktop anzuzeigen. Dazu musst du nur unter System > Configuration > General > Design > Package eine Ausnahme hinzu fügen, die Bedingung angeben und welches Theme stattdessen angezeigt werden soll.
Beispiele findest du unter http://magento.stackexchange.com/questions/9794/magento-design-exceptions-switching-back-to-desktop und http://magebase.com/magento-tutorials/magento-design-exceptions-explained/.
Beste Grüße
Sebastian
Great list. As migration towards Magento 2.0 version,I would like to suggest one free Responsive Theme for Magento 2 named- FreeGo. It offers a powerful set of features that add usability and style to any website. It automatically adjusts the content of your site to any screen resolution it’s being displayed on.
*Key Features:
~Multipurpose Theme
~Incredible Fast Load
~Touch Optimized Slideshow
~Cross Browser Support
~Featured Product List
~Brand Owl Carousel
~Blog Owl Carousel
~Child Theme Ready
~Sold Out Label Extension
~and many more……