FROM CACHE - de_header

Fragen zu Elementen und Code Anpassung

Mr_Diet_
Tourist
11 0 1

IMG_4524.jpeg

Hallo. Ich würde gerne in meinem Footer in der mobilen Ansicht wie auf an Screenshot so Linien machen und eventuelle in 2 columns( mobile Ansicht ) aufteilen weil der Footer doch relativ lang wird . Code Anpassungen machen ich in einer Copie selbst. Desertieren würde ich gerne ein Code haben wollen womit ich Trennlinien erzeugen kann . Quasi unter Abschnitte auswählbar wie die anderen Elemente . Das ich dieses auch nach Bedarf einfügen kann wo ich sie gerade brauche . Eventuell nen liquid möglich ? Und zuletzt würde ich gerne meine Wishlist in den Produkten nicht mit einem Herz im Bild bestücken sondern als Text unter dem Bild wo normal / in den WARENKORB Button steht . Oder als Button unter dem Preis . Benutze Wishlist  King . Ich bedanke mich herzlich im Vorraus und eine schöne Woche.

3 ANTWORTEN 3

Gabe
Shopify Staff
17514 2771 4088

Hey @Mr_Diet_ 

 

Erstens, bzgl. der Wishlist King App, hast du mit dem App Support gesprochen? Die wären hier die besten Ansprechpartner und siehe die relevante Doku zum Wishlist Text und den Einstellungen hier zu wie du das einstellen kannst: help.appmate.io

 

Um im Footer deines Shopify Craft Themes Trennlinien hinzuzufügen und die Anzeige für mobile Geräte in zwei Spalten zu unterteilen, kannst du CSS verwenden, um diese Änderungen vorzunehmen. Hier sind die notwendigen Schritte und der Code, den du verwenden kannst.

 

Wenn du es selber programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!

 

Du kannst CSS verwenden, um Trennlinien zwischen den Footer-Blöcken einzufügen. Hier ein Beispiel, wie du dies für die mobile Ansicht umsetzen kannst:

 

@media (max-width: 768px) { /* Für Geräte mit einer maximalen Breite von 768px */
    .footer__blocks-wrapper .footer-block {
        border-bottom: 1px solid #ccc; /* Fügt eine Trennlinie hinzu */
        padding-bottom: 20px; /* Abstand nach unten */
        margin-bottom: 20px; /* Zusätzlicher Abstand nach unten */
    }
}

 

Für eine zweispaltige Anordnung in der mobilen Ansicht kannst du die Grid-Einstellungen des Footers anpassen:

 

@media (max-width: 768px) { /* Für Geräte mit einer maximalen Breite von 768px */
    .footer__blocks-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr; /* Zweispaltige Anordnung */
        grid-gap: 20px; /* Abstand zwischen den Spalten */
    }
}

 

Hoffe das hilft dir weiter - lass wissen falls nicht! 😉

---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

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

Mr_Diet_
Tourist
11 0 1

Hey. Vom Prinzip hat es soweit geklappt . Nur leider passt was mit der Größe nicht so ganz. Siehe Foto. Es bewegt sich nach links und rechts.

IMG_4532.jpeg

 Und wie schaut es aus mit der Trennlinie ? Also als Abschnitt oder so die ich nach Bedarf immer anwenden kann . Eventuell liquid? Ich danke dir herzlich und eine schöne Woche . Liebe Grüße 

Gabe
Shopify Staff
17514 2771 4088

Hey @Mr_Diet_ 

 

Super und somit bist du etwas weiter gekommen. Bei allen weiteren Fragen bitte die oben verlinkten Entwickler kontaktieren denn die müssen einen näheren 👁️ in dein Code werfen was wir hier ja nicht machen können.

 

Hoffe das hilft dir weiter! 😉

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