FROM CACHE - de_header

Re: Händlerbund Logo im 2.0 Theme richtig ausrichten

Gelöst

Händlerbund Logo im 2.0 Theme richtig ausrichten

Chimel
Entdecker
21 0 4

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

1 AKZEPTIERTE LÖSUNG
Gabe
Shopify Staff
18557 2913 4280

Erfolg.

@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.

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

14 ANTWORTEN 14

Gabe
Shopify Staff
18557 2913 4280

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:

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

Chimel
Entdecker
21 0 4

@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
Shopify Staff
18557 2913 4280

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:

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

Chimel
Entdecker
21 0 4

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
Entdecker
21 0 4

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

 

VG

 

Chimel

Gabe
Shopify Staff
18557 2913 4280

Erfolg.

@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.

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

Chimel
Entdecker
21 0 4

@Gabe  Danke 🙂

Chimel
Entdecker
21 0 4

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

Gabe
Shopify Staff
18557 2913 4280

@Chimel 

 

Ja die ist die beste:

 

image.png

 

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

VG,

 

 

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

Chimel
Entdecker
21 0 4

@Gabe  Vielen Dank 🙂

Gabe
Shopify Staff
18557 2913 4280

@Chimel 

 

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

 

image.png

 

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.

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

Chimel
Entdecker
21 0 4

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

 

Danke 🙂

Gabe
Shopify Staff
18557 2913 4280

@Chimel 

 

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

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

Chimel
Entdecker
21 0 4

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