Responsive Template für Shopware!

Die Größe und Auflösung bei Notebooks, Desktop-PCs und Mobilen Geräten wie z.B. Tablets, Smartphones unterscheiden sich erheblich, so dass das Erscheinungsbild und die Bedienung des Shops vom jeweiligen Endgerät abhängig ist.

Beim Einsatz eines Standard-Templates ist die Anzeige daher nicht für jedes Endgerät optimiert.

Responsive Templates berücksichtigen die unterschiedlichen Auflösungen der genutzten Endgeräte.
Je nach Endgerät wird der grafische Aufbau des Shops automatisch angepasst, vor allem die Darstellung und Anordung einzelner Elemente wie zum Beispiel Navigation, Artikeldetailseiten, Bestellprozess etc. .
um den Shop übersichtlich und benutzerfreundlich wie möglich zu präsentieren. 

 

imacs
Ansicht Desktop

Bei der Desktop-Ansicht wird die Artikeldetailseite dreispaltig angezeigt (Bild Links, Informationen Mittig, Preise und Warenkorb Button Rechts)
ipads15274dfafbcb20

Ansicht Tablet

Die gleiche Artikeldetailseite auf demTablet, wird auf das Layout angepasst. Die Anordnung unterscheidet sich von der Desktopvariante , da das Artikelbild oberhalb, Informationen Links und Preise und Warenkorb Rechts angeordnet werden.
ipads
Ansicht Smartphone

Bei der Smartphone Darstellung werden mehrere Elemente minimiert angezeigt. Oben sehen Sie z.b. die Kategorien-Navigation minimiert und Elemente wie Artikelbild, Informationen, Preis und Warenkorb untereinander angeordnet, um eine verbesserte Darstellung zu gewährleisten