Als Katalogadministrator können Sie Ihren Katalog mithilfe von Bildern, CSS-, JavaScript- oder HTML-Dateien anpassen. Sie können entweder den Quellcode einfügen oder Links zu externen Dateien hinzufügen. Wenn Sie externe Dateien verlinken, empfiehlt es sich, Ihre benutzerdefinierten Stildateien auf einer sicheren Website zu hosten, da sie sonst beim Laden möglicherweise nicht korrekt angezeigt werden.
Sie können auch HTML/CSS verwenden, um ein Programm- oder Kurszertifikat individuell anzupassen.
Sie können Bilder für Ihr Katalogkopf-Logo und Ihr Katalog-Badge-Logo sowie ein Browser-Favicon hochladen. Details und Spezifikationen finden Sie in den Canvas-Kataloglogo-Richtlinien .
Anleitungsdateien:
Anmerkungen:
- Wenn diese Funktion für Ihre Institution aktiviert wurde, können Sie möglicherweise den Storefront Theme Editor verwenden, um Ihr Branding anzupassen, ohne CSS/JS/HTML zu verwenden.
- Wird einem Unterkatalog kein individuelles Branding hinzugefügt, gilt standardmäßig die Anpassung des übergeordneten Katalogs.
- Das Erscheinungsbild der Seite „Kataloglisten“ kann je nach Plattformversion oder benutzerdefiniertem Styling, das über Website-Code angewendet wird, wie z. B. CSS, JS oder HyperText Markup Language (HTML), variieren.
Administrator öffnen
Klicken Sie auf das Dropdown-Menü „Benutzername“ [1]. Klicken Sie anschließend auf den Link „Admin“ [2].
Kataloge öffnen
Klicken Sie auf die Registerkarte „Kataloge“ .
Katalog öffnen
Um einen bestehenden Katalog zu öffnen, klicken Sie auf den Link mit dem Katalognamen.
Katalog hinzufügen
Um einen Unterkatalog hinzuzufügen, klicken Sie auf die Schaltfläche „Katalog hinzufügen“ .
Anpassungen öffnen
Im Dropdown-Menü „Katalogeinstellungen“ wird standardmäßig die Seite „Kataloginformationen“ angezeigt. Klicken Sie auf den Link „Anpassungen“ .
Benutzerdefinierte Branding-Optionen ansehen
Standardmäßig wird auf der Registerkarte „Anpassungen“ die Seite „Branding“ [1] angezeigt. Sie können benutzerdefinierte Bilder [2], CSS und JS [3] sowie HTML-Code für E-Mail-Kopf- und Fußzeile [4] hinzufügen.
Logos und Favicon hinzufügen
Sie können die folgenden Bildtypen hochladen, um Ihren Katalog oder Unterkatalog anzupassen:
- Kopfzeile [1]: Wird in den Kopfzeilen Ihrer Katalog- oder Unterkatalogseiten angezeigt. Unterstützte Dateitypen sind PNG, JPG, GIF und SVG.
- Logo [2]: Wird in Listenkacheln, Listenseiten, E-Mail-Benachrichtigungen, Anmeldeformularen und Studenten-Dashboards angezeigt. Unterstützte Dateitypen sind PNG, JPG, GIF und SVG.
- Favicon [3]: Wird in Browser-Tabs angezeigt. Unterstützte Dateitypen sind ICO, PNG und GIF.
Um ein Header-, Logo- oder Favicon-Bild hochzuladen, klicken Sie auf die Schaltfläche „Bild hochladen“ [4].
Um Details darüber anzuzeigen, wo das Bild im Katalog angezeigt wird, bewegen Sie den Mauszeiger über das Symbol „ Artikelinformationen“ [5].
Bild hochladen
Ziehen Sie eine Bilddatei per Drag & Drop in den Bereich „Bild hochladen“ [1]. Alternativ können Sie eine Datei von Ihrem Computer hochladen, indem Sie auf den Link „Per Drag & Drop“ oder „Auf dem Computer suchen“ klicken [2].
Bild entfernen
Um ein hochgeladenes Bild zu entfernen, bewegen Sie den Mauszeiger über das Bild, bis das Symbol „Bild entfernen“ angezeigt wird.
Klicken Sie auf die Schaltfläche „Bild löschen“ .
Benutzerdefiniertes CSS und JavaScript hinzufügen
Beachten Sie die CSS- und JS-Benachrichtigung [1]. Sie müssen Ihre CSS- und JS-Dateien pflegen, um Konflikte oder Fehler durch Aktualisierungen und Verbesserungen von Katalogprodukten zu vermeiden.
Geben Sie Ihren benutzerdefinierten CSS-Code ein oder fügen Sie im Feld „Benutzerdefinierter CSS-Code “ [2] einen Link zu Ihrer sicheren CSS-Datei hinzu.
Geben Sie Ihren benutzerdefinierten JS-Code ein oder fügen Sie im Feld „Benutzerdefinierter JS-Code “ [3] einen Link zu Ihrer sicheren JS-Datei hinzu.
Benutzerdefinierte E-Mail-Kopf- und Fußzeile hinzufügen
Benutzerdefinierte E-Mail-Kopf- und Fußzeilen überschreiben nicht die Formatierung der E-Mail-Vorlage. Stattdessen erweitern sie die E-Mail-Kopf- und Fußzeile.
Geben Sie den benutzerdefinierten Header-HTML-Code im Feld „Benutzerdefinierter Layout-HTML-Header“ ein [1].
Geben Sie den benutzerdefinierten Footer-HTML-Code im Feld „Benutzerdefinierter Layout-HTML-Footer“ ein [2].
Erfahren Sie mehr über die Erstellung benutzerdefinierter E-Mail-Vorlagen für Katalogbenachrichtigungs-E-Mails.
Branding-Anpassungen speichern
Klicken Sie auf die Schaltfläche „Speichern “.
