# Shopseiten mit Bildern responsiv gestalten

**URL:** https://forum.shopware.com/t/shopseiten-mit-bildern-responsiv-gestalten/28729
**Category:** Themes & Design
**Created:** [8. Juli 2015 um 08:46 UTC](https://forum.shopware.com/t/shopseiten-mit-bildern-responsiv-gestalten/28729 "2015-07-08T08:46:45Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![a67](https://avatars.discourse-cdn.com/v4/letter/a/dc4da7/32.png) [@a67](https://forum.shopware.com/u/a67)
#### Post date: [8. Juli 2015 um 08:46 UTC](https://forum.shopware.com/t/shopseiten-mit-bildern-responsiv-gestalten/28729/1 "2015-07-08T08:46:45Z")

</div>

Hallo zusammen, ich erstelle gerade einige Shopseiten neu und möchte hier auch Bilder einfügen. Z.B bei den Zahlungsarten mit verschiedenen Logos. Nun wollte ich die Bilder und Inhalte nebeneinander stellen weil das in der Dektopansicht schöner aussieht und habe das mit einer Tabelle gemacht. Doch leider sind diese dann nicht responsiv, das bedeutet bei kleineren Bildschirmen werden die Bilder und Inhalte dann nicht untereinender gesetzt, sondern werden rechts abgeschnitten. Wie erstelle ich denn hier responsive Inhalte? Viele Grüße Alexander

---

<div class="post-metadata">

### Author: ![msslovi0](https://avatars.discourse-cdn.com/v4/letter/m/b2d939/32.png) [@msslovi0](https://forum.shopware.com/u/msslovi0)
#### Post date: [8. Juli 2015 um 10:24 UTC](https://forum.shopware.com/t/shopseiten-mit-bildern-responsiv-gestalten/28729/2 "2015-07-08T10:24:19Z")

</div>

Tabelle raus und je nach Breakpoint die Bilder inline darstellen oder als block.

---

<div class="post-metadata">

### Author: ![sonic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sonic/32/25728_2.png) [@sonic](https://forum.shopware.com/u/sonic)
#### Post date: [8. Juli 2015 um 10:53 UTC](https://forum.shopware.com/t/shopseiten-mit-bildern-responsiv-gestalten/28729/3 "2015-07-08T10:53:01Z")

</div>

Es wäre interessant zu wissen, wie die Bilder angeordnet werden sollen. Sagen wir mal, 3 nebeneinander: In einen Container packen - z.b.

- Style für
- : float: left; width: 33%; box-sizing:border-box; Style für img im
- : max-width:; width:100%; border:none

und für kleine viewports dann umbrechen - anderes CSS

Wäre ein Ansatz

---

<div class="post-metadata">

### Author: ![libelle](https://avatars.discourse-cdn.com/v4/letter/l/34f0e0/32.png) [@libelle](https://forum.shopware.com/u/libelle)
#### Post date: [13. September 2016 um 07:56 UTC](https://forum.shopware.com/t/shopseiten-mit-bildern-responsiv-gestalten/28729/4 "2016-09-13T07:56:49Z")

</div>

Hallo zusammen,

und wie definiert ihr Breakpoints in den Shopseiten? Also mit Inline-CSS? Das schmeißt der WYSIWYG-Editor nämlich schön raus.

Meine Autoren haben kein Zugriff auf “externe” CSS bzw. less-Files.

Beste Grüße  
Sebastian
