Shop 2.0 » Design Optionen » Neues Design erstellen

Neues Design erstellen

Zuletzt geändert von Afterbuy Team (md) am 2020/04/20 10:02

Schnellnavigation: "Konfiguration" > "Afterbuy-Shop Verwaltung" > "Administration" des jeweilig angemeldeten Shops."

admin_aufrufen.jpg

Dieser Bereich gliedert sich in die folgenden Unterbereiche::


Standard Design

Wählen Sie in der linken Seitennavigation "Design Optionen" > "Neues Design erstellen" und wählen Sie zwischen dem Standard- oder Responsive Design (empfohlen)

Hierüber können Sie eines der attraktiven Standarddesigns für Ihren Shop auswählen.
Sie haben hierbei die Möglichkeit, aus vier verschiedenen Shop-Designs mit jeweils 8 verschiedenen Farben zu wählen. 

              designauswahl.jpg

Das Standarddesign ist in allen Tarifen des Afterbuy-Shops verfügbar und nicht mobilfähig 

            standard_design.jpg

Responsive Design

Das Responsive Design ist in allen Tarifen des Afterbuy-Shops verfügbar und entsprechend mobilfähig (Responsive)

           responsive_design.jpg


Themenwelten

Hinweis: Die Themenwelten können ab dem Profi-Tarif verwendet werden.

 

Die Themenwelten sind für die Startseite gültig, und auch einstellbar. 

Man unterscheidet hier zwischen Slider und den Grid-Produkten bzw. Katalogen.
Der Nachfolgende Screenshot zeigt eine Startseite des Afterbuy-Shops erstellt mit dem Standard Design.

Der Slider kann auch bis zu 4 verschiedenen Bildern bestehen. 

Diese werden automatisch, animiert nach rechts aus dem Bild verschoben. 

Die Optimale Bildgrösse für den Slider beträgt 830 x 620 px
Im Grid können Sie einzelne Produkte anlegen, oder aber auch ganze Kataloge darstellen. Wählt der Käufer diese aus, so wird
entweder das Produkt oder eben der Katalog im Shop aufgerufen. Hier sollten die optimalen Grössen z.B. bei 500 x 500 px für Quadratische Bilder oder
aber auch x px mal 500 px für Rechteckige Bilder liegen, sodass die kürzeste Seite mindestens 500 px beträgt.

 

               themwel_startseite.jpg

 


Design Assistent

Sobald Sie sich für eines der beiden Designs entschieden haben, kommen Sie in den Design Assistenten
Folgende Einstellungen können hier getätigt werden:

Navigation

               design_assistent_nav.jpg


Alternative Ansichten

Hier haben Sie die Wahl zwischen der Klassischen- und der Metro Darstellung. Diese Darstellung betrifft Ihre Produkte auf der
Startseite des Shops. Diese können Sie über die Produktverwaltung selbst bestimmen.

 

Klassische Startseite

                klassische_Startseite1.jpg

Für die Darstellung der klassischen Startseite, wählen Sie die Produkte in der Afterbuy Produktverwaltung aus, welche in einem Raster auf der Startseite ausgegeben. 

 

Metro Startseite

                metro_Startseite.jpg

Für die Metro Darstellung auf der Startseite, wählen Sie die Produkte in der Afterbuy Produktverwaltung.
Zusätzlich haben Sie die Möglichkeit die Position (siehe Grafik) für die unterschiedlichen Kachelgrößen zu vergeben und so eine dynamischere Startseite zu erschaffen.

 

Wenn Sie keine Positionen vergeben, werden die ausgewählten Produkte Alphabetisch sortiert.

Die optimalen Bildgrößen für die Kacheln sind folgende:
Große Kachel: 400px X 400px
Kleine Kachel: 194px X 194px
Breite Kachel: 400px X 194px
Lange Kachel: 194px X 402px 

 


Bilder / Logos

                bilder_logos.jpg

Bilder

In diesem Reiter haben Sie die Möglichkeit ein Firmenlogo für Ihren Shop (dies wird oben links im Shop gezeigt) sowie ein Startseitenbild zu hinterlegen. 

Mit dem Klick auf das Symbol bilderservice_symbol.jpg können Sie die Bilder direkt aus dem Bilderservice des Afterbuyaccounts mit einbringen.
Alternativ dazu können Sie aber auch eine BildURL aus Ihrem eigenen Bilderservice reinkopieren.

Logos

Hier handelt es sich um Zahlartenlogos, die Sie nach Aktivierung im Footer-Bereich des Shops zu sehen bekommen.

Texte

                 texte.jpg

Ich möchte einen Text für die Startseite benutzen
Wenn Sie kein Startseitenlogo (s.o.) verwenden möchten, können Sie Ihre Kunden auch mit einem Startseitentext begrüßen.
Dieser Bereich muss xsl-Konform hinterlegt werden.

 

SEO Text hinterlegen
Wenn Sie einen eigenen SEO-Text hinterlegen möchten, so können Sie das in diesem Bereich unternehmen.

Kontaktdaten im Footer anzeigen
Hier können Sie Ihre Firmenanschrift sowie Telefonnummer und E-Mailadresse hinterlegen unter der Sie
für Ihre Kunden erreichbar sind.

Social Networks

In dem Bereich haben Sie die Möglichkeit die URLs zu Facebook, Twitter, Google+ Pinterest, Skype, Youtube und Xing zu hinterlegen.

Die Einstellungen bzw Links werden Ihnen dann im Footer gezeigt.

                 social_network.jpg

SEO

Wenn Sie in der Produktverwaltung die SEO-Links generiert haben, so müssen Sie hier den Haken setzen um diese in den Shop zu übernehmen.

                     seo.jpg

Trusted Shops

                  trusted_shops.jpg

Unter diesem Bereich können Sie Ihre TrustedShops ID hinterlegen. Das entsprechende Logo wird dann ebenfalls im Shop gezeigt.

Rücksendeservice

                  ruecksendeservice.jpg

Wenn Sie unseren Partner Ereturn verwenden, so können Sie hier das Logo sowie den Link zeigen lassen.

Tags:
Erstellt von cuhle am 2012/07/11 15:38

This Xwiki is licensed under a Creative Commons 2.0 license