-
Inhaltsverzeichnis
-
- Vorbereitungen
- Einstieg ohne installierte Joomla
- Einstieg mit installiertem Joomla Beispiel-Inhalt (ohne benutzerdefinierten Daten)
- Einstieg wenn Sie schon eine funktionierende Website haben
- Virtuemart.2.x.x installieren
- Template Installation
- Template Aktivierung
- Erweiterungen von Drittanbietern installieren
- Module konfigurieren
-
Vorbereitungen
-
Bevor Sie mit der Installation von der Joomla Engine und Joomla Vorlage anfangen, führen Sie die folgenden Schritte aus.
- Stellen Sie sicher, dass Ihr Hosting-Server Joomla und VirtueMart Anforderungen entspricht. Überprüfen Sie Joomla Anforderungen hier und VirtueMart Anforderungen hier.
- Weil Sie gerade diese Anleitung lesen, gehen wir mal davon aus, dass Sie schon das heruntergeladene Template-Paket entpackt haben. Sie können jedoch Probleme haben, wenn Sie Dateien vom passwort-geschützten "sources_###.zip" Archive entpacken. Sehen Sie in diesem Video anhand eines Beispiels, wie man Dateien vom Template-Paket MAC und PC entpackt.
- Falls Sie eine funktionierende Website haben und nun das Template installieren möchten, stellen Sie sicher, dass Ihre Joomla und VirtueMart Versionen mit der Template-Version kompatibel sind.
- Um Website-Daten zu speichern, erfordert Joomla eine MySQL Datenbank, deswegen sollen Sie eine auf Ihrem Hosting Server erstellen. Lesen Sie bitte das ausführliche Tutorial wie man eine Datenbank erstellt durch
-
Einstieg ohne installierte Joomla
-
- Wenn Sie die Vorlage heruntergeladet und entpackt haben, sollen Sie den Archiv fullpackage.zip mit Hilfe von einer FTP Software, wie z.B. FileZilla oder dem Dateimanager auf ihr Hosting Control Panel hochladen.
- Danach laden Sie die Datei unzip.php vom Template Paket auf den Server (in dasselbe Verzeichnis).
- Wenn Sie bereit sind, öffnen Sie Ihre Website im Browser und setzen Sie den Dateiname – unzip.php in der URL. Es sollte so aussehen: yourwebsite.com/unzip.php
- Hier ist das Ergebnis Ihre Mühe:
- Wählen Sie per Drop-Down-Feld "Choose your zip file" (Wählen Sie Ihre ZIP Datei aus) den Archiv fullpackage.zip aus und drücken Sie auf "Unzip/auspacken ". Es fängt das Entpacken der Dateien auf Ihren Server in dasselbe Verzeichnis. Das dauert ein bisschen.
- Nach dem Entpacken sehen Sie die Liste von Dateien. Öffnen Sie bitte Ihre Site im Browser , – yourwebsite.com und starten Sie der Joomla Installation.
Lesen Sie bitte das ausführliche Tutorial, wie man Joomla CMS installiert
- Bei Schritt 6 Ihrer Installation – "Main Configuration" (Hauptkonfiguration) müssen Sie auf "Install Sample Data" (Beispieldaten installieren) drücken.
- Nach der Installation wird die Vorlage mit dem Standard Inhalt auf Ihre Seite automatisch aktiviert und sieht sie gleich wie Demo aus.
-
Zuletzt, aber nicht am geringsten, aktualisieren Sie die Datenbank. Dafür gehen Sie auf Components/ Komponenten ->VirtueMart->Tools/ Werkzeuge ->Tools & Migration / Werkzeuge u. Migration – drücken Sie auf den Button "Install tables or if necessary update them" (Installieren Tabellen oder, wenn es benötig ist, aktualisieren Sie die) .
Falls Sie VirtueMart 1.1.x Komponent und Joomla 1.5.x verwenden, lesen Sie dieses Tutorial durch: Wie installiert man Joomla, VirtueMart und ein Template mit Hilfe vom VirtueMart Bundle .
-
Einstieg mit installiertem Joomla Beispiel-Inhalt (ohne benutzerdefinierten Daten)
-
Zuerst installieren Sie das Template. Dafür führen Sie den Befehl vom Abschnitt Einstieg wenn Sie schon eine funktionierende Website haben
Unsere Vorlagen werden mit Beispielseiten, Modul- und Konfigurationseinstellungen mitgeliefert. Besser gesagt, damit Ihre Vorlage als bei Vorschau aussieht, sollen Sie die Module installieren und konfigurieren.
Damit Ihre Website als bei Demo aussieht, installieren Sie die Datei dump.sql, die sich im Ordner “sources” befindet. Vor dem Import von dump-Datei vergessen Sie nicht das Standard Präfix der Datenbank in der dump Datei (“jos_”) durch das Tabellen-Präfix, das in Ihrer Joomla Datenbank verwendet wird, zu ersetzen. Damit Sie das Datenbank-Präfix Ihrer Joomla finden, loggen Sie sich im Joomla Admin ein, gehen Sie auf “Global Configuration/Globale Konfiguration” > “Server” und finden Sie dort “Datenbank Tabellenpräfix”. Mit einem Text-Editor (vorzugsweise Dreamweaver oder Notepad) öffnen Sie die dump.sql Datei und ersetzen Sie alle “jos_” Präfixen durch das Datenbank-Präfix Ihrer Joomla (dafür verwenden Sie die Option Suchen und Ersetzen – Hotkey Ctrl+H) Zum Beispiel: xyz_
Damit Ihr Site als bei Demo aussieht, installieren Sie die dump.sql Datei.
ACHTUNG: importieren Sie .sql Datei NUN wenn Ihre Site eine saubere Installation vom Joomla! CMS ist und Sie noch keinen Inhalt, keine Artikel, keine Module usw. installieren haben. Dieser Schritt löscht alles, was Sie vorher für die Site gemacht haben. Alles, was Sie vorher für Ihre Website getan haben, wird nach diesem Schritt gelöscht. Wenn Sie das nicht möchten, überspringen Sie diesen Schritt und lesen Sie bitte “Module vom Template manuell konfigurieren”
Um die dump.sql Datei zu installieren, machen Sie bitte folgendes:
- Öffnen Sie PHPMyAdmin (es finden Sie im Hosting Control Panel).
- Wählen Sie die Datenbank aus, die für Joomla! CMS erstellt wird.
- Wählen die Option “IMPORT” und drücken Sie auf den Button”Browse/Durchsuchen”
- Mit dem Maus fahren Sie zum Ordner “sources” Ihrer Vorlage und wählen Sie die Datei dump.sql aus.
- Drücken auf den Schalter “GO/Los”. Nach dem Import führen Sie noch ein Schritt “7. Bilder ansehen” aus, den in diesem Dokument dargestellt wird
Falls Sie keine Erfahrungen mit PHPMyAdmin haben, lesen Sie bitte dieses Tutorial.
Zuletzt, aber nicht am geringsten, aktualisieren Sie die Datenbank. Dafür gehen Sie auf Components/ Komponenten ->VirtueMart->Tools/ Werkzeuge ->Tools & Migration / Werkzeuge u. Migration – drücken Sie auf den Button "Install tables or if necessary update them" (Installieren Tabellen oder, wenn es benötig ist, aktualisieren Sie die) .
-
Einstieg wenn Sie schon eine funktionierende Website haben
-
Virtuemart.2.0.x installieren
Schritt-für-Schritt-Anleitungen zur einfacher Installation von Virtuemart 2.0.x.
Virtuemart 2.0.x ist vor kurzem erschienen und man kann sie mit Joomla 1.5. und Joomla 2.5.4. installieren.
Wir vermuten, dass Sie Joomla 2.5.4. installiert haben. Lesen Sie bitte das ausführliche Tutorial durch: Wie man Joomla CMS installiert
1. Zuerst laden Sie das neue Paket aus Virtuemart 2.x.x herunter. Laden Sie die Datei com_virtuemart.2.0.x_extract_first.zip herunter.
2. Nach erfolgtem Download entpacken Sie die im gewünschten Ordner. Ich rate die auf dem Desktop platzieren, um den Zugriff zu vereinfachen. Innerhalb der zip Datei gibt es zwei Dateien:
- com_virtuemart.2.0.x.zip
- com_virtuemart_ext_aio.2.0.x.zip
3. Jetzt melden Sie sich im Joomla Adminpanel mit Ihrem Benutzernamen und Passwort an.
4.Gehen Sie auf Extensions/Erweiterungen> Extension Manager/ Erweiterungs-Manager .
5. Klicken Sie auf den Button Browse/Durchsuchen und wählen Sie die Datei com_virtuemart.2.0.x.zip aus. Dann klicken Sie auf Upload/Hochladen & Install/Installieren .
Sie sollten die Meldung “ Die Installation war erfolgreich ” sehen.
6.Danach installieren Sie die Datei com_virtuemart_ext_aio.2.0.x.zip. Klicken Sie wieder auf den Schalter Browse/Durchsuchen und wählen Sie die Datei com_virtuemart_ext_aio.2.0.x.zip aus. Dann klicken Sie auf Upload/Hochladen & Install/Installieren. Nach der erfolgreiche Installation erscheint sich einen Virtuemart Link unten dem Components/Komponenten .
7. Jetzt überprüfen Sie, ob die folgende Plugins und Module installiert wurden.
Im Hauptmenü drücken Sie auf Extensions/Erweiterungen > Module Manager/Modulverwaltung. Im Filter-Box tippen vm und drücken Sie auf Search/Suchen. Es erschent die folgende Module von Virtuemart.
Machen Sie das gleiche für das Plugin. Im Hauptmenü drücken Sie auf Extensions/Erweiterungen > Module Manager/Modulverwaltung. In dem FilterBox tippen vm und drücken Sie auf Search/Suchen. Es erscheint die folgende Plugins von Virtuemart.
8.Jetzt gehen Sie zurück zum Module manager( Modulverwaltung) und aktivieren Sie die Module, die Sie im Frontend Ihrer Website benutzen möchten. Sie können auch den Ort festlegen, wo er auf der Website setzen soll. Jetzt gehen zu Ihrem Frontend und überprüfen Sie den neuen Module von VirtueMart.
9. Jetzt erstellen Sie einen neuen Menü-Link, damit die Website-Benutzern auf Ihrem Shop navigieren können. Dafür klicken Sie auf Menus /Menüs und wählen Sie das Menü, wo Sie einen Link erstellen möchten. Sie können, zum Beispiel, einen Link im Hauptmenü, Seitenmenu usw. hinzufügen.
In diesem Beispiel arbeiten wir mit dem Hauptmenü. Drücken Sie auf Menus/Menüs > Top/ Oben .
10. In der obere Navigationsleiste drücken Sie auf den Button New/Neu.
11.Unter Details klicken Sie auf den Button Select/Auswahlen , der neben dem Feld Menu Item Type * (Typ vom Menüpunkt) steht.
Dann bekommen Sie die Möglichkeit ein Menü für VirtueMart Categories Layout erstellen.
12.Jetzt geben Sie Ihrem Link einen Menu Title (Menütitel) und drücken Sie oben auf Save and Close (Speichern und schließen) .
Template Installation
Installing durch Joomla! CMS Erweiterungs Manager:
- Im Adminbereich Ihrer Joomla! Website gehen Sie auf Extensions/Erweiterungen – Extensions Manager/ Erweiterungs Manager.
- Dann öffnen Sie im Bereich “Upload package file” (Paketdatei hochladen) das Upload-Dialogfenster mit dem Drück auf den Button “Browse/Durchsuchen“.
- Im “joomla” Ordner vom heruntergeladenen Template-Paket finden den themeXXX.zip Archiv , drücken Sie auf „Open/Öffnen“ und dann auf “Upload/Hochladen & install/installieren“.
Template Aktivierung
Nach der Installation der Vorlage sollen Sie die aktivieren. Öffnen Sie den Joomla! Adminbereich, dann gehen Sie auf “Extensions/Erweiterungen – Template manager“.
Dann wählen das neu installierte Template im Checkbox aus und klicken Sie auf den Button “Make Default“( Zum Standard machen) in oberer rechten Ecke.Das aktiviert Ihr Template als Standard Template.
Dann drücken Sie den Name der Vorlage, um Konfigurationsseite zu betreten. Sie sollen die Vorlage mit den Website-Seiten zuweisen. Dafür klicken Sie auf den Button “Toggle Selection” (Auswahl umkehren) im Bereich “Menus assignment” (Menü Zuweisung) .
Erweiterungen von Drittanbietern installieren
Das Template kann einige Module haben, die die Standard Joomla! Installation nicht befasst und man soll die manuell installieren. Dafür führen Sie die 1. Schritte von diesem Dokument aus.
- Im Joomla! Administration Bereich gehen Sie auf “Extensions/Erweiterungen – Extensions Manager/Erweiterungs-Manager“.
- Klicken Sie auf den Button „Browse/Durchsuchen“ und wähle Sie das Erweiterungspaket vom Vorlagen-Ordner “sources”
- Drücken Sie den Button “Upload & Install” (Hochladen u. Installieren) .
- Gehen Sie auf “Extensions – Module manager“. In der Modulliste sollte der neu installierte Modul erscheinen.
Öffnen Sie den Modul und legen Sie die Konfigurationsoptionen je nach Konfigurationstabelle vom Modul fest.
Module konfigurieren
- Im Joomla! Adminbereich gehen Sie auf “Extensions/Erweiterungen – Module Manager/ Modulverwaltung“;
- Öffnen Sie jeden Modul aus der untenstehenden Liste, weisen Sie ihm eine Position zu und legen Sie die Konfigurationsoptionen je nach folgende Tabelle fest.
- Wenn Sie alle notwendigen Veränderungen vorgenommen haben, speichern Sie die Werte von jedem Modul mit dem Drück auf “Save & Close” (Speichern u. Schließen) .
- Laden Sie auch die folgende Ordner im Root Ihrer Joomla! Installation:
sources\to_the_root_directory\administrator
sources\to_the_root_directory\components
sources\to_the_root_directory\images
sources\to_the_root_directory\media
Lesen Sie bitte die Dokumentation Ihrer Vorlage durch, um Informationen zu den verwendeten Module, ihre Namen, Typen, Position, Klassen-Suffix, Reihenfolge zu erhalten.
Damit Ihre Joomla! gleich als bei Demo aussieht, installieren Sie bitte die Dump der Datenbank, die in der sources\dump.sql ist.
VORSICHT : Normalerweise hat die Joomla! 2.5 Installation nun den installierten HauptMenü-Modul. Damit Ihre Joomla! Site als bei Demo aussieht, installieren Sie bitte alle notwendige Module via Adminbereich Ihrer Website. Sie sollen alle Menüpunkten und Beiträge selbst hinzufügen.
VORSICHT: Beim Import der SQL-Datei auf Ihre Datenbank werden bestehende Inhalte und Website-Einstellungen überschrieben! Importieren Sie KEINE SQL Datei, wenn Sie den bestehenden Inhalte haben möchten.
HINWEIS: IMMER erstellen Sie die Sicherungskopie Ihrer Datenbank vor alle Änderungen
Wie man neue Custom HTML Module im Template hinzufügt
Einige Vorlagen haben Custom HTML Module, die manuell installiert werden sollen.
Hinweis: wenn Sie die dump.sql importieren, können Sie diesen Schritt überspringen.
Vor der Arbeit mit den Custom HTML Module empfehlen wir Ihnen den Joomla WYSIWYG Editor zu deaktivieren.
Im Joomla! Adminbereich gehen Sie bitte zum Site > Global Configuration/Globale Konfiguration. Finden die Option “Default Editor” (Standard Editor) und wählen Sie “No Editor” (ohne Editor) aus. Standard Joomla! WYSIWYG Editors können den Code vom Custom HTML Modul ändern und einige Probleme verursachen.
- Gehen Sie zur Seite Extensions/Erweiterungen > Module Manager/Modulverwaltung. In der obere rechte Ecke drücken Sie den Button “New/Neu”
- wählen Sie “Custom HTML” aus;
- tippen Sie den Titel von Ihrem neuen Modul im Feld “Title“;
- wählen Sie im Feld “Position” die richtige Position für Ihren Modul (Sie finden die in der Konfigurationstabelle vom Modul (Schritte 4));
- tippen Sie bitte im Feld “Module Class Suffix” das entsprechende Klassen-Suffix, das in der Konfigurationstabelle vom Modul festgelegt wird;
- setzen Sie im Text-Bereich “Custom Output” (Benutzerdefinierte Ausgabe)den HTML Code der entsprechenden Datei vom Template-Ordner “sources“. Den korrekten Dateinamen finden Sie in der Konfigurationstabelle vom Modul.
-
Fazit
-
Nützliche Ressource
- Offizielle Website http://virtuemart.net
- Offizielles Forum von Virtuemart http://forum.virtuemart.net/
- Offizielle Erweiterungen von Virtuemart http://extensions.virtuemart.net/
- Joomla CMS Dokumentation
- Joomla Tutorials
- VirtueMart Tutorials
- Website Virtuemart http://dev.virtuemart.net/projects/virtuemart
- Web Templates
- 3 Farben Templates
- CSS Templates
- Dynamisches Flash
- Dynamic Flash Photo Gallery
- Flash animierte Templates
- Flash CMS Intro
- Flash Intro Templates
- Flash Templates
- Dynamic Swish Templates
- Full Package Templates
- Full Site Templates
- JS Animated
- PSD-Template
- Razor-Templates
- Stretched Template
- SWISH Animiert Templates
- Swish Templates
- XML-Flash Templates
- Professional Templates
- Responsive Webdesign Templates
- Bootstrap Template
- E-commerce Templates
- CMS und Blog Templates
- Corporate Design
- Silverlight
- Video Templates
- Facebook Layouts