# Varianten als Farbe im Template ausgeben

**URL:** https://forum.shopware.com/t/varianten-als-farbe-im-template-ausgeben/103151
**Category:** Shopware 6 (German)
**Created:** [27. Februar 2024 um 19:45 UTC](https://forum.shopware.com/t/varianten-als-farbe-im-template-ausgeben/103151 "2024-02-27T19:45:13Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![MarcellusGompperus](https://avatars.discourse-cdn.com/v4/letter/m/3be4f8/32.png) [@MarcellusGompperus](https://forum.shopware.com/u/MarcellusGompperus)
#### Post date: [27. Februar 2024 um 19:45 UTC](https://forum.shopware.com/t/varianten-als-farbe-im-template-ausgeben/103151/1 "2024-02-27T19:45:13Z")

</div>

Hallo zusammen, ich spiele gerade mit dem Gedanken meine Varianten-Artikel die farblich verschieden sind, als angezeigte Farbe auszugeben.  
Aktuell steht ja „Rot“ „Grün“ „Blau“ etc. da, aber ich denke als Bild gerne auch rund, wäre das doch viel schöner!

Gibt es dafür eine Möglichkeit, auch ohne Plugin?

Beste Grüße  
Marcel

---

<div class="post-metadata">

### Author: ![olli.k](https://avatars.discourse-cdn.com/v4/letter/o/e99b99/32.png) [@olli.k](https://forum.shopware.com/u/olli.k)
#### Post date: [27. Februar 2024 um 19:58 UTC](https://forum.shopware.com/t/varianten-als-farbe-im-template-ausgeben/103151/2 "2024-02-27T19:58:23Z")

</div>

Ich weiß nicht ob ich es richtig verstanden habe. Aber du kannst in den Eigenschaften die Farbe wählen:

 ![CleanShot 2024-02-27 at 20.50.58@2x](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/9/1/91a8a35455dc5532c2fd7d0f255fbabf75db8276.png)

Dann werden die Farben auch im Frontend dargestellt:

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/f/1/f1a6aacfa29d784212ac435c9a7c0a0c51b0944e.png)

Oder meinst du das ander?

---

<div class="post-metadata">

### Author: ![MarcellusGompperus](https://avatars.discourse-cdn.com/v4/letter/m/3be4f8/32.png) [@MarcellusGompperus](https://forum.shopware.com/u/MarcellusGompperus)
#### Post date: [27. Februar 2024 um 20:16 UTC](https://forum.shopware.com/t/varianten-als-farbe-im-template-ausgeben/103151/3 "2024-02-27T20:16:19Z")

</div>

Ah klasse, ich hab das jetzt wie auf dem unteren Bild von dir gefunden 😃 Manchmal sieht man den Wald vor lauter Bäumen nicht… Gibt es noch eine Option wie man es abrunden kann anstatt die Eckige Variante?

Vielen Dank schonmal!

---

<div class="post-metadata">

### Author: ![olli.k](https://avatars.discourse-cdn.com/v4/letter/o/e99b99/32.png) [@olli.k](https://forum.shopware.com/u/olli.k)
#### Post date: [27. Februar 2024 um 20:19 UTC](https://forum.shopware.com/t/varianten-als-farbe-im-template-ausgeben/103151/4 "2024-02-27T20:19:34Z")

</div>

> Gibt es noch eine Option wie man es abrunden kann anstatt die Eckige Variante?

Das muss man dann im Theme verankern, eigentlich keine große Sache. Aber das ist nicht so einfach ohne ein zusätzlich Plugin / Theme möglich. Es gibt sicherlich auch fertige Themes, die solch ein Verhalten schon mitbringen.

---

<div class="post-metadata">

### Author: ![MarcellusGompperus](https://avatars.discourse-cdn.com/v4/letter/m/3be4f8/32.png) [@MarcellusGompperus](https://forum.shopware.com/u/MarcellusGompperus)
#### Post date: [27. Februar 2024 um 20:21 UTC](https://forum.shopware.com/t/varianten-als-farbe-im-template-ausgeben/103151/5 "2024-02-27T20:21:44Z")

</div>

Ok, die fertigen Theme’s und Plugins sind gerade leider nicht im Budget vorhanden 🙈  
Hab heute schon geschaut aber irgendwie nichts gefunden wo und vor allem wie man das lösen kann 😃

---

<div class="post-metadata">

### Author: ![olli.k](https://avatars.discourse-cdn.com/v4/letter/o/e99b99/32.png) [@olli.k](https://forum.shopware.com/u/olli.k)
#### Post date: [27. Februar 2024 um 22:42 UTC](https://forum.shopware.com/t/varianten-als-farbe-im-template-ausgeben/103151/6 "2024-02-27T22:42:43Z")

</div>

> [@MarcellusGompperus](#):
>
> Ok, die fertigen Theme’s und Plugins sind gerade leider nicht im Budget vorhanden 🙈

Kann ich verstehen. Wenn du etwas Erfahrung hast und dich mit den Konsolenbefehlen vertraut gemacht hast, kannst du dir ja ein Theme anlegen

**Der folgende Name „DeinStoreTheme“ ist nur ein Beispiel, kann auch anders heißen „ShopTheme“, „CustomTheme“ oder halt wie dein Shop heißt „Theme“ 😉**

mit  
`bin/console theme:create DeinStoreTheme`

Plugin/Themes Liste aktualisieren:  
`bin/console plugin:refresh`

Theme installieren / aktivieren:  
`bin/console plugin:install --activate DeinStoreTheme`

Theme deinem Verkaufskanal zuweisen:  
`bin/console theme:change DeinStoreTheme`

Dann kannst du in der Datei

`custom/plugins/DeinStoreTheme/src/Resources/app/storefront/src/scss/base.scss`

sowas hier schreiben (bin kein CSS Profi)

```auto
.product-detail-configurator-option {
  .is-display-color {
    border-radius: 50%;
    box-shadow: none;
  }
}

```

Dann das Theme bauen:  
`bin/console theme:compile`

Den Cache leeren:  
`bin/console cache:clear`

Sieht dann bei mir so aus:

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/3/e/3eaec4849bc51594c484df77eef740016b074f8a.png)

Hier die Doku von Shopware:

> **[Create a First Theme | Shopware Documentation](https://developer.shopware.com/docs/guides/plugins/themes/create-a-theme.html)**
>
> Documentation for Shopware developers

---

<div class="post-metadata">

### Author: ![MarcellusGompperus](https://avatars.discourse-cdn.com/v4/letter/m/3be4f8/32.png) [@MarcellusGompperus](https://forum.shopware.com/u/MarcellusGompperus)
#### Post date: [28. Februar 2024 um 08:32 UTC](https://forum.shopware.com/t/varianten-als-farbe-im-template-ausgeben/103151/7 "2024-02-28T08:32:15Z")

</div>

@olli.k vielen dank, ich werde das gleich mal ausprobieren 🙂

---

<div class="post-metadata">

### Author: ![system](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/2/9/29c7587ba660f00e4995d1743162782e5d6d8653.svg) [@system](https://forum.shopware.com/u/system)
#### Post date: [29. März 2024 um 08:32 UTC](https://forum.shopware.com/t/varianten-als-farbe-im-template-ausgeben/103151/8 "2024-03-29T08:32:30Z")

</div>

Dieses Thema wurde automatisch 30 Tage nach der letzten Antwort geschlossen. Es sind keine neuen Antworten mehr erlaubt.
