Jump to content

[Devkit 1.7.0.4] Ajouter un fichier custom.js erreur de syntaxe


Recommended Posts

Bonjour,

 

J'utilise actuellement la version 1.7.0.4 de prestashop, pour le thème que je dois faire actuellement j'utilise le webkit qui ne pose pas de problème lors de la compilation des fichiers scss et js.

J'ai essayé d'ajouter un fichier js pour mes petites fonctions perso. mais c'est là que je rencontre quelques problèmes.

Je souhaite ajouter les numéros de référence mais seulement lors d'un clique sur un bouton. cela fonctionne plus ou moins. Le bouton fonctionne lors du chargement de la page, mais si je choisi un ordre de tri différent, et que la page se recharge, mon bouton ne fonctionne plus du tout.

Je dois dire que je n'ai pas encore beaucoup de connaissance en javascript et je ne trouve pas ou est mon erreur.

Voici mon code :
 

import $ from 'jquery';

function jsafficherreference() {
      $('.js-supprimer-reference').on(
          'click',
          (event) => {
            $('.js-afficher-reference').removeClass('hidden-xs-up');
            $('.js-supprimer-reference').addClass('hidden-xs-up');
            $('.thumbnail-product-reference').addClass('hidden-xs-up');
        }
      );
    }
    function jssupprimerreference() {
      $('.js-afficher-reference').on(
          'click',
          (event) => {
            $('.js-afficher-reference').addClass('hidden-xs-up');  
            $('.js-supprimer-reference').removeClass('hidden-xs-up');
            $('.thumbnail-product-reference').removeClass('hidden-xs-up');
        }
      );
    }

function setupCustomScripts() {
    jsafficherreference();
    jssupprimerreference();
}

$(document).ready(setupCustomScripts);

ainsi que l'import dans le fichier theme.js

import './custom';

ce qui me génère ce code ci :

function(module, exports, __webpack_require__) {
    
    'use strict';
    
    function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
    
    var _jquery = __webpack_require__(4);
    
    var _jquery2 = _interopRequireDefault(_jquery);
    
    function jsafficherreference() {
      (0, _jquery2['default'])('.js-supprimer-reference').on('click', function (event) {
        (0, _jquery2['default'])('.js-afficher-reference').removeClass('hidden-xs-up');
        (0, _jquery2['default'])('.js-supprimer-reference').addClass('hidden-xs-up');
        (0, _jquery2['default'])('.thumbnail-product-reference').addClass('hidden-xs-up');
      });
    }
    function jssupprimerreference() {
      (0, _jquery2['default'])('.js-afficher-reference').on('click', function (event) {
        (0, _jquery2['default'])('.js-afficher-reference').addClass('hidden-xs-up');
        (0, _jquery2['default'])('.js-supprimer-reference').removeClass('hidden-xs-up');
        (0, _jquery2['default'])('.thumbnail-product-reference').removeClass('hidden-xs-up');
      });
    }
    
    function setupCustomScripts() {
      jsafficherreference();
      jssupprimerreference();
    }
    
    (0, _jquery2['default'])(document).ready(setupCustomScripts);

/***/ }

Merci d'avance pour votre aide précieuse.

 

Monnier Eric

post-1273942-0-63522800-1486136959_thumb.png

post-1273942-0-94382400-1486137184_thumb.png

Edited by Eric Monnier (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More