Fragen zu Elementen und Code Anpassung

[Mr_Diet_]

 

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.

[Gabe]

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.

[Mr_Diet_]

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.

 

 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]

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