Content Snippets im Standard-Apto.ONE

Die sogenannten "Content Snippets" sind Textbausteine, die im Backend unter dem Menüpunkt "Content Snippet" gelistet sind. Viele der Texte, die im Frontend im Step-by-Step oder OnePage Konfigurator sichtbar sind, werden durch diese definiert. Sollten also manche dieser Texte nicht die Informationen enthalten, die gewünscht sind, können diese durch die Texte, die im jeweiligen Content Snippet hinterlegt sind, angepasst werden.

Auch ist es möglich, die Content Snippets auf nicht aktiv zu setzen bzw. die Texte heraus zu löschen und das Snippet somit leer zu lassen. Dies hat zur Folge, dass die Texte, die die Snippets enthalten, im Frontend nicht mehr angezeigt werden.

Falls Sie Content Snippet Einträge verschieben möchten, ist dies auch ganz einfach möglich. Hierfür muss die ID genutzt werden, die sich im jeweiligen Eintrag oben links in der blauen Box befindet. Befolgen Sie nun einfach folgende Schritte:

• ID von dem Eintrag kopieren, in dem die Einträge eigentlich sein sollten
• in den Eintrag wechseln, der verschoben werden soll
• im Feld "Parent-ID" die vorher kopierte ID eintragen und abspeichern
• nun sollte der Eintrag dort sein, wo er ursprünglich hin sollte

Das Content Snippet "aptoBasket" führt alle individualisierungsvarianten für die Warenkorb-Buttons.

Nachfolgend sind die einzelnen Textbausteine des Content Snippets aufgeführt mit der dazugehörigen Beschreibung, Darstellung im Frontend anhand eines Bildes sowie den Pfad zum jeweiligen Snippet.

Bezeichnung: back

Beschreibung: aus dem Warenkorb zurück zur Konfiguration kehren.

Pfad: Content Snippet -> aptoBasket -> back

Bezeichnung: cart

Beschreibung: während der Konfiguration in den Warenkorb gehen.

Pfad: Content Snippet -> aptoBasket -> cart

Bezeichnung: checkout

Beschreibung: bezieht sich auf den Button "zur Kasse", der am Ende der Konfiguration im Warenkorb angezeigt wird.

Pfad: Content Snippet -> aptoBasket -> checkout

Bezeichnung: empty

Beschreibung: Hinweistext für den noch nicht befüllten Warenkorb.

Pfad: Content Snippet -> aptoBasket -> checkout

Bezeichnung: pricePrefix

Beschreibung: Prefix des Warenkorbpreises, durch den sich in Verbindung mit der Stückzahl der Gesamtpreis assoziieren lässt.

Pfad: Content Snippet -> aptoBasket -> pricePrefix

Bezeichnung: subtotal

Beschreibung: Begriff für die Zwischensumme, die im Warenkorb angezeigt wird.

Pfad: Content Snippet -> aptoBasket -> subtotal

Bei diesem Content Snippet handelt es sich um einen Unterordner des Snippets "aptoBasket". In diesem sind alle Textbausteine zum Thema "Warenkorb verwerfen/löschen" enthalten.

Bezeichnung: cancel

Beschreibung: den Warenkorb doch nicht verwerfen.

Pfad: Content Snippet -> aptoBasket -> confirmDeleteDialog -> cancel

Bezeichnung: confirm

Beschreibung: den Warenkorb verwerfen.

Pfad: Content Snippet -> aptoBasket -> confirmDeleteDialog -> confirm

Bezeichnung: text

Beschreibung: Hinweistext für das Verwerfen des Warenkorbs.

Pfad: Content Snippet -> aptoBasket -> confirmDeleteDialog -> text

Hinweis: im Snippet "text" ist es nun möglich, einen sogenannten Placeholder einzusetzen (siehe Bild in der Übersicht des "confirmDeleteDialog") . Hierfür wird der gewünschte Hinweistext formuliert und anstatt den Produktnamen einzugeben, wird folgender Code in den Hinweistext eingefügt: {_productName_}

Dieser Placeholder referenziert automatisch auf den Produktnamen im Frontend. Wenn nun also im Frontend mehrere Produkte aus dem Warenkorb entfernt werden, wird immer der richtige Produktname anstelle des Placeholders im confirmDeleteDialog genommen. Sollte dies nicht gewünscht sein, kann der Placeholder einfach weggelassen werden.

Bezeichnung: title

Beschreibung: Überschrift für das Verwerfen des Warenkorbs.

Pfad: Content Snippet -> aptoBasket -> confirmDeleteDialog -> title

Das Content Snippet "AptoGuestConfigurationDialog" führt alle individualisierungsvarianten für die "Konfiguration speichern"-Funktion.

Nachfolgend sind die einzelnen Textbausteine des Content Snippets aufgeführt mit der dazugehörigen Beschreibung, Darstellung im Frontend anhand eines Bildes sowie den Pfad zum jeweiligen Snippet.

Bezeichnung: close

Beschreibung: Bezeichnungsfeld für den "Schließen"-Button

Pfad: Content Snippet -> AptoGuestConfigurationDialog -> afterSave -> close

Bezeichnung: header

Beschreibung: Bezeichnungsfeld für die Überschrift des Dialogfeldes, welches nach dem Klick auf den "Speichern"-Button erscheint

Pfad: Content Snippet -> AptoGuestConfigurationDialog -> afterSave -> header

Bezeichnung: info

Beschreibung: Bezeichnungsfeld für den Infotext des Dialogfeldes, welches nach dem Klick auf den "Speichern"-Button erscheint

Pfad: Content Snippet -> AptoGuestConfigurationDialog -> afterSave -> info

Bezeichnung: header

Beschreibung: Bezeichnungsfeld für die Überschrift des Dialogfeldes

Pfad: Content Snippet -> AptoGuestConfigurationDialog -> beforeSave -> header

Bezeichnung: info

Beschreibung: Bezeichnungsfeld für den Infotext des Dialogfeldes

Pfad: Content Snippet -> AptoGuestConfigurationDialog -> beforeSave -> info

Bezeichnung: mail

Beschreibung: Bezeichnungsfeld für den Platzhalter, in den die E-Mail-Adresse eingetragen wird

Pfad: Content Snippet -> AptoGuestConfigurationDialog -> form -> mail

Bezeichnung: name

Beschreibung: Bezeichnungsfeld für den Platzhalter, in den der Name eingetragen wird

Pfad: Content Snippet -> AptoGuestConfigurationDialog -> form -> name

Bezeichnung: submit

Beschreibung: Bezeichnungsfeld für den "Speichern"-Button

Pfad: Content Snippet -> AptoGuestConfigurationDialog -> form -> submit

Um die Snippets für die Angebotsanfrage zu pflegen, nutzen Sie das Snippet "AptoOfferConfigurationDialog" -> hier können alle Werte eingetragen werden, die in ContentSnippet -> AptoGuestConfigurationDialog vorhanden sind.

Die Formularfelder können dynamisch angelegt werden, indem im ContentSnippet -> AptoOfferConfigurationDialog -> form -> fields die Felder wie im nebenstehenden Bild angelegt werden.

• label gibt den Namen des Platzhalters im Frontend an
• required bedeutet, dass das Feld ausgefüllt sein muss um das Formular abzusenden und das * kommt hinter das Label
• position bestimmt die Position im Feld
• type gibt den Typ des Feldes an. Standardmäßig ist es ein einzeiliges Feld, wenn dies in eine Textarea geändert werden soll, kann dies über type: textarea (Textfeld) getan werden
• sollten Sie ein Auswahlfeld nutzen wollen, legen Sie ein field: select an, die Werte können dann durch eine Pipe | getrennt werden, z.B.: keine Angabe|Herr|Frau (siehe zweites Bild)
• die Mailempfängeradresse für den BCC kann unter ContentSnippet -> AptoOfferConfigurationDialog -> form -> bcc festgelegt werden. Es besteht die Möglichkeit, hier mehrere Empfänger durch eine Komma separierte Liste einzutragen z.B: mail1,mail2,mail3

Die angelegten Felder werden auch in der E-Mail hinterlegt.

Vorsicht: um die Snippets "name" und "mail" zu bearbeiten (diese werden in der "Angebot anfordern"-Funktion als Platzhalter im Name und E-Mail-Adresse-Feld angezeigt), müssen diese nicht bei "fields" angelegt werden, sondern unter ContentSnippet -> AptoOfferConfigurationDialog -> form (siehe drittes Bild).

Bei der E-Mail handelt es sich um ein Pflichtfeld, beim Namen hingegen nicht.

Um den Text bei "Angebot anfordern" zu ändern, muss ein ContentSnippet angelegt werden: ContentSnippet -> AptoOfferConfigurationDialog -> beforeSave -> info. Dadurch wird der Standardtext überschrieben.
Neue Felder werden hinzugefügt, indem unter ContentSnippet -> AptoGuestConfigurationDialog -> form -> fields neue Werte hinzugefügt werden.

Zusätzlich besteht die Möglichkeit, den "Angebot anfordern"-Button zu deaktivieren. Tragen Sie dazu unter: ContentSnippet -> AptoOfferConfigurationDialog -> enabled -> false ein.

Das Content Snippet "aptoLanguageSwitch" führt alle individualisierungsvarianten für die Sprachauswahl.

Nachfolgend sind die einzelnen Textbausteine des Content Snippets aufgeführt mit der dazugehörigen Beschreibung, Darstellung im Frontend anhand eines Bildes sowie den Pfad zum jeweiligen Snippet.

Bezeichnung: switch

Beschreibung: Bezeichnungsfeld für die Auflistung der möglichen Sprachen.

Pfad: Content Snippet -> aptoLanguageSwitch -> switch

Das Content Snippet "aptoLinksToShop" führt alle individualisierungsvarianten für die Verlinkung zum An-/Abmelden, Konto & Warenkorb.

Nachfolgend sind die einzelnen Textbausteine des Content Snippets aufgeführt mit der dazugehörigen Beschreibung, Darstellung im Frontend anhand eines Bildes sowie den Pfad zum jeweiligen Snippet.

Bezeichnung: account

Beschreibung: Button-Bezeichnung, welche im Frontend im Headermenü für die Verlinkung zum Account-Management verwendet wird.

Pfad: Content Snippet -> aptoLinksToShop -> account

Bezeichnung: basket

Beschreibung: Button-Bezeichnung, welche im Frontend im Headermenü für die Verlinkung zum Warenkorb verwendet wird.

Pfad: Content Snippet -> aptoLinksToShop -> basket

Bezeichnung: logout

Beschreibung: Button-Bezeichnung, welche im Frontend im Headermenü für die Verlinkung zum Abmeldeformular verwendet wird.

Pfad: Content Snippet -> aptoLinksToShop -> logout

Bezeichnung: register

Beschreibung: Button-Bezeichnung, welche im Frontend im Headermenü für die Verlinkung zum Anmeldeformular verwendet wird.

Pfad: Content Snippet -> aptoLinksToShop -> register

Das Content Snippet "AptoLoadConfigurationDialog" führt alle individualisierungsvarianten für die Anpassung des Dialogfeldes, welches beim erneuten Aufruf einer zwischengespeicherten Konfiguration erzeugt wird.

Nachfolgend sind die einzelnen Textbausteine des Content Snippets aufgeführt mit der dazugehörigen Beschreibung, Darstellung im Frontend anhand eines Bildes sowie den Pfad zum jeweiligen Snippet.

Bezeichnung: continue

Beschreibung: Button-Bezeichnung welche im Frontend im Dialogfeld verwendet wird, damit eine neue Konfiguration geladen wird.

Pfad: Content Snippet -> AptoLoadConfigurationDialog -> continue

Bezeichnung: header

Beschreibung: Überschrift, welche im Frontend im Dialogfeld verwendet wird.

Pfad: Content Snippet -> AptoLoadConfigurationDialog -> header

Bezeichnung: info

Beschreibung: Informationstext, welcher im Frontend im Dialogfeld verwendet wird, damit der User davon in Kenntnis gesetzt wird, dass bereits eine Konfiguration gestartet wurde.

Pfad: Content Snippet -> AptoLoadConfigurationDialog -> info

Bezeichnung: restore

Beschreibung: Button-Bezeichnung, welche im Frontend im Dialogfeld verwendet wird, damit die vorhandene Konfiguration geladen wird.

Pfad: Content Snippet -> AptoLoadConfigurationDialog -> restore

Das Content Snippet "AptoLoginController" führt alle individualisierungsvarianten für die Anpassung der Loginmaske der Konfiguratorsoftware auf.

Nachfolgend sind die einzelnen Textbausteine des Content Snippets aufgeführt mit der dazugehörigen Beschreibung, Darstellung im Frontend anhand eines Bildes sowie den Pfad zum jeweiligen Snippet.

Bezeichnung: login

Beschreibung: Anmeldungsbutton-Bezeichnung, welche im Frontend in der Loginmaske verwendet wird.

Pfad: Content Snippet -> AptoLoginController -> login

Bezeichnung: mail

Beschreibung: Textfeld Bezeichnung, welche im Frontend in der Loginmaske als Fülltext verwendet wird, solange noch keine E-Mail-Adresse eingefügt wurde.

Pfad: Content Snippet -> AptoLoginController -> mail

Bezeichnung: password

Beschreibung: Textfeld Bezeichnung, welche im Frontend in der Loginmaske als Fülltext verwendet wird, solange noch kein Passwort eingefügt wurde.

Pfad: Content Snippet -> AptoLoginController -> password

Bezeichnung: register

Beschreibung: Registrierungsbutton-Bezeichnung, welche im Frontend in der Loginmaske verwendet wird.

Pfad: Content Snippet -> AptoLoginController -> register

Das Content Snippet "aptoLogo" führt alle individualisierungsvarianten für die Anpassung des Logos in der Konfiguratorsoftware auf.

Nachfolgend sind die einzelnen Textbausteine des Content Snippets aufgeführt mit der dazugehörigen Beschreibung, Darstellung im Frontend anhand eines Bildes sowie den Pfad zum jeweiligen Snippet.

Bezeichnung: link

Beschreibung: Der Eintrag für den Link zur Weiterleitung auf die Wunschseite beim Klick auf das Logo.

Pfad: Content Snippet -> aptoLogo -> link

Bezeichnung: logoImg

Beschreibung: Bild-Datei, welche im Frontend in der Desktop-Ansicht, als Logo angezeigt werden soll.

Pfad: Content Snippet -> aptoLogo -> logoImg

Bezeichnung: logoImgMobile

Beschreibung: Bild-Datei, welche im Frontend in der Mobil-Ansicht, als Logo angezeigt werden soll. Alternativ kann hier auch der Pfad für den Eintrag "logoImg" angegeben werden, damit dieser sowohl für Mobil- als auch Desktopansicht verwendet wird.

Pfad: Content Snippet -> aptoLogo -> logoImgMobile

Bezeichnung: logoWidthInPx

Beschreibung: Hier kann die Breite des Logos für die Desktop-Ansicht in Pixelwerten eingestellt werden.

Pfad: Content Snippet -> AptoLoginController -> logoWidthInPx

Bezeichnung: logoHeightInPx

Beschreibung: Hier kann die Höhe des Logos für die Desktop-Ansicht in Pixelwerten eingestellt werden.

Pfad: Content Snippet -> AptoLoginController -> logoHeightInPx

Bezeichnung: logoWidthInPxMobile

Beschreibung: Hier kann die Breite des Logos für die Mobil-Ansicht in Pixelwerten eingestellt werden.

Pfad: Content Snippet -> AptoLoginController -> logoWidthInPxMobile

Bezeichnung: logoHeightInPxMobile

Beschreibung: Hier kann die Höhe des Logos für die Mobil-Ansicht in Pixelwerten eingestellt werden.

Pfad: Content Snippet -> AptoLoginController -> logoHeightInPxMobile

Bezeichnung: openInNewTab

Beschreibung: Hier kann bestimmt werden, ob die verlinkte Seite des Logos in einem neuen Tab geöffnet wird. Dafür muss nur das Inhaltsfeld des Eintrags mit "active" befüllt sein.

Pfad: Content Snippet -> AptoLoginController -> openInNewTab

Das Content Snippet "aptoPageNotFound" führt alle individualisierungsvarianten für die Anpassung des "Seite wurde nicht gefunden"-Textes auf.

Nachfolgend sind die einzelnen Textbausteine des Content Snippets aufgeführt mit der dazugehörigen Beschreibung, Darstellung im Frontend anhand eines Bildes sowie den Pfad zum jeweiligen Snippet.

Bezeichnung: info

Beschreibung: Informationsausgabe für "Seite nicht gefunden".

Pfad: Content Snippet -> aptoPageNotFound -> info

Das Content Snippet "aptoSelect" führt alle individualisierungsvarianten für die Definition der Mengenangabe auf.

Nachfolgend sind die einzelnen Textbausteine des Content Snippets aufgeführt mit der dazugehörigen Beschreibung, Darstellung im Frontend anhand eines Bildes sowie den Pfad zum jeweiligen Snippet.

Bezeichnung: suffix

Beschreibung: Definition der Mengenangabe im Warenkorb.

Pfad: Content Snippet -> aptoSelect -> suffix

Unter dem Punkt "shareLinks" im Content Snippet "aptoSliderAction" ist es möglich, durch erstellen von Untereinträgen, wie zum Beispiel "facebook", die Anzeige der Social Links im Frontend zu erweitern. Dies kann je nach Wunsch für beliebig viele Plattformen verwendet werden.

Darauf hin sind folgende Unterpunkte anzulegen: "iconClass", "link" und "target". Unter dem Punkt "target" bestimmt man dann durch den Eintrag "_blank" (Inhalt des Eintrags) die verlinkte Plattform in einem neuen Browserfenster zu öffnen oder durch den Eintrag "_self" (Inhalt des Eintrags) die verlinkte Plattform in demselben Browserfenster zu öffnen. Sollte in target nichts definiert sein, wird automatisch "_blank" vom System ausgewählt.

Bezeichnung: save

Beschreibung: Die Button-Bezeichnung, mit dem die Endkunden die Konfiguration speichern können.

Pfad: Content Snippet -> aptoSliderAction -> save

Bezeichnung: share

Beschreibung: Die Button-Bezeichnung, mit dem die Endkunden die Konfiguration teilen können.

Pfad: Content Snippet -> aptoSliderAction -> share

Bezeichnung: iconClass

Beschreibung: Das Unterverzeichnis, welches die im Frontend verwendeten Icons, die über dem Teilen-Button angezeigt werden, enthält. Hier klicken, um zu den verfügbaren Icons zu gelangen!

Pfad: Content Snippet -> aptoSliderAction -> shareLinks -> iconClass

Hinweis: bitte nehmen Sie nur Icons aus dem oben genannten Link (Icons der Version 4, auch "V4" genannt). Sollten Sie neuere Versionen der Icons von Font Awesome nutzen, kann dies im Frontend zu Fehlern führen.

Bezeichnung: Facebook, Instagram, Twitter, etc.

Beschreibung: Die jeweiligen Plattformen, die im Backend hinterlegt sind.

Pfad: Content Snippet -> aptoSliderAction -> shareLinks -> platform

Bezeichnung: link

Beschreibung: Der Unterordner, in dem die entsprechenden Links der gewünschten Plattformen, sowie dem Codeanhang "{_currentUrl}", eingetragen werden müssen. (Im Frontend nicht sichtbar für den Kunden)

Pfad: Content Snippet -> aptoSliderAction -> shareLinks -> Link zur Plattform

Bezeichnung: {_currentUrl_}

Beschreibung: durch diesen Code wird mit Hilfe des Apto.ONE die entsprechende URL des konfigurierten Produkts an die URL der verlinkten Seite angebunden und ist somit ein Bestandteil der URL nach dem Teilen oder Speichern.

Pfad: Content Snippet -> aptoSliderAction -> shareLinks -> Link zur Plattform -> URL der aktuellen Konfiguration

Bezeichnung: target

Beschreibung: Art der Eröffnung des Browserfensters für die Social-Plattform. (Im Frontend nicht sichtbar für den Endkunden)

Pfad: Content Snippet -> aptoSliderAction -> shareLinks -> target

Bezeichnung: _blank

Beschreibung: "_blank" öffnet die Social-Plattform in einem neuen Browserfenster.

Pfad: Content Snippet -> aptoSliderAction -> shareLinks -> target -> _blank

Bezeichnung: _self

Beschreibung: "_self" öffnet die Social-Plattform im aktuellen Browserfenster.

Pfad: Content Snippet -> aptoSliderAction -> shareLinks -> target -> _self

Das Content Snippet "aptoSidebarBasket" führt alle individualisierungsvarianten für die Sidebar auf.

Nachfolgend sind die einzelnen Textbausteine des Content Snippets aufgeführt mit der dazugehörigen Beschreibung, Darstellung im Frontend anhand eines Bildes sowie den Pfad zum jeweiligen Snippet.

Bezeichnung: addToBasket

Beschreibung: Die Button-Bezeichnung im Frontend für den "In den Warenkorb legen"-Button der Sidebar während der Konfiguration.

Pfad: Content Snippet -> aptoSidebarBasket -> addToBasket

Das Content Snippet "aptoSummary" führt alle individualisierungsvarianten für die Zusammenfassung der Kundenkonfiguration auf.

Nachfolgend sind die einzelnen Textbausteine des Content Snippets aufgeführt mit der dazugehörigen Beschreibung, Darstellung im Frontend anhand eines Bildes sowie den Pfad zum jeweiligen Snippet.

Bezeichnung: addToBasket

Beschreibung: Der Textbaustein für die Button-Bezeichnung, mit dem die Endkunden das konfigurierte Produkt in den Warenkorb legen können.

Pfad: Content Snippet -> aptoSummary -> addToBasket

Bezeichnung: back

Beschreibung: Der Textbaustein für die Button-Bezeichnung, mit dem die Endkunden die Konfiguration erneut bearbeiten können.

Pfad: Content Snippet -> aptoSummary -> back

Bezeichnung: headline

Beschreibung: Der Textbaustein für die Überschrift für die Zusammenfassungsseite der Konfiguration.

Pfad: Content Snippet -> aptoSummary -> headline

Bezeichnung: withoutTax

Beschreibung: Der Textbaustein für die Kennzeichnung wenn die MwSt. im Preis nicht enthalten ist.

Pfad: Content Snippet -> aptoSummary -> -> tax -> withoutTax

Bezeichnung: withTax

Beschreibung: Der Textbaustein für die Kennzeichnung wenn die MwSt. im Preis enthalten ist.

Pfad: Content Snippet -> aptoSummary -> -> tax -> withTax

Das Content Snippet "confirmSelectSectionDialog" führt alle individualisierungsvarianten für den Hinweisdialog bei Bearbeitung einer Sektion in der Zusammenfassung der Kundenkonfiguration auf.

Nachfolgend sind die einzelnen Textbausteine des Content Snippets aufgeführt mit der dazugehörigen Beschreibung, Darstellung im Frontend anhand eines Bildes sowie den Pfad zum jeweiligen Snippet.

Bezeichnung: buttonAccept

Beschreibung: Der Textbaustein für die Button-Bezeichnung, mit dem die Endkunden zustimmen, zu der Sektion zurückzukehren, die bearbeitet werden soll. (Alle nach dieser Sektion folgenden Sektionen und Werte werden zurückgesetzt)

Pfad: Content Snippet -> confirmSelectSectionDialog -> buttonAccept

Bezeichnung: buttonCancel

Beschreibung: Der Textbaustein für die Button-Bezeichnung, mit dem die Endkunden ablehnen, zu der Sektion zurückzukehren, die bearbeitet werden soll.

Pfad: Content Snippet  -> confirmSelectSectionDialog -> buttonCancel

Bezeichnung: message

Beschreibung: Der Textbaustein für die Nachricht im Hinweisfenster.

Pfad: Content Snippet -> confirmSelectSectionDialog -> message

Bezeichnung: title

Beschreibung: Der Textbaustein für den Titel des Hinweisfensters.

Pfad: Content Snippet -> confirmSelectSectionDialog -> title

Das Favicon kann in den Content Snippets unter "aptoFavicon" eingebunden werden. Im Inhaltsfeld wird der Link-Pfad zum gewünschten Favicon im Medienverzeichnis eingetragen. Das Icon muss zwingend eine ".ico" Datei sein und im Format ".ico" vorliegen.