FROM CACHE - de_header

Produktbeschreibung mobile ansicht

Gelöst
Gamze1
Entdecker
45 0 2

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

 

 

1 AKZEPTIERTE LÖSUNG
Gabe
Shopify Staff
Shopify Staff
14525 2283 3466

Erfolg.

@Gamze1 

 

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:

 

Gabe_0-1682601146289.png

 

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! 😉

 

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Lösung in ursprünglichem Beitrag anzeigen

1 ANTWORT 1
Gabe
Shopify Staff
Shopify Staff
14525 2283 3466

Erfolg.

@Gamze1 

 

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:

 

Gabe_0-1682601146289.png

 

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! 😉

 

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog