Portfoliodarstellung - Demo Hotel

[tschero]

Hallo Leute,

bekommt man eine Darstellung wie in der Demo Hotel/Zimmer
https://eclipse.premium-contao-theme...home-2021.html

auch als filterbares Portfolio hin?
Das könnte ich gerade richtig gut gebrauchen.
Die hier dargestellten "Zimmer" sind ja nicht mit dem Nachrichtenmodul umgesetzt sondern als "Pricecards" auf einer Seite in einem Gridmodul.

Etwas ähnliches gibts ja schon bei EasyImmo/Propertys
https://eclipse.premium-contao-theme...home-2216.html

Hier möchte ich aber das "Herausfahren" der Infos vermeiden.

Über Tipps würde ich mich freuen.

Gruß
tschero

[Tom]

Hi Tschero,

in dieser Demo https://eclipse.premium-contao-theme...home-2021.html wurde die Darstellung der Zimmer mit CustomCatalog gemacht. Filter kann jederzeit erweitert werden.

Bei EasyImmo/Propertys könnte man per CSS das "Herausfahren" der Infos unterbinden.
Dazu folgenden Code in die customize.css:

.mod_portfoliolist_v7 .item:hover .teaser {max-height:0;}

[tschero]

Moin Tom,

hier hab ich mich unklar ausgedrückt.

Mein Ziel ist es, Portfoliodarstellung zu bekommen, wie sie in der Hotel-Demo zu sehen ist; zusätzlich mit einem Portfoliofilter.
CC hat der Kunde nicht im Einsatz.
Ist diese Darstellung mit Portfoliofilter möglich?

Als Alternative wäre möglich, dass bei der EasyImmo-Darstellung der Teaser bereits herausgefahren IST.

Gruß
tschero

[Tim]

Moin Tom,

hier hab ich mich unklar ausgedrückt.

Mein Ziel ist es, Portfoliodarstellung zu bekommen, wie sie in der Hotel-Demo zu sehen ist; zusätzlich mit einem Portfoliofilter.
CC hat der Kunde nicht im Einsatz.
Ist diese Darstellung mit Portfoliofilter möglich?

Als Alternative wäre möglich, dass bei der EasyImmo-Darstellung der Teaser bereits herausgefahren IST.

Gruß
tschero

Möglich ist alles. CSS Verberung ist sicher ganz gut möglich. Beide Ausgaben sind HTML-Konstrukttechnisch recht nah. Ein Modul-Wrapper und eine Liste an Einträgen.
Den Aufbau kann man sich live abschauen: http://trial.premium-contao-themes.com/home-2021.html

Klassen-Vergabe:

• Nachrichtenliste-Modul: mod_customcataloglist cc_hotelapart_packages
• news_ Template: Den umschließenden Wrapper der news, die Klasse: entry
• Felder: Hier die Feldnamen aus den CC Einträgen vergeben. (man kann sich mit <div class="CC-FELD">...</div> behelfen an vielen Stellen (Verschachtelungen ggf. beachten)

----

Alternative ist das Styling aus der customcatalog.css (ist Bestandteil jedes EX Pakets) herauspicken und nach dem Nachrichtenliste Konstrukt die Stylings umbenennen.

[tschero]

Moin Tim,

oh weia.
Das, auf die Schnelle hinzubasteln, wird nichts. Da brauche ich zu viel Zeit.
Hast Du hierfür ggf. eine einfachere Lösung?

Als Alternative wäre möglich, dass bei der EasyImmo-Darstellung der Teaser bereits herausgefahren IST.

Gruß und vielen Dank schon mal für die Tipps,

tschero

[Tim]

Greife den :hover Moment ab: Der ändert die Teaser Höhe

Statisch ohne (:hover)

[COLOR=#222222][FONT=Menlo][SIZE=11px].mod_portfoliolist_v7 .item .teaser {margin-top:15px; max-height:500px;}[/SIZE][/FONT][/COLOR]

[tschero]

Ah, sehr gut.
Das hatte ich schon gesucht.
Ich glaube, damit komme ich auf die Schnelle besser klar.
Mit dem anderen Umbau müsste ich mich länger beschäftigen um das ordentlich umzusetzen.

Das hilft mir auf jeden Fall schon mal weiter.

Besten Dank,

Gruß
tschero