Magento 2: FlipFlip 3D FlipBook - Plugin jQuery

Question

J'essaie d'utiliser le plugin dFlip jquery sur Magento 2 sans succès.

J'ai ajouté les fichiers CSS à l'default_head_blocks.xml

Voici les requirejs-config.js:

"map": { 
    "*": { 
     'dflip_js': 'js/dflip' 
    } 
}, 

Et à mon fichier phtml:

<script> 

var dFlipLocation = "https://www.my-domain.pt/dev/testing/pub/static/frontend/vendor/theme/pt_PT/"; 

require([ 
    "jquery", 
    "dflip_js" 
], function ($) { 
    var flipBook; 

    //dflip assets location is other domain or folder.. once is enough 

    var pdf = "https://www.my-domain.pt/file.pdf"; 
    var options = {height: 500}; 
    flipBook = $("#flipbookContainer").flipBook(pdf, options); 

}); 

Je sais que je ne devrais pas utiliser une URL absolue comme ça, mais j'essaie juste d'obtenir ceci pour fonctionner.

Ma console est pleine d'erreurs ..

Tout le monde ici a ce plugin pour travailler avec magento 2?

merci!

Answer 1

La propriété dFlipLocation est incorrecte. Elle doit pointer vers le dossier où réside le contenu de dflip. Une fois correct Three.js va charger et ça va fonctionner .. Le dflip.js est appelé correctement .. juste les bibliothèques de support doit être pointée ..

Si l'emplacement est correct, vous pouvez toujours pré-charger trois. js à travers une balise de script .. Même cela va fonctionner ..