Hallo zusammen,
ich habe eine eigentlich einfache Frage, finde aber nicht die genaue Syntax.
Ich möchte Bilder und Texte in meiner Produktbeschreibung einfügen.
Manche Bilder möchte ich auf der mobilen Ansicht nicht anzeigen und andere nicht für die Desktop Ansicht.
Wie löse ich das?
Hier ist eine beispielhafte Produktbeschreibung:
<div class="container" style="padding-bottom: 20px; display: flex; justify-content: center; align-items: center">
<div class="image"><img alt="..." src="https://media.4smarts.eu/img/12156.jpg" width="95%" height="95%" /> </div>
<div class="text" style="padding-left: 20px">
<h2 style="text-align: center">Extrem starke Powerbank - Lade bis zu 5 Geräte gleichzeitig</h2>
<p style="text-align: justify">Mit einer Leistung von bis zu 240W ist diese Powerbank bis zu 10-mal stärker als die meisten Powerbanks. Du kannst problemlos zwei Laptops mit einer Gesamtleistung von 160W schnell aufladen. Außerdem verfügt die Powerbank über insgesamt 5 Ladeausgänge. Damit kannst du auch dein MacBook, dein iPhone, dein iPad, deine Smartwatch und deine Apple Airpods gleichzeitig aufladen! Natürlich lassen sich nicht nur Apple Geräte, sondern alle gängigen Laptops, Tablets, Smartphones und andere Geräte mit dieser Powerbank schnell aufladen. So viel Leistung in so einer kleinen Powerbank sind nur dank moderner Graphene Zellen erreichbar. Diese kommen auch in den Teslas zum Einsatz und übertreffen herkömmliche Lithium-Ionen-Batterien bei weitem.</p></div></div>
<div class="container" style="padding-bottom: 20px; display: flex; justify-content: center; align-items: center">
<div class="text" style="padding-right: 20px" ""="">
<h2 style="text-align: center">Durchladefähig - Lade die Powerbank auf, während sie andere Geräte lädt</h2>
<p style="text-align: justify">Es ist nur eine Steckdose verfügbar und du bist gerade auf dem Sprung? Mit unserer Grahene UltiMag Pro 24.000mAH kobalt Powerbank musst du dich nicht entscheiden welches Gerät du auflädst. Du steckst einfach deine Powerbank an die Steckdose und die anderen Geräte an deine Powerbank an. So werden alle Geräte gleichzeitig aufgeladen. Du kannst dein zu Hause mit vollen Geräte Akkus und voller Powerbank verlassen. Ein wirklicher Vorteil gegenüber anderen Powerbanks!</p></div>
<div class="image"><img alt="..." src="https://media.4smarts.eu/img/12158.jpg" width="95%" height="95%" /> </div></div>
<div class="container" style="padding-bottom: 20px; display: flex; justify-content: center; align-items: center">
<div class="image"><img alt="..." src="https://media.4smarts.eu/img/12160.jpg" width="95%" height="95%" /> </div>
<div class="text" style="padding-left: 20px">
<h2 style="text-align: center">In nur 90 Minuten selbst voll aufgeladen</h2>
<p style="text-align: justify">Viele Powerbanks benötigen 6 Stunden oder mehr, bis sie aufgeladen sind. Keiner möchte so lange warten, besonders nicht, wenn man es gerade eilig hat. Unsere Graphene UltiMag Pro 24.000mAh ist dagegen in nur 90 Minuten voll aufgeladen. Du kannst also 4-5 Smartphone Ladungen in nur 90 Minuten speichern und einfach mitnehmen. Den aktuellen Ladestand der Powerbank kannst du jederzeit an der LED-Anzeige ablesen.</p></div></div>
<div class="container" style="padding-bottom: 20px; display: flex; justify-content: center; align-items: center">
<div class="text" style="padding-right: 20px" ""="">
<h2 style="text-align: center">Kabelloses Laden mit MagSafe kompatiblen Zubehör</h2>
<p style="text-align: justify">Du kannst deine MagSafe kompatiblen Apple Geräte sogar kabellos laden. Du benötigst also kein Kabel, sondern nur unsere Powerbank, um unterwegs deine Smartwatch oder dein iPhone aufzuladen. Deine Geräte werden durch integrierte Magnete perfekt positioniert und haften auf unserer Powerbank fest. Auch nicht Apple Produkte lassen sich mit dieser MagSafe Funktion nachrüsten. Siehe dir hierzu unser 4smarts UltiMag Sortiment an und rüste ganz einfach dein Samsung Galaxy oder andere Smartphones nach.</p></div>
<div class="image"><img alt="..." src="https://media.4smarts.eu/img/12162.jpg" width="95%" height="95%" /> </div></div>
<div class="container" style="padding-bottom: 20px; display: flex; justify-content: center; align-items: center">
<div class="image"><img alt="..." src="https://media.4smarts.eu/img/12154.jpg" width="95%" height="95%" /> </div>
<div class="text" style="padding-left: 20px">
<h2 style="text-align: center">Schneller, stärker und längere Haltbarkeit, dank neuester Graphene Batterie Zellen</h2>
<p style="text-align: justify">Die reinen Zahlen sprechen für sich. Die Graphene UltiMag Pro leistet bis zu 240W Leistung, lässt sich in nur 90 Minuten vollständig aufladen und ist durchladefähig. Außerdem kannst du sie bis zu 2000 mal ohne wesentlichen Verlust der Speicherkapazität aufladen. Also täglich mehr als 5 Jahre lang! Das ist nur möglich, da wir an Stelle der normalen Lithium-Ionen-Batterien hochwertige Graphene Zellen verbauen. Diese lassen sich schneller laden, erwärmen sich weniger und sind länger haltbar. Nicht ohne Grund kommen Graphene Zellen auch bei Teslas zum Einsatz.</p></div></div>
ich habe eine eigentlich einfache Frage, finde aber nicht die genaue Syntax.
Ich möchte Bilder und Texte in meiner Produktbeschreibung einfügen.
Manche Bilder möchte ich auf der mobilen Ansicht nicht anzeigen und andere nicht für die Desktop Ansicht.
Wie löse ich das?
Hier ist eine beispielhafte Produktbeschreibung:
<div class="container" style="padding-bottom: 20px; display: flex; justify-content: center; align-items: center">
<div class="image"><img alt="..." src="https://media.4smarts.eu/img/12156.jpg" width="95%" height="95%" /> </div>
<div class="text" style="padding-left: 20px">
<h2 style="text-align: center">Extrem starke Powerbank - Lade bis zu 5 Geräte gleichzeitig</h2>
<p style="text-align: justify">Mit einer Leistung von bis zu 240W ist diese Powerbank bis zu 10-mal stärker als die meisten Powerbanks. Du kannst problemlos zwei Laptops mit einer Gesamtleistung von 160W schnell aufladen. Außerdem verfügt die Powerbank über insgesamt 5 Ladeausgänge. Damit kannst du auch dein MacBook, dein iPhone, dein iPad, deine Smartwatch und deine Apple Airpods gleichzeitig aufladen! Natürlich lassen sich nicht nur Apple Geräte, sondern alle gängigen Laptops, Tablets, Smartphones und andere Geräte mit dieser Powerbank schnell aufladen. So viel Leistung in so einer kleinen Powerbank sind nur dank moderner Graphene Zellen erreichbar. Diese kommen auch in den Teslas zum Einsatz und übertreffen herkömmliche Lithium-Ionen-Batterien bei weitem.</p></div></div>
<div class="container" style="padding-bottom: 20px; display: flex; justify-content: center; align-items: center">
<div class="text" style="padding-right: 20px" ""="">
<h2 style="text-align: center">Durchladefähig - Lade die Powerbank auf, während sie andere Geräte lädt</h2>
<p style="text-align: justify">Es ist nur eine Steckdose verfügbar und du bist gerade auf dem Sprung? Mit unserer Grahene UltiMag Pro 24.000mAH kobalt Powerbank musst du dich nicht entscheiden welches Gerät du auflädst. Du steckst einfach deine Powerbank an die Steckdose und die anderen Geräte an deine Powerbank an. So werden alle Geräte gleichzeitig aufgeladen. Du kannst dein zu Hause mit vollen Geräte Akkus und voller Powerbank verlassen. Ein wirklicher Vorteil gegenüber anderen Powerbanks!</p></div>
<div class="image"><img alt="..." src="https://media.4smarts.eu/img/12158.jpg" width="95%" height="95%" /> </div></div>
<div class="container" style="padding-bottom: 20px; display: flex; justify-content: center; align-items: center">
<div class="image"><img alt="..." src="https://media.4smarts.eu/img/12160.jpg" width="95%" height="95%" /> </div>
<div class="text" style="padding-left: 20px">
<h2 style="text-align: center">In nur 90 Minuten selbst voll aufgeladen</h2>
<p style="text-align: justify">Viele Powerbanks benötigen 6 Stunden oder mehr, bis sie aufgeladen sind. Keiner möchte so lange warten, besonders nicht, wenn man es gerade eilig hat. Unsere Graphene UltiMag Pro 24.000mAh ist dagegen in nur 90 Minuten voll aufgeladen. Du kannst also 4-5 Smartphone Ladungen in nur 90 Minuten speichern und einfach mitnehmen. Den aktuellen Ladestand der Powerbank kannst du jederzeit an der LED-Anzeige ablesen.</p></div></div>
<div class="container" style="padding-bottom: 20px; display: flex; justify-content: center; align-items: center">
<div class="text" style="padding-right: 20px" ""="">
<h2 style="text-align: center">Kabelloses Laden mit MagSafe kompatiblen Zubehör</h2>
<p style="text-align: justify">Du kannst deine MagSafe kompatiblen Apple Geräte sogar kabellos laden. Du benötigst also kein Kabel, sondern nur unsere Powerbank, um unterwegs deine Smartwatch oder dein iPhone aufzuladen. Deine Geräte werden durch integrierte Magnete perfekt positioniert und haften auf unserer Powerbank fest. Auch nicht Apple Produkte lassen sich mit dieser MagSafe Funktion nachrüsten. Siehe dir hierzu unser 4smarts UltiMag Sortiment an und rüste ganz einfach dein Samsung Galaxy oder andere Smartphones nach.</p></div>
<div class="image"><img alt="..." src="https://media.4smarts.eu/img/12162.jpg" width="95%" height="95%" /> </div></div>
<div class="container" style="padding-bottom: 20px; display: flex; justify-content: center; align-items: center">
<div class="image"><img alt="..." src="https://media.4smarts.eu/img/12154.jpg" width="95%" height="95%" /> </div>
<div class="text" style="padding-left: 20px">
<h2 style="text-align: center">Schneller, stärker und längere Haltbarkeit, dank neuester Graphene Batterie Zellen</h2>
<p style="text-align: justify">Die reinen Zahlen sprechen für sich. Die Graphene UltiMag Pro leistet bis zu 240W Leistung, lässt sich in nur 90 Minuten vollständig aufladen und ist durchladefähig. Außerdem kannst du sie bis zu 2000 mal ohne wesentlichen Verlust der Speicherkapazität aufladen. Also täglich mehr als 5 Jahre lang! Das ist nur möglich, da wir an Stelle der normalen Lithium-Ionen-Batterien hochwertige Graphene Zellen verbauen. Diese lassen sich schneller laden, erwärmen sich weniger und sind länger haltbar. Nicht ohne Grund kommen Graphene Zellen auch bei Teslas zum Einsatz.</p></div></div>
