xt Commerce 4 Veyton Plugins

xt:Commerce 4 & 5 Plugins

Plugin Entwicklung & Programmierung

Jetzt Anfragen

Kategorien präsentieren

Kategorien präsentieren

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

99

EUR 99,00 *

zzgl. 19 % USt Versandkostenfrei

Sie können das Plugin kostenfrei für 21 Tage testen!

  • Lizenz:
  • Installationsservice:

Bitte treffen Sie eine Auswahl für alle benötigten Felder!

Testlizenz anfordern

Kategorien präsentieren

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


Hinweis: Das Karussell oben ist ein Produktkarussell. Das Hersteller und Kategoriekarussell funktionieren auf die gleiche Art und Weise, es werden lediglich die entsprechenden Daten (Hersteller oder Kategorien) statt der Produkte geladen.

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.


Systemvoraussetzungen:

Das Plugin ist für das Shopsystem xt:Commerce Veyton 4 entwickelt und getestet, für die Versionen: 4.0.13, 4.0.14, 4.0.15, 4.0.16, 4.1.00. Die Aufwärtskompatibilität ist in der Regel gegeben, kann jedoch nicht garantiert werden.

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

Installation & Anleitung

Installation:

Wichtig: Vor der Installation eines Plugins sollten stets alle Daten (Datenbank und Daten) des Shopsystems gesichert werden um Datenverlust zu vermeiden! Sie können die Installation des Plugins gegen eine geringe Gebühr auch schnell und sicher durch uns erledigen lassen. Unsere Kontaktdaten finden Sie auf der letzten Seite dieser Anleitung.

Ablauf der Installation:

  1. Backup des Shopsystems.
  2. Das Plugin entpacken und die entpackten Daten (Pluginordner) per FTP auf den Server in den Ordner: /plugins des Shops hochladen.
  3. Die zu dem Plugin gehörende Lizenz-Datei (ad_katcarousel.txt) per FTP in den Ordner /lic des Shops hochladen. Die Lizenz bekommen Sie nach dem Kauf und Bezahlung des Plugins per E-Mail zugesandt. 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.

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:

In dem Ordner "/css" im Pluginordner: "ad_katcarousel" finden Sie die zum Plugin gehörigen CSS-Regeln.
Verändern Sie diese Datei nicht! Stattdessen können Sie alle Regeln dazu einfach in Ihrem aktiven Shoptemplate überschreiben. Fügen Sie dazu einfach die entsprechenden CSS-Regeln in Ihre Template CSS-Datei ein, das System wird diese dann automatisch über die Regeln des Plugins laden und bevorzugen.


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

Downloads

Hinweis: Um das Plugin in Ihrem Shop nutzen zu können, benötigen Sie eine gültige Lizenz oder Testlizenz.

Datei Dateigröße
ad_katcarousel_v1.0.0.zip

ad_katcarousel_v1.0.0.zip

0.06 MB

Dazu passende Artikel

Slideshow, Diashow, Bilderfolge

Slideshow, Diashow, Bilderfolge

Bilder als Slideshows an beliebigen Orten Ihres Shops anzeigen.

EUR 99,00 *

zzgl. 19 % UStVersandkostenfrei

zum Plugin

Warenkorb teilen - Produktliste weitergeben

Warenkorb teilen - Produktliste weitergeben

Mit einem Klick den Warenkorb veröffentlichen und als Link verfügbar machen.

EUR 149,00 *

zzgl. 19 % UStVersandkostenfrei

zum Plugin

Hersteller präsentieren (Karussell)

Hersteller präsentieren (Karussell)

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

EUR 99,00 *

zzgl. 19 % UStVersandkostenfrei

zum Plugin

Produkte präsentieren

Produkte präsentieren

Das Plugin zeigt die gewählten Produkte in einem Karussell Effekt.

EUR 99,00 *

zzgl. 19 % UStVersandkostenfrei

zum Plugin