# 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. <br>

{% hint style="danger" %}
Bitte nur Bilder mit den maximalen Maßen bis 600x600 Pixel benutzen!
{% endhint %}

<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!
