A gallery of mixed images in Showit.

In Showit eine Foto-Galerie/ein Karussell designen

April 17, 2024

Möchtest du es dir lieber als Tutorial anschauen?

Was ist eine Galerie, oder ein Karussell?

Eine Galerie ist eine bestimmte Art, deine Bilder zu zeigen. Wenn du nicht nur ein Bild auf einmal anzeigen möchtest, sondern mehrere Bilder, die sich auch noch bewegen, ist die Galerie-Funktion in Showit sehr nützlich. Eine Galerie kann zum Beispiel so aussehen (achte auf die weißen Punkte unter dem mittleren Bild, du kannst also durchscrollen) – hier ist es eher ein Karussell:

Oder eine Galerie kann auch so aussehen:

Wie du eine Galerie erstellst

Das Erstellen einer Galerie in Showit ist sehr einfach. Klicke zunächst auf die 3 Punkte neben dem Seitennamen, füge einen leeren Canvas hinzu (bei “Add Blank Canvas”) und nennen ihn „Galerie“:

Dann gehst du unten in der Mitte auf das Bilderrahmensymbol und suchst nach “Gallery”:

Wenn du das gemacht hast, wird eine solche schwarze Box erscheinen:

Klicke mit einem Doppelklick auf die schwarze Box, so öffnest du die Media Library. Dort ziehst du dann alle Fotos, die du in deiner Galerie/in deinem Karussell haben möchtest, auf die rechte Seite (rot umrandet) und dann klickst du unten rechts auf den blauen SAVE-Button:

Das waren auch schon die Basics, jetzt gehts daran auszusuchen, wie genau deine Galerie aussehen soll.

Die Art von Galerie aussuchen

Wenn du alle Schritte von oben gemacht hast, solltest du nun sowas wie auf dem nachfolgenden Screenshot haben. Klicke die Fotos an und dann kannst du rechts bei GALLERY SETTINGS, bei “Type” die Art von Galerie aussuchen. Dort kannst du bei “Columns auch auswählen, wieviele Spalten die Galerie haben soll:

Hier würde ich dir raten, einfach ein wenig herumzuspielen und zu testen, wie es am besten aussieht.

Falls du möchtest, dass deine Galerie den ganzen Bildschirm von ganz links bis nach ganz rechts ausfüllt (egal auf welcher Bildschirmgröße deine Website aufgerufen wird), dann vergiss nicht, bei HORIZONTAL LOCKING die rot umrandete Variante auszuwählen:

Foto Einstellungen

Wenn du rechts in den GALLERY SETTINGS bleibst, kannst du weiter unten bei IMAGE SETTINGS die Foto Einstellungen ändern. Wenn du Platz zwischen den Bildern haben möchtest, dann stelle ein bisschen “Padding” ein. Falls du einen Rahmen um deine Fotos möchtest, kannst du “Enable Border” anklicken und dann die Art des Rahmens auswählen:

Wachsen mit Inhalt

Wie du im vorherigen Bild sehen kannst, sind die Fotos unten abgeschnitten. Das möchtest du natürlich nicht auf deiner Website. Du kannst also rechts bei CANVAS TYPE “Grow with Content” (Wachsen mit Inhalt) einstellen, damit sich dein Canvas an die Bildgröße und Anzahl anpasst und nichts komisch abgeschnitten wird:

Und schon ist deine Galerie fertig! Vergiss nicht, die Einstellungen so zu ändern, dass deine Galerie auch auf der mobilen Version toll aussieht.

Möchtest du noch mehr über Showit lernen? Dann kann ich dir diese Blog Posts empfehlen:

In Showit eine mobile Navigation designen

Die Basics der Suchmaschinenoptimierung (SEO) für deine Showit Website

Warum deine Website eine 404-Error Seite braucht und wie du eine auf Showit erstellst

Tips & Goodies in your inbox!

Take me to the newsletter subscription