Trusted Shops Trustbadge - Desktop links unten

Hallo werte Forengemeinde,

ich habe herausgefunden, dass man mit folgendem Code die horizontale Positionierung für Floating-Variante setzen kann:

'responsive': {'variant':'floating', 'position':'left'},

Ich habe aber bisher keinen Code gefunden um die Desktop-Variante auf der linken Seite zu positionieren.

Wie kann ich im Trusted Shops Plugin einstellen, dass das Badge auf der linken Seite angezeigt wird?

Danke & Gruß Daniel

Hi Daniel,

habe gerade dasselbe Problem entdeckt und mal ein bisschen rumprobiert.

Habe das Badge nun im Theme einfach überschrieben, da Trusted Shops hier soweit ich weiß leider keine config bietet:

.badge-container {
	.badge {
		left: 15px !important;
		inset: auto auto 240px 15px !important;
		border: 1px solid #ffffff !important;

		&:hover {
			left: 15px !important;
			inset: auto auto 240px 15px !important;
		}

		.badge-dropdown {
			right: unset !important;
			bottom: 175px !important;
		}
	}

	.badge-maximized {
		left: 15px !important;
		inset: auto auto 240px 15px !important;
	}
}

Die Klassen Namen kannst Du jedoch nicht einfach von mir übernehmen, da sie vom Plugin automatisch generiert werden.

Ich habe desshalb einfach mal aussagekräftige Namen für dich verwendet.

LG Luca

1 „Gefällt mir“

Hallo Luca,

ganz vielen Dank für Code. Hat prima geklappt!

Viele Grüße

Daniel

 the Trustbadge is displayed in the lower right corner of your shop. In this case, the mobile devices will show the desktop version of the Trustbadge.