Email-Icon Created with Sketch. Group 3 Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Trust Pilot Stars Created with Sketch. 1-5-million Created with Sketch. black-green yellow_blue Control-panel-Icon Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. icon-slider-next Created with Sketch. icon-slider-prev Created with Sketch. Webmail-icon Created with Sketch. heart Created with Sketch. Open-24-7 Created with Sketch. 247 Created with Sketch. open24 Created with Sketch. 24 7 trusted Created with Sketch. Fill 1 Created with Sketch.

Integrieren Sie den Webshop in den Homepage-Baukasten.

Sie können Ihren Webshop in Ihre Homepage-Baukasten Seite mit der Webshop Komponente integrieren.

  1. Loggen Sie sich in Ihr Kontrollpanel ein und öffnen Sie Homepage-Baukasten.
  2. Klicken Sie auf Komponenten und klicken Sie und ziehen Sie die Webshop Komponente auf Ihre Seite.
  3. Passen Sie die Größe und die Position der Komponente, nach Ihren Wünschen, an.
    - Tippen Sie die exakten Maße in die grüne Box, die sichtbar wird, sobald die Komponente ausgewählt ist.
    - Ziehen Sie an den Größenziehpunkten, um die von Ihnen gewünschte Größe einzustellen.
  4. Passen Sie die Eigenschaften des Webshops an.
  5. Klicken Sie auf Speichern in der linken oberen Ecke und dann auf Veröffentlichen, um das Bild auf Ihrer Seite sichtbar zu machen.
You can change the look and settings of your Webshop under the properties tab of the webshop component

Eigenschaften der Webshop Komponente

Sie können die folgenden Eigenschaften der Webshop-Komponente anpassen.

  • Schriftart - Die Schriftart wird in Ihrem Webshop für alle Texte angewendet. Standardmäßig ist die Schriftart auf Überschrift 2 gesetzt
  • Schriftfarbe - Bezieht sich auf die Farbe aller Texte in Ihrem Webshop, ausgenommen der Preise, Buttons und Labels.
  • Akzentfarbe - Bezieht sich auf die Farbe der Preise und des Einkaufswagen-Symbols.
  • Bild-Hoverfarbe - Das ist die Farbe, welche sichtbar wird, wenn Sie über ein Bild hovern.
  • Button - Bezieht sich auf das Design Ihrer Buttons: Farben, Ecken, Schriftart, Begrenzungen.
  • Bilderstyling - Bezieht sich auf die Ausrichtung Ihrer Bilder: Quadrat, Landschaft, Portrait, eigentliche Größe.
  • Bilder zuschneiden - Wenn Sie Ihre Bilder zuschneiden möchten, damit alle die selbe Größe haben.
  • Produkt pro Zeile - Die Anzahl der Produkte per Zeile, wählen Sie zwischen 2-8
  • Produkte pro Seite - Bezieht sich auf die Anzahl der Produkte, welche als erste auf Ihrer Seite geladen werden. Ein Button um mehr Bilder anzeigen zu lassen wird sichtbar werden, falls mehr Produkte angezeigt werden können.
  • Sortieren nach - Wie Ihre Produkte standardmäßig sortiert sind: alphabetisch, neuste zuerst, preislich, beliebteste.
  • Navigation - Wählen Sie welche Auswahloptionen sichtbar sein sollen in Ihrem Shop: Kategorie und/oder sortiert.
  • Labelfarbe - Die Farbe des Promotionlabels, welches auf Ihrem Produkt angezeigt wird. Wählen Sie dies in der Webshop-Administration aus.
  • Labeltextfarbe - Bezieht sich auf die Textfarbe des Promotionlabels.
  • Labelposition - Die Position des Promotionlabels auf Ihrem Produktbild

Verwandte Artikel:

Veröffentlichen Sie Ihren Webshop
Bilder im Homepage-Baukasten verwenden