Wenn du eine eigene Webseite betreibst und den T-Shirt Shop direkt einbinden möchtest, funktioniert dies am besten mit einem sogenannten iFrame.

Mit einem iFrame definierst du auf deiner Webseite im Prinzip einen gewissen Bereich mit einer fixen Höhe und Breite. In diesem Bereich wird dann die von dir angegebene Webseite eines Dritten dargestellt. In unserem Fall ist diese Webseite dann unser T-Shirt Shop. 

Ein iFrame erstellst du, indem du folgenden Code auf deiner Webseite einfügst:

<iframe height="600" width="620" src="/Shop URL" name="Shirtshop" id="Shirtshop" frameborder="0"></iframe>

Mit height wird die Breite, mit width die Länge und mit src die einzubindende Webseite (z. B. http://123456.spreadshirt.net ) definiert.

Wie das in der Praxis aussieht, kannst du dir auf Fussball-Shirts.com ansehen. Hier wurde der Spreadshirt T-Shirt Shop mittels iFrame in die Seite integriert.

Wir möchten dir das Prinzip und die Möglichkeiten anhand dieses Beispiels erklären:

Das unten stehende Bild zeigt die Fussball-Shirts.com Startseite. Diese ist vom eigentlichen T-Shirt Shop völlig unabhängig. Das bietet die Möglichkeit, dass man neben den vom T-Shirt Shop Anbieter zur Verfügung gestellten Informationen noch zusätzlich selber Texte verfassen und dem Kunden anbieten oder auch anderst aufbereiten kann. So zum Beispiel die "Qualität & Haltbarkeit" Seite.

 Erst wenn man einen Teil des eigentlich Shops, in diesem Fall von Spreadshirt , einbinden will benötigt man eine Seite mit einem iFrame. Unten abgebildet ist zum Beispiel die Shop Seite. Es wurde auf dem eigenen Webspace von Fussball-Shirts.com eine eigene Shop Seite angelegt, in der dann das iFrame (dieses zeigt den eigentlichen Shop an) integriert worden ist. Das iFrame ist unten rot markiert.

Dies hat neben der einfachen Einbindung auch einen entscheidenden Voreil: Das Layout des Shops muss nur farblich auf die eigene Seite angepasst werden. Alle anderen Elemente, wie Navigation oben, die Spalte rechts mit Zusatzinformationen oder der Einleitungstext über dem iFrame sind auf dem eigenen Webspace und können so uneingeschränkt bearbeitet werden.

Welche Höhe und Breite sind zu Empfehlen?

Eine gute iFrame Höhe für Spreadshirt Shops sind 1400 pixel. Bei dieser Höhe wird z. B. ein Standard Spreadshirt Shop mit 3x3 Produkten pro Seite ohne Scrollbalken angezeigt. Die Breite setzt ihr, je nach eingestellter Shop breite, um die 600 - 900 px.

Sollte der Inhalt einmal länger oder breiter sein, als das angegebene iFrame, erscheint ein Scrollbalken für das iFrame. Bei Fussball-Shirts.com ist das z. B. bei "Motive anzeigen" der Fall.