Willkommen, Gast ( Anmelden | Registrierung )     [ Hilfe | Mitglieder | Suche ]

 
Reply to this topicStart new topic
> Artikelsystem & Bildergalerie
webmasterFF
Beitrag Sun. 1. June 2014, 09:49
Beitrag #1


Advanced Member
*******

Gruppe: AdvancedMembers
Beiträge: 287
Mitglied seit: 14.05.2009
Mitglieds-Nr.: 1.885



Hallo Sefrengos,

ich hatte meine Frage schon einmal unter der Rubrik "Plugins" gepostet, aber irgendwie erhalte ich dort keine Rückmeldung.
Und zwar habe ich folgendes Frage:

Aktuell kann man im Artikelsystem beim Erstellen eines Artikels "nur" einzelne Bilder auswählen und diesem dem Artikel zuordnen. Das mag bei der Vorstellung von Produkten auch ganz gut funktionieren, aber die meisten werden das Artikelsystem auch als Newssystem einsetzen... .
Dabei werden ja häufig nicht nur einzelne Bilder von Aktionen, sondern ganze Bildserien u.a. als "Weitere Bilder" angeboten. Ich habe das in meinem in meinem Detaillayout des Moduls bislang mit den {if_image:8}Bild8{/if_image:8} gelöst und dadurch weitere Bilder dargestellt.

Diese Methode sieht zwar schön aus, ist für Redakteure aber wahrlich umständlich. Denn alle Bilder müssen aus dem Dropdownmenu im Backend bei Erstellung des Artikels einzeln ausgewählt werden.
Für den Betrachter hat dies den Nachteil, dass er bspw. bei einer Lightbox-Integration nicht einfach "weiter" klicken kann, sondern jedes Bild einzeln aufrufen muss.

Einfacher wäre es, wenn man als Redakteur einen einzelnen Ordner auswählen könnte, ähnlich wie dies in der Bildergalerie gelöst ist. Für den Betrachter hätte dies den Vorteil, dass er bei Lightbox-Integration einfach weiter klicken kann.


IST DIES IRGENDWIE REALISIERBAR?


--------------------
Es dankt und grüßt
webmaster FF

--------------------
Sefrengo v.1.6.0
ES LEBE SEFRENGO - denn du hast tausende von Möglichkeiten !!
Go to the top of the page
 
+Quote Post
webmasterFF
Beitrag Mon. 2. June 2014, 10:48
Beitrag #2


Advanced Member
*******

Gruppe: AdvancedMembers
Beiträge: 287
Mitglied seit: 14.05.2009
Mitglieds-Nr.: 1.885



So, nun habe ich eine "eigene" Lösung entwickelt, die durchaus funktional ist, aber sicher noch nicht optimal... . Daher ist diese Lösung natürlich zur Weiterentwicklung freigegeben. Funktionieren tut sie aber schon mal wink.gif

Zunächst ist folgendes: Wer sein Artikelsystem ein wenig aufhübschen möchte, der bedient sich häufig der sog. Lightbox. Diese Darstellungsfunktion kann einfach bei Sefrengo lauffähig gemacht werden.

Schritt 1:
Lightbox-Ordner unten downloaded (Quelle: http://www.lokeshdhakar.com/projects/lightbox2/?u=9).
Darin enthalten sind alle nötigen Dateien, um die Lightbox lauffähig zu machen.
Ordner entpacken anschließend auf den Server verschieben in den Ordner: projekt01/cms/layout

Schritt 2:
Einbinden der Lightbox in das Layout. Folgende Codezeile in den <head> </head> einbinden:
QUELLTEXT
<!-- Start Lightbox -->
    <script src="cms/layout/lightbox/js/jquery-1.11.0.min.js"></script>
    <script src="cms/layout/lightbox/js/lightbox.min.js"></script>
    <link href="cms/layout/lightbox/css/lightbox.css" rel="stylesheet" />
<!-- Ende Lightbox -->


Schritt 3:
Im Modul "Artikelsystem" auf den Reiter "Ausgabe-Template" wechsel. Dort zur Detailansicht gehen und die Bildlinks wie folgt anpassen:
QUELLTEXT
<a href="{imageurl:2}" data-lightbox="media/img"><img src="{imageurl:2}" border="0" alt="{producer} - {title}" width="190" height="auto"></a>


Durch die Angabe "data-lightbox="media/img" erreicht ihr, dass beim Klick auf das Bild nicht nur das einzelne Bild vergrößert eingeblendet wird, sondern alle in der Detailansicht der jeweiligen Seite verfügbaren Bilder (also von euch im Artikel-Backend eingestellten Bilder zum entsprechenden Artikel) zur Lightboxdarstellung herangezogen werden und somit eine Art Galeriefunktion entsteht. Nur dadurch wird erreicht, dass sich die Bilder in der Lightbox weiter und zurück klicken lassen.
Andernfalls erscheint nur das jeweilig angeklickte Bild ohne Next bzw. Prew Button!

Schritt 4:
Der Code der Detailansicht kann um beliebig viele Bilder erweitert werden. Ich habe dies beispielsweise so gelöst:
Zunächst abfragen, ob überhaupt mehr als 4 Bilder im Artikel-Backend eingestellt wurden, um die Textzeile "weitere Bilder" auszugeben.
QUELLTEXT
<td class="article_text_red_bold">
{if_image:5}WEITERE BILDER:{/if_image:5}</td>


Danach die Bildliste um beliebig viele Bilder erweitern:
QUELLTEXT
{if_image:5}<a href="{imageurl:5}" data-lightbox="media/img"><img src="{imageurl:5}" border="0" alt="{producer} - {title}" width="190" height="auto"></a>{/if_image:5}
{if_image:6}<a href="{imageurl:6}" data-lightbox="media/img"><img src="{imageurl:6}" border="0" alt="{producer} - {title}" width="190" height="auto"></a>{/if_image:5}
{if_image:7}<a href="{imageurl:7}" data-lightbox="media/img"><img src="{imageurl:7}" border="0" alt="{producer} - {title}" width="190" height="auto"></a>{/if_image:5}


Natürlich muss man die Bilder in eine ansprechende Darstellungsweise einbetten und kann, wenn man will, dem Bild auch eine css-klasse zuweisen...:
QUELLTEXT
...<img class="bild_links" src="{imageurl:5}" ...


Über die css-klasse könnt ihr Rahmen, Padding, ....erstellen.

Hoffe es hilft weiter!
Angehängte Datei(en)
Angehängte Datei  lightbox_2.7.1.zip ( 1.55MB ) Anzahl der Downloads: 1
 


--------------------
Es dankt und grüßt
webmaster FF

--------------------
Sefrengo v.1.6.0
ES LEBE SEFRENGO - denn du hast tausende von Möglichkeiten !!
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 29.3.24 - 12:44

Sefrengo ist ein eingetragenes Markenzeichen und urheberrechtlich geschützt.
Copyright 2009 Design & Daten, Alle Rechte vorbehalten.