# Ansichten

<figure><img src="https://dev1.pixeleyes.de/media/bf/c8/c5/1635936686/artikeldesigner-views-list.png" alt=""><figcaption></figcaption></figure>

### Ansichten Liste

Unter Kataloge > Artikeldesigner Ansichten können Sie die Ansichten (z.B. Vorder-, Rück-, Ärmelansichten)  der Varianten (Z.B. Rot, Gelb etc.) erstellen und diese dann unter Artikeldesigner Varianten > gewünschte Variante verknüpfen.\
\
Erstellen Sie durch klicken auf "Erstellen" eine&#x20;

<figure><img src="https://dev1.pixeleyes.de/media/24/2b/c6/1635936710/artikeldesigner-views-detail1.png" alt=""><figcaption></figcaption></figure>

**Name / Kopfzeile:**&#x20;

Name der Ansicht

**Kurzbeschreibung:**&#x20;

Beschreibung der Ansicht (Intern)

<figure><img src="https://dev1.pixeleyes.de/media/5e/8b/8d/1635936720/artikeldesigner-views-detail2.png" alt=""><figcaption></figcaption></figure>

### Position: Festlegen der Reihenfolge<br>

**Hexfarbe:**&#x20;

Farbe der Ansicht

**Aktiv:**&#x20;

Aktivieren der Ansicht

**Vorselektiert:**&#x20;

Die Variante als selektiert markieren. Eine Variante muss vorselektiert sein

**Randabstand:**&#x20;

Festlegen eines Abstands beim Druckbereich

<figure><img src="https://dev1.pixeleyes.de/media/72/bd/af/1635936731/artikeldesigner-views-detail3.png" alt=""><figcaption></figcaption></figure>

Sofern Sie ein Hintergrundbild einfügen z.B. ein T-Shirt und Sie möchten aber dass der Druckbereich nicht das ganze T-Shirt „umhüllt“, können Sie hier die Positionen bestimmen.&#x20;

Diese können Sie auch unter Druckbereich festlegen. Der Druckbereich erscheint nur dann wenn Sie im Vorfeld die Ansicht gespeichert haben. Dann erst wird dieser aktiviert.

**Links:** Position links

**Rechts:** Position rechts

**Oben:** Position oben

**Unten:** Position unten

Breite und Höhe: Tragen Sie hier die Breite und Höhe in Pixel ein von Ihrer Variante. Das Hintergrundbild und die Maske müssen auch in den gleichen Maßen hochgeladen werden.

<figure><img src="https://dev1.pixeleyes.de/media/24/dc/6a/1635936743/artikeldesigner-views-detail4.png" alt=""><figcaption></figcaption></figure>

Hier haben Sie die Möglichkeit den Druckbereich mittels Anfasser  durch ziehen festzulegen oder manuell durch Eingabe der Positionen.   &#x20;

<figure><img src="https://dev1.pixeleyes.de/media/27/7e/86/1635936754/artikeldesigner-views-detail5.png" alt=""><figcaption></figcaption></figure>

### <br>

Wählen Sie Ihr gewünschtes Hintergrundbild aus. Ein Hintergrundbild wird hinter der „Gestaltungsebene“ platziert

Siehe auch Beispiel „UHR“ in unserer Demo. Hierbei haben wir einen weissen Kreis als PNG (Transparent) benutzt. Das Hintergrundbild muss exakt die gleiche Breite und Höhe haben wie unter Inhalte > Breite und Höhe!\
\
Wählen Sie ihre gewünschte Maske aus die über den Bearbeitungsbereich im Frontend positioniert wird. Siehe auch Beispiel „UHR“ in unserer Demo. Hierbei haben wir ein Zifferblatt einer Uhr als PNG (Transparent) benutzt. Die Maske muss exakt die gleiche Breite und Höhe haben wie unter Inhalte > Breite und Höhe!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.pixeleyes.de/anleitungen-instructions/english/documentation-of-our-shopware-6-plugins/artikeldesigner-for-shopware-6/pluginmenu/ansichten.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
