FROM CACHE - de_header
Gelöst

Produkttitel auf Produktseite - Abstand ändern

Jule21
Tourist
4 0 0

Guten Tag zusammen!

Hintergrund: Auf unseren Produktseiten ist aufgefallen, dass der Produkttitel sehr nah am Navigationsbereich platziert ist (Siehe Bild, zur weiteren Anschauung kann Ardap Care - Ihr Partner für Hygiene und Tierbedarf – Ardap Care GmbH aufgerufen und sich weitere Produkte angeschaut werden). Wir würden hierbei gerne den Abstand verändern.

 

 

ProblemdarstellungProblemdarstellung

 

Jetzt zur Frage: Wie kann der Abstand zwischen Navigationsleiste und Produkttitel verändert werden?

 

 

Danke für die Hilfe.

Grüße 

Jule

1 AKZEPTIERTE LÖSUNG

Finer
Shopify Expert
2005 416 717

Erfolg.

@Jule21 dazu muss man dem Bereich (Bild inkl. Produktdetails) einen Abstand (margin) zuweisen.

In eurem Fall müsst Ihr in der Theme.css Datei folgendes ganz unten platzieren.

 

@media only screen and (min-width: 750px) {
 .product-template__container {
    margin-top: 60px;
 }
}

Du kannst den Wert (60px) natürlich nach Belieben anpassen (habe jetzt einfach nach Baugefühl den Wert eingetragen).

 

Wichtig ist, dass der Abstand nur in der Desktop-Ansicht angezeigt wird, da in der Mobilen Ansicht, der Abstand nicht wichtig ist (Produkttitel befindet sich unter dem Produktbild).

 

UND GANZ WICHTIG!
Immer erste eine Sicherheitskopie des Themes machen, bevor man an den Code bearbeitet 😉

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency

Lösung in ursprünglichem Beitrag anzeigen

3 ANTWORTEN 3

Finer
Shopify Expert
2005 416 717

Erfolg.

@Jule21 dazu muss man dem Bereich (Bild inkl. Produktdetails) einen Abstand (margin) zuweisen.

In eurem Fall müsst Ihr in der Theme.css Datei folgendes ganz unten platzieren.

 

@media only screen and (min-width: 750px) {
 .product-template__container {
    margin-top: 60px;
 }
}

Du kannst den Wert (60px) natürlich nach Belieben anpassen (habe jetzt einfach nach Baugefühl den Wert eingetragen).

 

Wichtig ist, dass der Abstand nur in der Desktop-Ansicht angezeigt wird, da in der Mobilen Ansicht, der Abstand nicht wichtig ist (Produkttitel befindet sich unter dem Produktbild).

 

UND GANZ WICHTIG!
Immer erste eine Sicherheitskopie des Themes machen, bevor man an den Code bearbeitet 😉

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency
Jule21
Tourist
4 0 0

@Finer vielen Dank! 

Kai
Shopify Staff
2249 529 349

Hi ,

 

hier noch das Hilfedokument, das  erwähnt, zur Duplizierung des eigenen Themes

 

Datensicherungen könnt ihr auch von euren Produkten, Bestellungen & Kundenlisten erstellen. Rechnungen und Seiten, wie zum Beispiel das Impressum, kann man so abspeichern. 

 

Macht ihr das regelmäßig?

Kai | 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