Hauptfrage: Anpassung der mobilen Produktbeschreibung, damit sie wie die Desktop-Ansicht aussieht, da eingefügte Bilder in der mobilen Ansicht verrutscht erscheinen.
Lösungsansatz:
Empfohlene Schritte:
Technischer Hinweis: Die Lösung beinhaltet CSS-Code mit Media Queries (z.B. @media (max-width: 767px)) zur gezielten Anpassung des mobilen Layouts an die Desktop-Darstellung.
Status: Diskussion bietet grundlegende Anleitung, praktische Umsetzung erfordert Theme-spezifische Code-Anpassungen.
Kann man die Produktbeschreibung in der mobilen Ansicht so anpassen, dass es wie in der Desktopansicht aussieht? Ich hab Bilder in die Produktbeschreibung eingefügt und auf der mobilen Ansicht sieht alles verrutscht aus, würde das gerne anpassen..
url: luumpi.de
pw: zeelto
Danke für die Frage und es ist möglich, die Produktbeschreibungen in der mobilen Ansicht des Shopify-Shops so anzupassen, dass sie der Desktopansicht ähnlicher sehen. Die Anpassungen erfordern in der Regel eine Bearbeitung des CSS- und/oder des Liquid-Codes deines Themes.
Bevor du Änderungen am Theme-Code vornimmst, empfehle ich, ein Backup des aktuellen Themes zu erstellen, um im Falle von Problemen zur vorherigen Version zurückkehren zu können.
Hier sind die grundlegenden Schritte, um die mobile Produktbeschreibung anzupassen. Gehe zu “Online-Shop” > “Themes” → und suche im Theme Editor den CSS Editor:
Passe den folgenden Code an, um das Layout und das Design der mobilen Produktbeschreibung so zu ändern, dass es dem Desktop-Layout entspricht. Du kannst hierfür Media Queries verwenden, um unterschiedliche Stile für verschiedene Bildschirmgrößen festzulegen. Beispiel:
/* Desktop-Stil */
.product-description {
...
}
/* Mobiler Stil */
@media (max-width: 767px) {
.product-description {
...
}
}
Hoffe das hilft! 