PAN für Siquando Web & Shop 10

• Animationsstil der Absatzbereiche: Absatzbereiche können Sie per animate.css animieren. Unter daneden.github.io/animate.css/ können Sie die verschiedenen Animationsstile testen
• Fixierung der Kontextspalte: wählen Sie ob die linke und/oder die rechte Kontextspalte fixiert werden soll
• bildschirmfüllendes oder wiederholendes Hintergrundbild: das bildschirmfüllende Hintergrundbild ist immer fixiert, beim wiederholendem Bild hingegen können Sie den fixierten Hintergrund auf Wunsch aktivieren
• Position der Infoseiten: in der Kopfzeile oder im Footerbereich
• Position der Kopfzeile: über dem Menü oder über dem Footer
• Position der Social-Icons: in der Kopfzeile oder Icons nicht anzeigen
• Position des Suchfeldes: in der horizontalen Navigation, in Kopfzeile als Icon, in der linken Sidebar oder in der rechten Sidebar
• Ausrichtung des Textes
• Registerkarten zentrieren
• Seitenhöhe mindestens 100% der Fensterhöhe
• Bilder in Tabellen skalieren
• Cookie Warnhinweis
• HTML-Fußzeilentext (plus Ausrichtung der Fußzeile)
• „nach oben“ Icon anzeigen
• Sie sind hier-Navigation
• Suchbegriffe vorschlagen
• Touch-Icon (der Dateiname sollte „apple-touch-icon-144-precomposed.png“ lauten)
• Zurück Schaltfläche am Ende des Inhaltsbereiches anzeigen
• Überschriften verlinken
• LESS-Version: wählen Sie auf welcher Weise die CSS-Datei (style.css) ersstellt werden soll

Für Listen und Downloads kann jedes Font Awesome 4 Icon verwendet werden. Beispielsweise wird links die FontAwesome Flage mit 4-facher Größe angezeigt. Das Vertika Template verwendet diese Icons bei verlinkten Bildern, Links, Downloads oder auch Aufzählungen. Die Siquando Shop Variante des Designs nutzt die Schrifticons zusätzlich für die verschiedensten Shopsymbolen, bspw. während des Bestellprozesses.

Neben dem Mega-Menü unter der Socialicons- und Infoleiste, das in den verschiedensten Farben konfiguriert werden kann, kann ein Menü im Footer und in der Kontextspalte angezeigt werden. Wieviele Spalten im Footer angezeigt werden sollen, können Sie natürlich per erweiterter Eigenschaft angeben. Auch das Menü in der Sidebar bietet verschiedene Möglichkeiten , so können Sie pro Hauptseite wählen ob die „erste und zweite Ebene” oder „zweite und dritte Ebene” angezeigt werden soll.

• Menü (oder OnePager) an oberer Kante fixieren
• Schriftgrößen der ersten und auch zweiten Ebene für das vertikale Menü und auch für das Footermenü
• Schriftart wie Überschriften (Google Fonts: https://www.google.com/fonts )
• Footer: Anzeige des Menüs aktivieren
• Footer: Anzahl der Spalten (von 1 bis 12)
• PNG-Bild als Icon und Verlinkung für die Startseite
• Mega-Menü-Dropdown Spalter
• Menü mit einem Schatten versehen
• zusätzliches Menü in linker oder rechten Sidebar

Die wichtigsten 6 Farben können Sie wie gewohnt in den Einstellungen der Farbpalette vornehmen. Zu diesen 6 Farben zählen Hintergrundfarbe der Kopfzeile, des Menüs, des Inhaltsbereiches, die Hintergrundfarbe der kompletten Seite, sowie die Schriftfarbe des Inhaltsbereiches.

Viele weitere Farben können unter Website- und FTP-Eigenschaften Erweitert im Bereich „Design (Farben)” bestimmt werden, dazu zählen:

• Allgemeine Farben: Farbe der H1-, H2- und H3-Überschriften, Schriftfarbe der Links und Schriftfarbe der Links beim Darüberfahren
• Seiten- und Social-Icons Leiste: Farbe der Schrift, Linkfarbe und Linkfrabe beim Darüberfahren
• Boxen: Hintergrundfarben der hellen, farbigen und dunklen Box
• „Sie sind hier”-Navigation (Brotkrumennavigation): Hintergrundfarbe und Schriftfarbe (inkl. Links)
• Buttons: Farbe der Primary-Buttons (z.B. „In den Warenkorb”) - diese Farbe gilt auch für die Paginations (den 1 - 2 -3 Links) sowie für den aktiven Bereich des Menüs in der Sidebar
• Kästen und Tabellen: alternative Hintergrundfarbe in Tabellen, Hintergrundfarbe des Tabellenkopfes, Hintergrundfarbe von Kästen und Tabellen, Rahmenfarbe von Kästen und Tabellen, Rahmenfarbe von fehlerhaften Kästen, Schriftfarbe des Tabellenkopfes
• Eingabe- und Auswahlfelder (Shopbereiche): Hintergrundfarbe, Rahmenfarbe und Schriftfarbe

Farbeinstellungen für das Menü

• 1. Ebene des Menüs: Hintergrund beim Darüberfahren, Schriftfarbe und Schriftfarbe beim Darüberfahren
• 2. Menüebene: Schriftfarbe, Schriftfarbe beim Darüberfahren und Schriftfarbe des aktives Elementes, sowie Hintergrundfarbe und Hintergrundfarbe beim Darüberfahren

• Google Fonts für Überschriften und/oder dem Inhaltsbereich: wählen Sie zwischen mehr als 800 Schriftarten. Suchen Sie sich einfach auf fonts.google.com eine Schriftart aus und kopieren den Namen, fügen Sie den Namen der Schriftart in die Eigenschaft ein und das Design kümmert sich um den Rest
• Schriftgröße der Inhaltsbereiches
• Schriftgröße der H1-Überschriften
• Schriftgröße der H2-Überschriften
• Schriftgröße der H3-Überschriften

Diese Eigenschaft eröffnet Ihnen die Möglichkeit Absätze erst für angemeldete Benutzer sichtbar zu machen. Da Sie auch Absätze für Gäste anlegen können, kann ein Besucher Ihrer Website zu einer Registrierung aufgefordert werden, damit weiterer Inhalt angezeigt wird.

Die Standardeinstellung ist hier natürlich „den Absatz immer anzeigen“. Weitere Einstellungsmöglichkeiten sind „nur für Besucher“ und „nur für Registrierte“. Ein deutlich erweiterte Variante mit mehr Optionen finden Sie hier .

Die auf Basis des Flexsliders für web- und shop to date 8 angepasste Slideshow bietet eine Fülle an Optionen . Pro Seite kann zwischen den folgenden Optionen gewählt werden.

• kein Logo anzeigen: die H1-Überschrift befindet sich im Kopfbereich, welcher durch ein wiederholendes Hintergrundbild und einem farblichen Verlauf hervorgehoben wird
• nur Logo anzeigen: bei dieser Auswahl kann für jede Hauptseite ein eigenes Bild ausgewählt werden
• Google Map als Eyecatcher (ideal für Ihre Kontaktseite): dafür kann in den globalen, erweiterten Eigenschaften die Adresse, der Typ, die Höhe und der Zoomfaktor angegeben werden
• Slideshow Einstellungen der Website & FTP-Eigenschaften verwenden: in den globalen, erweiterten Eigenschaften können bis zu 8 Bilder gewählt werden. Zusätzlich kann pro Bild die Verlinkung des Buttons und BB-Code angegeben werden
• Haupseiten durchlaufen: hierbei werden alle sichtbaren Hauptseiten/Warengruppen durchsucht und sobald ein Bild auf der Seite ausgewählt wurde, wird dieses auf der Seite angezeigt (auch hier kann zusätzlich BB-Code/Text und eine Verlinkung angegeben werden)
• Hauptseiteneigenschaften verwenden: diese Eigenschaft ähnelt sehr der Einstellung „Slideshow Einstellungen der Website & FTP-Eigenschaften verwenden“, jedoch erfolgt die Einstellung auf der Hauptseite