wmdb_int_rollerdriveproductfinder

RollerDrive Product Finder

Struktur

Die Frontend-Anwendung builded aus den Sourcefiles im src Ordner.

Die an den Kunden ausgelieferten Dateien befinden sich ausschließlich im build Ordner und bestehen aus einer CSS und einer JS Datei.

Analog zum CartonFlow Tool werden daher die JS & CSS Dateien in der Klasse Classes/Dispatcher/Plugin/CartonFlow.php eingebunden.

Typo3 Integration

Für die Typo3 Integration haben wir alle Dateien analog dem CartonFlow Tool erstellt und entsprechend angepasst. Bei folgendem Thema bedarf es jedoch zusätzlicher Anpassung durch WMDB.

Variante auswählen

Die Anwendung gibt es in zwei Versionen. Aktuell kann man die Version nur in der Typo config auswählen. Siehe setup.txt:

plugin.tx_wmdbintrollerdriveproductfinder_pi1 {
    conf {
        # HTML Template Rootfolder
        templateRoot = EXT:wmdb_int_rollerdriveproductfinder/resources/Private/Templates/Content/
        # Asset URL
        rollerDriveProductFinderAssetUrl = /typo3conf/ext/wmdb_int_rollerdriveproductfinder/public/media
        # This extension can be displayed in two versions: ["VARIANT_ALL"] || ["VARIANT_50MM"]
        rollerDriveProductFinderVariants = ["VARIANT_ALL"]
    }
}

Die Variante sollte jedoch pro einzelner Unterseite individuell einstellbar sein. Vermutlich ist daher die Extension Config der falsche Ort dafür. Am besten wäre ein Dropdown oder ähnliches, mit welchem man zwischen "Alle Motore" und "50mm Variante" wählen kann. Die Variante kann dann in der resources/Private/Templates/Content/RollerDriveProductFinder.html ausgegeben werden:

<script id="carton-flow-uris">
  window.rollerDriveProductFinderAssetUrl = '{conf.conf.rollerDriveProductFinderAssetUrl}';
  window.rollerDriveProductFinderPimUrl = location.protocol + '//' + location.host + location.pathname + '?eID=get_product_detail_page&pim_identifier=CR1100';
  window.rollerDriveProductFinderVariants = '{conf.conf.rollerDriveProductFinderVariants}';
</script>
<noscript>
  You need to enable JavaScript to run this app.
</noscript>
<div id="product-finder-root"></div>

In Zeile 4 des Templates würde dann die jeweilige Variante ausgegeben werden:

  window.rollerDriveProductFinderVariants = '["VARIANT_ALL"]';

bzw. für die "50mm Variante":

  window.rollerDriveProductFinderVariants = '["VARIANT_50MM"]';