WBCE CMS Forum

rudi222

Developer

[gelöst] Bildergalerie ohne Bildervorschau

Hallo zusammen!

Ich möchte eine Bildergalerie erstellen die dann mit lightcase o.ä. dargestellt wird aber ohne das die Bilder als Vorschau auf der Website erscheinen.

Hintergrund: Website eines Restaurants: Es soll die Speisenkarte mit einem Link zu öffnen sein ohne das die komplette Speisenkarte dargestellt wird.

Wie könnte man das lösen?

Beitrag geändert von rudi222 (07.10.2023 19:22:07)

byteworker

Mitglied

Re: [gelöst] Bildergalerie ohne Bildervorschau

Kannst Du es nicht direkt mit News with Images machen? der Link ist im Bereich "Kurztext" und der Rest der Speisekarte (mit Bildern) ist im Langtext untergebracht, dazu kannst du noch Bilder der Speisen auf dem Teller einfügen.

Ich habe das Modul hier verwendet:

https://www.korloyeurope.eu/pages/de/st … rriere.php

Im "Kurz" ist nur der Jobtitel und das Bild, der Rest steckt im "Lang". Kann man sich einmal anlegen und die News immer wieder kopieren und so einfach die Speisekarte nach Rubriken aufbauen.

---

= Templates für WBCE

rudi222

Developer

Re: [gelöst] Bildergalerie ohne Bildervorschau

Danke für Deine Nachricht!

Es soll auf keinen Fall eine neue Seite geöffnet werden. Die Website besteht im Prinzip nur aus einer Seite.

Die Speisenkarte (Bilder) sollen sich über der Seite als lightbox oder lightcase öffnen. So das man dann die einzelnen Seiten (Bilder) durchblättern kann.

byteworker

Mitglied

Re: [gelöst] Bildergalerie ohne Bildervorschau

News with images macht keine neue Seite auf, das ist immer die gleiche Seite. Vermutlich habe ich nicht ganz verstanden, was Du haben willst.

Eventuell passt ein altes Modul von Ruud (Dev4me.nl), das sich Portfolio genannt hat. Kann aber nicht sagen ob das noch mit der aktuellen WBCE /  PHP Umgebung läuft. Hier der Link:

https://dev4me.com/modules-snippets/old … portfolio/

---

= Templates für WBCE

rudi222

Developer

Re: [gelöst] Bildergalerie ohne Bildervorschau

Habe es jetzt erst mal mit der Minigallery gemacht. Hier der Link zur Seite: https://www.zum-landmann.de/pages/restaurant.php

Die Minigallery macht das im Prinzip schon gut. Mein Wunsch wäre, das man die Vorschaubilder der Minigallery ausblenden könnte und nur einen Link (mit Bild der ersten Seite) zum öffnen hat.

bernd

Core-Team

Re: [gelöst] Bildergalerie ohne Bildervorschau

Das sollte eigentlich mit bischen CSS-Magie funktionieren:
In der frontend.css der MiniGallery folgendes ändern/ergänzen

Zeile 3 ändern zu:

.flex-images .item { float: none; margin: 5px; background: #eee; box-sizing: content-box; overflow: hidden; position: relative;}

aus dem float: left wird float: none um die Darstellung der Bilder nebeneinander aufzuheben.

Dann am Ende der Datei ergänzen:

.flex-images .item { display: none !important; }
.flex-images .item:first-of-type { display: block !important; margin: 0 auto; }

Die erste Zeile versteckt erstmal alle Bilder.
Die zweite Zeile erzwingt die Anzeige des ersten Bildes und schiebt es in die Mitte der Seite, damit es nicht so einsam ganz links an seiner ursprünglichen Position rumhängt.

---

... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

rudi222

Developer

Re: [gelöst] Bildergalerie ohne Bildervorschau

Du bist genial - herzlichen Dank!

Den Code habe ich in den "Frontend Final CSS Editor" eingefügt. Ist das OK?

bernd

Core-Team

Re: [gelöst] Bildergalerie ohne Bildervorschau

Wenn's funktioniert - was es ja offensichtlich tut - dann ist das o.k. 

---

... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

byteworker

Mitglied

Re: [gelöst] Bildergalerie ohne Bildervorschau

Ach so war das gemeint, jetzt habe ich es auch. 

Allerdings, wenn ich noch was dazu senfen darf: die Besucher klicken auf das Bild (Coctailkarte) und es wäre dann gut, wenn man wüsste, wer tatsächlich die restlichen Bilder ansieht! ich habe zuerst auch einfach das Bild wieder zu gemacht, die Pfeile links und rechts habe ich übersehen.
Soll das so sein? wäre da ein anderer Ansatz eventuell besser?

---

= Templates für WBCE

rudi222

Developer

Re: [gelöst] Bildergalerie ohne Bildervorschau

Findest Du die Pfeile zu unauffällig?
Kann man die Pfeile in der Lightbox deutlicher hervorheben?
Oder eine Angabe wie „Seite 1 von 4“ wäre hilfreich.

byteworker

Mitglied

Re: [gelöst] Bildergalerie ohne Bildervorschau

Du kannst ja in der Galerie die Einzelbilder benennen, dann eben Speisekarte - Vorspeise oder Speisekarte - Hauptgerichte oder so. Oder auch einfach (wenn auch weniger dem Thema angepasst: Bild 1 bzw. Bild 3 oder so in der Art. Das sollte dann in der Ansicht unterhalb des Bildes zu sehen sein.

---

= Templates für WBCE