Joomla & Phoca

hagengraf (49)in #ecommerc • 5 years ago

Wer jemals mit dem Content Management System Joomla zu tun hatte, hat vermutlich schon einmal von Phoca gehört. Phoca startete im Jahr 2007 mit der Entwicklung einer Fotogalerie Erweiterung für Joomla, die auch heute noch sehr beliebt ist. Neben der Phoca Gallery wurden über die Jahre viele andere nützliche Joomla Erweiterungen entwickelt, wie beispielsweise der Phoca Commander für Dateibearbeitungen auf dem Server, das Phoca Guestbook als Kontaktformular bei ausgefeiltem SPAM Schutz, Phoca Maps zur Einbindung von Karten und viele andere mehr. Um responsive Mobile First Sites zu ermöglichen, kamen auch Templates hinzu. Weil ein Bestand an Fotos oft auch eine Basis für weitere Geschäfsideen ist, kamen nach und nach ein vollständiges eCommerce System (Phoca Shop), ein Dateidownload Manager (Phoca Download) und branchenspezifische Erweiterungen wie das Phoca Restaurant Menü hinzu.

Im Gegensatz zu anderen Erweiterungsanbietern sind alle Phoca Erweiterungen frei erhältlich.

In diesem Blog Post versuche ich einen Einstieg in die "Phoca Welt" zu beschreiben und beginne mit der Galerie.

Wenn du ein Novatrend Kunde bist, kannst du dir die neueste Joomla Version über die Softaculous Anwendung installieren (siehe auch Automatisierte Installation mit Softaculous). Solltest du noch kein Kunde bei uns sein, ist es eine gute Gelegenheit, das jetzt endlich mal zu werden :) -> Webhosting.

Ich gehe davon aus, dass du eine leere Joomla Installation 3.9.15 (ohne Beispieldaten) zur Verfügung hast.

Um die Phoca Erweiterungen zu installieren, kannst du entweder das Joomla Extension Directory (JED) aktivieren und die Erweiterung von dort installieren, oder du gehst auf die phoca.cz/download Site und lädst dir die gewünschten Erweiterungen herunter. Bei der Anzahl der verfügbaren Erweiterungen ist es meiner Erfahrung nach übersichtlicher die Phoca Website zu benutzen.

Ich will die Gelegenheit aber auch nutzen und kurz auf den Joomla Webkatalog eingehen. Damit das JED angezeigt wird, musst du erst den Zugriff autorisieren, indem du auf dem Button "Aus Webkatalog installieren"-Tab hinzufügen klickst.

Diese Aktivierung ist vom Joomla Projekt aus Privacy-Gründen bewusst gewählt worden. Du kannst alle Erweiterungen aus dem JED oder aus anderen Quellen ohne die Aktivierung des Webkatalogs nutzen. Einfach auf der Website des Anbieters herunterladen und in deiner Joomla Site mittels Paketdatei hochladen installieren.

Das JED muss vor der Benutzung aktiviert werden

Ich aktiviere also das JED und suche nach dem Begriff "Phoca".

Phoca Erweiterungen im integrierten Webkatalog (JED Installer)

Phoca Gallery

Durch einen Klick auf die Erweiterung kommst du auf die Detailseite mit dem Install... Button und kannst die Komponente installieren. Der Joomla Webkatalog hostet die Dateien übrigens nicht, sondern arbeitet wie ein Proxy und greift dann selbst auf die Websites der Anbieter zurück um die entsprechenden Dateipakete anzufordern.

Phoca Gallery Erweiterung installieren

Erfolreiche Installation

Die Galerie ist nun installiert und kann benutzt werden. Ich erstelle mir eine Kategorie, lade ein paar Bilder dort hinein und erstelle einen Link im Main Menu. Ich benutze das Standard Joomla Template.

Joomla Frontend mit Galerie

Wenn das Bild die entsprechenden Geodaten schon enthält, wurden sie beim Hochladen bereits in den Parametern des Bildes vermerkt. Die Daten stehen im Bild im Tab "Geo Options".

Im Joomla Frontend wird unter dem Bild eine kleine Weltkugel angezeigt und nach einem Klick öffnet sich ein Fenster mit einer Open Street Map Karte. Google Maps geht auch, muss aber natürlich in den Optionen der Komponente konfiguriert werden.

Phoca Gallery und Phoca Maps mit

In der Galerie Komponente stecken viele Ideen und Ansätze, die natürlich auch ausserhalb dieser Komponente sinnvoll sind und es ist durchaus interessant die weiteren Phoca Erweiterungen zu entdecken.

Phoca Maps

Die Phoca Maps Erweiterung ist eine von der Galerie unabhängige Komponente, die eine Karte darstellt auf der Marker positioniert werden können.

Im Backend der Komponente lassen sich beliebig viele Kartenansichten und Marker definieren und zuordnen. Eine Liste aller Niederlassungen? Ganz einfach :)

Die Karte mit den Markern kann dann als Komponente ins Menü des Frontends eingetragen werden. Mit dem Phoca Maps Plugin kann sie auch innerhalb von Artikeln positioniert werden.

Phoca Map mit zwei Markern

Phoca Commander

Nehmen wir mal an, es es sind nun viele Photos in der Galerie und man müsste mal per FTP auf die einzelnen Dateien zugreifen um sie umzubenennen oder zu verschieben. Für solche Anwendungen gibt es die Phoca Commander Erweiterung, die einen Dateimanager im beliebten "Norton-, Midnight-, Total Commander Stil" in Joomla integriert.

Völlig unabhängig von der Galerie Komponente kannst du mit dem Phoca Commander alle Dateien deines Webhosting innerhalb von Joomla über die Browseroberfläche verwalten - das ist sehr praktisch :)

Phoca Commander

Filter Options System Plugin

Das charmante an Joomla sind unter anderem die zahlreichen Einstellmöglichkeiten in den Optionen. Das ist gut, aber manchmal auch unübersichtlich. Wenn man so nach und nach seinen Weg durch die Optionen gefunden hat, will man manchmal nur schnell etwas ankreuzen und ärgert sich über das viele Scrollen und Suchen.

Das Filter Options System Plugin erzeugt ein systemweites Suchfeld oberhalb der Optionen - auch praktisch :)

Responsive Photos und Listen

Wenn man vielleicht gar keine Galerie benötigt, aber doch komfortabel Photos verwalten will, die dann auf der Website responsiv in Form einer Liste oder einzeln angezeigt werden sollen, so bietet sich die Phoca Photo Komponente an. Phoca Photo ist eine vereinfachte Version der Phoca Gallery. Sie enthält keine Verwaltung (die Bilder und Kategorien werden von der Verwaltung der Phoca Gallery verwaltet) sondern nur einfache Frontend-Ansichten, die den Inhalt schnell und einfach auf die Website laden.

Im folgenden Video wird die Erweiterung beschrieben.

eCommerce mit Phoca Cart

Lassen sich mit Phoca Gallery und Phoca Photo Listen von Bildern erzeugen, so schreit das ja förmlich nach einem Stock Photo Online-Shop, in dem Photos auch verkauft werden können. Die Komponente Phoca Cart macht genau das und das in Joomla enthaltene Bootstrap 2 Framework kann auch durch Bootstrap 3 ersetzt werden.

https://www.phoca.cz/stockphoto

Und weil nun schon ein Shop vorhanden ist, könnte man doch auch andere Dinge wie Photos verkaufen, beispielsweise Mode in Kombination mit dem Fashion Template.

Gesagt, getan ...

... oder Autos ...

https://www.phoca.cz/phocacartdemo/3-audi

Ich könnte hier noch Dutzende anderer Komponenten beschreiben, wie das SPAM sichere Kontaktformular oder die Facebook Kommentar Anbindung oder ... oder ... oder ...

Ein Teil der Phoca Komponenten.

Fazit

Phoca ist ein Bergwerk an Ideen und freien Komponenten. Es macht Spass herum zu probieren und man kommt relativ schnell zu einem guten Ergebnis.

Wenn es dir Spass macht, kannst du auch mitentwickeln (97 Repositories finden sich auf Github).
Jan Pavelka, der Programmierer, der diese Erweiterungen erstellt, macht das übrigens als Hobby. Er hat einen anderen Job!

Und Phoca Vitulina ist übrigens die lateinische Bezeichnung für einen Seehund!

Joomla & PhocasteemCreated with Sketch.