Gibt es ein Plugin, um ein Icon neben einer Kategorie zu haben?

Unterstützung
1

Hallo, ich frage mich, ob es eine Art Plugin gibt, das es ermöglicht, ein Symbol neben einer Kategorie anzuzeigen, ähnlich wie hier? Ich weiß, dass es eines gibt, aber ich kann mich nicht an den Namen erinnern.

image
image493×287 18.2 KB

2

Hallo @Glow :wave:

Sie benötigen kein Plugin oder Theme-Komponente. Gehen Sie zu den Kategorieeinstellungen über den Admin-Schraubenschlüssel in der oberen rechten Ecke jeder Kategorie, für die Sie ein Bildsymbol wünschen, und gehen Sie zum Tab „Bilder“. Dort können Sie Bilder hochladen, die wie auf Ihrem Screenshot erscheinen. Das, das Sie möchten, ist das erste: „Kategoriebildlogo“. Beachten Sie, dass es auch oben auf der Kategorieseite angezeigt wird.

1 „Gefällt mir“
3

Danke! Und gibt es eine Möglichkeit, es kleiner zu machen? Es ist ziemlich überdimensioniert

image
image1138×429 32.5 KB

4

In Common - CSS eines Themas oder einer Themenkomponente können Sie Folgendes tun:

.category-logo.aspect-image {
    width: 100px;
}

Ändern Sie einfach den Breitenwert nach Belieben. Sie können auch Prozentwerte anstelle von Pixeln verwenden. Ich hoffe, das hilft :slight_smile:

1 „Gefällt mir“
5

hmm, ich bin ziemlich sicher, dass es immer noch ein Plugin gibt, da ich mich erinnere, so etwas benutzt zu haben, weil das ziemlich seltsam aussieht, wenn ich es verkleinere, und nicht genau wie auf dem Bild aussieht, aber ich erinnere mich nicht an den Namen.

image
image1184×412 14.9 KB

6

Sie können CSS verwenden, um das Bild und seine Platzierung weiter anzupassen.

Es gibt auch dieses hier, aber ich bin mir nicht sicher, ob es das ist, was Sie wollen.

2 „Gefällt mir“
7

Dies ist ein Code, den ich zuvor geschrieben habe…


:root {
    --category-logo-width: 70px;
    --category-spacing: 0px;
}

.desktop-view table.category-list .category-logo.aspect-image {
    width: var(--category-logo-width);
    height: calc(var(--category-logo-width) - 45px);
    margin: 0 5px 0 0;
    padding: 0;
    transform: translatey(-35px);
}
table.category-list .category-logo.aspect-image img{
    width: var(--category-logo-width);
    height: var(--category-logo-width);
}
.desktop-view .has-logo .category-text-title {
    margin-left: calc(var(--category-logo-width) + 5px);
}
.mobile-view .category-title-link {
    display: flex;
}
.mobile-view .category-logo.aspect-image {
    margin: 0 5px 0 0;
    margin-top: 0 !important;
    padding: 0;
    order: -1
}
.mobile-view .category-text-title {
    margin: auto 0;
}


.desktop-view td.category {
    margin: var(--category-spacing);
}
.desktop-view table.category-list {
    border-collapse: separate;
    border-spacing: 0 var(--category-spacing);
}
.desktop-view table.category-list tr {
    margin: var(--category-spacing);
}
2 „Gefällt mir“