Händlerbund Logo im 2.0 Theme richtig ausrichten

[Chimel]

Hallo liebe Shopify - Community,

Weiß jmd. vielleicht, wie man das Händlerbund-Mitgliedslogo auf der Homeseite besser ausrichten kann? 

In den alten Themes hat man das Händlerbund-Logo als benutzerdefinierten HTML Code einfügen können. 

Im 2.0. Theme wird das Händlerbund-Logo im benutzerdefinierten Liquid eingefügt. Das Ergebnis auf der Homeseite ist leider sehr linksbündig. Kennt sich hier jmd. aus, wie kann man allgemein die Logos im 2.0 Theme besser ausrichten? 

VG

Chimel

[Gabe]

Hey Chimel! @Chimel 

Danke für die Frage aber sehr hilfreich wäre hier ein Link zu einem Beispiel, so dass wir das besser analysieren können. Kannst du hier einen Link einfügen? Ist es der folgenden Code den du verwendest um das Logo einzubinden?

<!-- Beginn des HTML-Code --> 
<a href="https://www.haendlerbund.de/mitglied/show.php?uuid=097d6c80-c163-11eb-a4fa-9c5c8e4fb375-4178155990" target="_blank">
<img src="https://www.haendlerbund.de/mitglied/logo.php?uuid=097d6c80-c163-11eb-a4fa-9c5c8e4fb375-4178155990&size=120&variant=2" title="H&auml;ndlerbund Mitglied" 
alt="Mitglied im H&auml;ndlerbund" hspace="5" vspace="5" border="0" />
</a>
<!-- Ende des HTML-Code -->

Damit wird das Logo klickbar, welches den User daraufhin zur Händlerbund Seite weiterleiten wird. Ich sehe auch du hast dieses Thema mit @r8r Mario hier gestartet. Hier würde man einen Blick in deinem Theme Code (am besten eine Theme Kopie zuerst erstellen als Backup) um dann zu entscheiden wie die Badge sich auf der Homepage zeigen soll, wie ob im Footer, oder ob als Sticky/Floating Badge oder nicht. Somit ist es nicht ganz einwandfrei denn man muss hier einiges an Code im CSS auch ergänzen.

Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community. Lass auch wissen, wenn du weitere Fragen hast zum obigen Thema oder generell zu deinem Shop und Business und gerne können wir das hier weiter besprechen!
 
Wir führen gerade eine kurze Umfrage zu Eurer Erfahrung in der Community durch mit 5 kurzen Fragen. Wenn Du mal 2-Min Zeit hast - die Umfrage ist auch anonym:

• https://forms.gle/SSVUmn5vXLYYW9Dh8

[Chimel]

@Gabe  

Danke für deine Antwort. Hier ist der Link zu meinem Shop:  https://www.brushyooteeth.de/ 

Und HTML Code von Händlerbund:

<!-- Beginn des H&auml;ndlerbund HTML-Code -->
<!-- Der HTML-Code darf im Sinne der einwandfreien Funktionalit&auml;t nicht ver&auml;ndert werden! -->
<a href="https://logo.haendlerbund.de/show.php?uuid=3801b5bb-542e-11ec-a4fa-9c5c8e4fb375-5560797206" target="_blank">
<img src="https://logo.haendlerbund.de/logo.php?uuid=3801b5bb-542e-11ec-a4fa-9c5c8e4fb375-5560797206&size=120&..." title="H&auml;ndlerbund Mitglied"
alt="Mitglied im H&auml;ndlerbund" hspace="5" vspace="5" border="0" />
</a>
<!-- Ende des H&auml;ndlerbund HTML-Code -->

[Gabe]

Hey @Chimel 

Ok danke für die URL und das habe ich angeschaut und gebe Tipps ab in meinem Video zu deinem Shop:

Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community. Lass auch wissen, wenn du weitere Fragen hast zum obigen Thema oder generell zu deinem Shop und Business und gerne können wir das hier weiter besprechen!
 
Wir führen gerade eine kurze Umfrage zu Eurer Erfahrung in der Community durch mit 5 kurzen Fragen. Wenn Du mal 2-Min Zeit hast - die Umfrage ist auch anonym:

• https://forms.gle/SSVUmn5vXLYYW9Dh8

[Chimel]

Hey @Gabe vielen lieben Dank für deine Zeit und den weiteren Tips.

Ich hatte das Händlerbund - Logo schon einmal im footer.liguid eingefügt, dass Ergebnis sah nicht anders aus. 

Ich versuche es gerade nochmal im footer einzufügen. Das Problem ist hier die Ausrichtung, wie kann ich den Code so bearbeiten, dass ich das Logo individuell anpasse? Müsste vor oder nach dem HTML Code vielleicht (<<rechts / zentriert>>) eingefügt werden? Das versuche ich noch herauszufinden.

Bzgl. des Banners. Ich habe die GDPR Compliance Center App und Customer Privacy von Shopify. Ich schaue mir das Thema gleich aber nochmal an 🙂

Ich wollte zunächst mit einem Produkt beginnen. Die Kategorien hatte ich trotzdem hinzugefügt, aber vielleicht füge ich die wieder mit den Produkten ein und entferne diese erst einmal.

Die Seite soll schlicht sein. Nicht zu viel, nicht zu wenig. Im footer habe ich Social Media Links eingefügt, wo man auch Videos vom Produkt sehen kann. 

Das Beispiel mit dem Model ist eine super Idee, werde ein ähnliches Beispiel umsetzen, werde aber zunächst ein Video ohne Model einfügen können und hoffe, dass die Geschwindigkeit des Shops dadurch nicht verlangsamt wird :), daher auch nur ein Bild als Banner :).

Das Refresh Theme ist derzeit online und hatte auch schon weitere Themes getestet. 

VG

Chimel

[Chimel]

Hey @Gabe sagt dir bzgl. der Ausrichtung flexbox etwas?

VG

Chimel

[Gabe · Accepted solution]

@Chimel 

Ja, das CSS-Flexbox-Layout ist ein bestimmter Layout von HTML-Seiten wo man die Größe anpassen kann wie z. B. verkleinern, um nicht unnötig Platz zu beanspruchen.

W3Schools haben ein paar Seiten zu diesem Thema wo du das ausprobieren kannst hier.

[Chimel]

@Gabe  Danke 🙂

[Chimel]

@Gabe  ich habe die GDPR Legal Cookie App installiert, ist dies richtig so?

[Gabe]

@Chimel 

Ja die ist die beste:

Die App Entwickler können dir bei der Feineinstellung gerne helfen: 

• support@gdpr-legal-cookie.com 

VG,

[Chimel]

@Gabe  Vielen Dank 🙂

[Gabe]

@Chimel 

Finde ich gar nicht schlecht so, ansonsten in der Brushyooteeth Spalte könnte noch besser aufgehoben sein:

Wie wäre es mit einem "Anchor Link" in der Fußzeile der dich wieder nach oben bringt? Siehe einen Leitfaden zum Thema hier und wie gesagt, zuerst in der Sandbox Testumgebung testen.

[Chimel]

@Gabe  finde ich auch, ich lasse es erst einmal so stehen, werde aber zwischendurch weitere Platzierungen austesten 🙂 bzw. in der "brushyooteeth" Spalte 🙂 

Danke 🙂

[Gabe]

@Chimel 

Hört sich gut an! Ein schönes W-Ende wünsche ich und wir reden wieder nächste Woche!

[Chimel]

@Gabe wünsche dir auch ein schönes Wochenende und bis nächste Woche 🙂 !