Kategorien präsentieren

Das Plugin zeigt die gewählten Kategorien als Karussell Effekt an.

EUR 99,00*

kostenfrei Testen

Kategorien präsentieren

Das Plugin zeigt die gewählten Kategorien als Karussell Effekt an.

Systemvoraussetzungen & Kompatibilität

Das Plugin ist für das Shopsystem xt:Commerce entwickelt und für die folgenden Versionen getestet:

4.0.13, 4.0.14, 4.0.15, 4.0.16 und 4.1.00

Die Aufwärtskompatibilität ist in der Regel gegeben, kann jedoch nicht garantiert werden.

Hinweis: Eine optimale Darstellung kann nur im standard Template des Shopsystems gewährleistet werden. Sollten Sie ein eigenes oder modifiziertes Template nutzen, kann die Funktionsweise des Plugins davon unter Umständen eingeschränkt werden.


Kurzüberblick - Was kann das xt Commerce Kategoriekarussell Plugin?

  • Das Kategoriekarussell kann beliebig viele Kategorie aus dem Shop anzeigen.
  • Die Kategorie werden wahlweise automatisch angezeigt (durchgescrollt) oder manuell über die Navigationspfeile.
  • Das karussell kann an beliebiger Stelle im Template integriert werden (über einen Hookpoint).
  • Das Kategoriekarussell nutzt das Kategoriefoto, dass im Shop bei der Kategorie hinterlegt ist.
  • Über eine eigene img-Klasse für das Kategorie Karussell, können alle Kategoriebilder automatisch beliebig angepasst werden (die Kategoriebilder müssen somit nicht manuell erstellt werden).
  • Die Kategorieanzahl, der Zwischenabstand der Kategorie und der Bildfortlauf können individuell konfiguriert werden.
  • Ebenso können die Anzeigezeit und Kategoriekarussellgeschwindigkeit, Navigation, Kurzbeschreibung konfiguriert und aktiviert oder deaktiviert werden.

Detailierte Beschreibung vom Veyton Kategoriekarussell Plugin:

Das Kategorie Karussell für xt:Commerce Veyton ist eine Erweiterung für den Shop, mit dem ein Kategoriekarussell in den Shop integriert werden kann.

Die Kategorie, die im Karussell erscheinen sollen, können beliebig über die Kategorieeinstellungen gewählt werden. Die maximale Anzahl der Kategorie im Karussell ist nicht beschränkt.

Das Kategorie Karussell bietet einige Konfigurationsmöglichkeiten und Effekte und kann individuell an jeden Shop angepasst und integriert werden. Das Plugin ist nahtlos in das Shopsystem integriert und wird über einen Hookpoint an beliebiger Stelle in das Template eingebunden.

Das Design des Kategoriekarussell kann bei Bedarf über die CSS-Datei im Pluginordner /css/jquery.bxslider.css angepasst werden. Die verschiedenen Plugin-Einstellungen können über das Administrationsinterface von xt:Commerce Veyton konfiguriert werden.

Alle unsere Plugins können für 21-Tage kostenfrei getestet werden! kostenfrei Testen

Downloads

Bitte achten Sie darauf, dass Sie das Plugin mit der passenden PHP Version für Ihren Shop downloaden.
Ihre PHP Version können Sie im Adminbereich unter: System -> phpinfo einsehen.


Systemvoraussetzungen & Kompatibilität

Das Plugin ist für das Shopsystem xt:Commerce entwickelt und für die folgenden Versionen getestet:

4.0.13, 4.0.14, 4.0.15, 4.0.16 und 4.1.00

Die Aufwärtskompatibilität ist in der Regel gegeben, kann jedoch nicht garantiert werden.

Hinweis: Eine optimale Darstellung kann nur im standard Template des Shopsystems gewährleistet werden. Sollten Sie ein eigenes oder modifiziertes Template nutzen, kann die Funktionsweise des Plugins davon unter Umständen eingeschränkt werden.

Installation

Vor der Installation eines Plugins sollten stets alle Daten gesichert werden. Besonders wichtig ist die Shopdatenbank.

Ablauf der Installation:

  1. Backup (Sicherung) des Shopsystems erstellen.
  2. Das Plugin entpacken und die entpackten Daten (Plugin Name) per FTP auf den Server in den Ordner: /plugins des Shops hochladen.
  3. Die Lizenz-Datei des Plugins (Plugin Name.txt) per FTP in den Ordner /lic des Shops hochladen. Ohne Lizenz-Datei ist das Plugin nicht funktionsfähig!
  4. Im Adminbereich des Shops das Plugin über den Menüpunkt: Inhalte -> Plugin -> deinstallierte Plugins installieren.
  5. Im Adminbereich des Shops das Plugin über den Menüpunkt: Inhalte -> Plugins -> installierte Plugins aktivieren (ggf. auch für den jeweiligen Mandanten).
  6. Zuletzt muss noch der komplette Adminbereich neu geladen werden. Dies geht über den "neu laden" -Button Ihres Browsers oder z.B. die F5-Taste.
  7. Weitere Informationen und eine Anleitung finden Sie oben unter "Konfiguration".

 Sie können die Installation des Plugins gegen eine Gebühr in Höhe von 80€* auch schnell und sicher durch uns erledigen lassen.


Integration & Konfiguration

Plugin für die Nutzung vorbereiten:

  1. Gehen Sie in den Adminbereich unter: Inhalte -> Media -> Bildtypen und bearbeiten die img-Klasse: "category/ad_katcarousel" und tragen die gewünschte Höhe und Breite für die Karussellbilder ein. Klicken Sie den "Speichern" Button.
    Wichtig: Auch wenn Sie die Werte für Höhe und Breite nicht ändern, muss der "Speichern" Button gedrückt werden, da sonst der Bilderordner nicht vom System erstellt wird.
  2. Gehen Sie in den Adminbereich unter: Inhalte -> Media -> Media Gallery -> Kategoriebilder und klicken den Button "Image Processing".

Weitere Informationen zu der img-Klasse und dem Image Processing finden Sie weiter unten unter dem Punkt: "Plugin-Bedienung & Anwendung".


Template Anpassungen & Beispiel:

Das Kategorie Karussell wird über einen Hookpoint an beliebiger Stelle in das Template integriert.

Hookpoint: {hook key=ad_katcarousel}

Das Kategoriekarussell wird also an der Stelle erscheinen, wo Sie im Template den Hookpoint: {hook key=ad_katcarousel} einfügen.

Kategorie Karussell nur auf der Startseite anzeigen:

Wenn Sie das Kategoriekarussell z.B. nur auf der Shop-Startseite anzeigen möchten, fügen Sie einfach folgenden Code in die "index.html" Ihres Templates ein:

{if $page == "index"}
   {hook key=ad_katcarousel}
{/if}

oder alternativ (auch möglich für jede beliebige andere Seite):

{if $smarty.server.REQUEST_URI == "ihreseite.html"}
   {hook key=ad_katcarousel}
{/if}

oder die Abfrage für die Indexboxen:

{if $show_index_boxes == 'true'}
   {hook key=ad_katcarousel}
{/if}

Kategoriekarussell per CSS anpassen:

Bitte schauen Sie weiter unten in dem Abschnitt über Template override.


Plugin-Konfigurationen

Inhalte -> Plugin -> installierte Plugins -> ad katcarousel

Nachfolgend werden die relevanten Konfigurations-Möglichkeiten erklärt:
Globale Einstellungen
Ansicht: Globale Einstellungsmöglichkeiten direkt im Plugin.

  • Plugin Status: Aktiviert das Plugin für den Shop.
  • Status: Kategoriekarussell pro Mandant aktivieren oder deaktivieren.
  • Beschreibung: Produktkurzbeschreibung anzeigen oder nicht.
  • Navigation: Navigation in Form von kleinen Punkten unter dem Karussell.
  • Bildgröße: Die max. Bildgröße (Breite) eines Bildes.
    Merke: Diese Einstellung setzt eine passende Konfiguration der Kategoriekarussell img-Klasse voraus
  • Bildfortlauf: Die Anzahl der Produktsprünge bei Klick oder nach Zeit.
  • Zwischenabstand: Der horizontale Abstand zwischen zwei Produkten.
  • Kategorieanzahl: Anzahl der im Karussell zu zeigenden Kategorie.
  • Autoplay: Das Karussell dreht sich automatisch.
  • Kategorie Name: Zeigt den Kategorienamen an.
  • Pause bei mouseover: Pausiert das Karussell, solange die Maus darüber ist.
  • Anzeigezeit Autoplay: Setzt "Autoplay" voraus: Die Zeit, wie lange ein Produkt angezeigt wird.
  • Karussellgeschwindigkeit: die Geschwindigkeit, die der Wechsel zum nächsten Bild dauert (Effektgeschwindigkeit).

Plugin-Bedienung & Anwendung:

1. Kategorie dem Karussell zuordnen

Gehen Sie in den Adminbereich des Shops und öffnen die "bearbeiten Ansicht" des gewünschten Kategories:
Shop -> Kategorie -> rechts Klick auf die kategorie -> Kategorie Bearbeiten
kategorie zuordnen
Kategorie dem Karussell zuordnen

Über das Häkchen "Kategoriekarussell" Können Sie den Kategorie im Karussell aktivieren oder deaktivieren.

2. Die img-Klasse des Kategorie Karussells anpassen

Wenn gewünscht, können Sie über die Shopinterne Image Processing Funktion, alle Bilder für das Kategoriekarussell komfortabel mit wenigen Klicks verändern.
Dafür wurde eigens für das Karussell, eine eigene img-Klasse erstellt.

So gelangen Sie zu den Einstellungen für die img-Klasse:
Inhalte -> Media -> Bildtype
Image Klasse
img-Klasse des Kategoriekarussells (Blau markiert)

Klicken Sie bei der "ad_katcarousel" img-Klasse auf bearbeiten (oder Doppelklick) und verändern die Werte nach Ihren Wünschen.

Anschließend müssen die Bilder über die Shopinterne Image Processing Funktion neu erstellt werden.
So gelangen Sie zum Image Processing:
Inhalte -> Media -> Media Gallery -> Kategoriebilder
Image Processing
Image Processing des Shops

Durch Klick auf den Button "Image Processing" werden die Bilder für den Shop neu berechnet und erstellt.
Achtung: Es werden alle Bilder neu generiert! Dies kann je nach Bilderanazahl einige Zeit in Anspruch nehmen.

Weitere Informationen zum Image Processing finden Sie auch in der Anleitung von xt:Commerce:
https://xtcommerce.atlassian.net/wiki/pages/viewpage.action?pageId=917758


Optische Anpassungen & Template override

Grundsätzlich können Sie das Plugin optisch frei nach Ihren Wünschen anpassen, ohne dass Sie Dateien des Plugins "Plugin Name" verändern müssen. Das hat den Vorteil, dass bei einem Update keine Dateien überschrieben und Änderungen verloren gehen.

CSS Anpassungen:
Sie können die gewünschten CSS-Regeln in Ihre CSS-Datei des aktiven Templates einfügen und beeinflussen. Regeln in Ihrer eigenen CSS-Datei werden die Regeln im Plugin überschreiben.

Erweiterte Anpassungen:
Darüber hinaus können Sie die Template-Datei des Plugins in Ihr eigenes Template kopieren und so auch dieses anpassen. Sie können auch die Template-Dateien direkt im Plugin ändern, wir empfehlen aber das Vorgehen wie zuvor beschrieben.

Gehen Sie zum kopieren der Template-Dateien (sofern im Plugin vorhanden) wie folgt vor:

  • Kopieren aller Dateien im Ordner: plugins/Plugin Name/templates/
  • Einfügen in: templates/[MY_TEMPLATE]/plugins/Plugin Name/

Achtung: Unsachgemäße Änderungen an der Template-Datei (auch in Ihrem eigenem Template) können dazu führen, dass das Plugin oder der Shop nicht mehr korrekt funktionieren.