Problème suite installation thème enfant

[Lynda]

Bonjour.

Je viens de créer un thème enfant pour mon site. J'ai deux problèmes avec ce thème enfant :

- les sélecteurs de langue et de devise ne fonctionne plus en page d'accueil (mais fonctionnent sur les autres pages),

- la disposition des images du module "Images gallery" est incorrecte. Les images sont disposées verticalement et non pas horizontalement (voir "Shop by categories" sur le site).

Voici le lien : http://kalycashop.org/index.php

J'ai un autre site sur lequel j'ai aussi créé un thème enfant pour essayer, et j'ai exactement les deux mêmes soucis.

Avez-vous déjà rencontré ce genre de problème ?

Merci pour votre aide.

Edited August 21, 2019 by Jojo Kaly (see edit history)

[Alexandre Carette]

bonjour, y a til une erreur dans la console javascript ? cordialement

[Lynda]

Bonjour, Alexandre.

Voici ce que j'ai dans la console :

Uncaught TypeError: $(...).flexisel is not a function
    at HTMLDocument.<anonymous> (scripts.js:2)
    at u (core.js:39)
    at Object.fireWith [as resolveWith] (core.js:39)
    at Function.ready (core.js:39)
    at HTMLDocument.H (core.js:39)

[Alexandre Carette]

du coup commente la fonction flexisel dans scripts.js

[Lynda]

Voici le script.js. Est-ce bien ce que tu me demandes ?

 

jQuery(document).ready(function() {
  $(".pk-categories-list ul").flexisel({
      pref: "pkcl",
      visibleItems: 4,
      animationSpeed: 500,
      autoPlay: false,
      autoPlaySpeed: 3000,            
      pauseOnHover: true,
      enableResponsiveBreakpoints: true,
      clone : true,
      responsiveBreakpoints: { 
          portrait: { 
              changePoint:400,
              visibleItems: 1
          }, 
          landscape: { 
              changePoint:768,
              visibleItems: 2
          },
          tablet: { 
              changePoint:991,
              visibleItems: 3
          },
          tablet_land: { 
              changePoint:1199,
              visibleItems: 4
          }
      }
  });                               
}); 

[Alexandre Carette]

il y a un pb a ce niveau qui fait péter tout le site, il faut donc régler cette erreur,

cordialement

[Alexandre Carette]

je pense que la bibliothèque js  flexisel n est pas chargé du coup il ne trouve pas le code et ca pete,

-->https://github.com/9bitStudios/flexisel/tree/master/js

Edited August 21, 2019 by Alexandre Carette (see edit history)

[Lynda]

Merci pour toi aide, Alexandre.

Pourrais-tu m'expliquer comment charger cette bibliothèque ?

[Alexandre Carette]

dans la fonction setmedia de ton module tu inseres ca:

public function setMedia()
    {
        parent::setMedia();

// ... plein de code.... 
        $this->registerJavascript('flexisel', 'modules/'.$this->module->name.'/views/js/jquery.flexisel.js');
    }

cdt 

Edited August 21, 2019 by Alexandre Carette (see edit history)

[Lynda]

Je dois l'insérer dans le fichier de quel module ? Dans le script, il y a le module "pk-categories-list", mais je n'utilise pas ce module.
Je ne comprends pas non plus pourquoi je devrais toucher aux fichiers du thème parent, alors que ce dernier fonctionne bien...

Merci

Edited August 21, 2019 by Jojo Kaly (see edit history)

[Lynda]

Je viens de désactiver le module "pk-categories-list" et là, miracle, les sélecteurs de langue et de devise fonctionnent de nouveau en page d'accueil ! Ce module provoque donc bien un conflit avec le thème enfant.

En revanche, les images du module "Images gallery" sont toujours mal disposées...
Mais on avance... encore merci pour ton aide, Alexandre.

Désormais, j'ai ça dans la console :

 

Trying to start timer when countdown already at 0
commonscripts.js:216 Uncaught TypeError: $.cookie is not a function
    at HTMLDocument.<anonymous> (commonscripts.js:216)
    at u (core.js:39)
    at Object.add [as done] (core.js:39)
    at m.fn.init.m.fn.ready (core.js:39)
    at commonscripts.js:34
firebug-lite.js:11885 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

Edited August 21, 2019 by Jojo Kaly (see edit history)

[Lynda]

Je viens de remarquer qu'il y a un autre bug : le lien "Inscription" pour créer un nouveau compte ne fonctionne pas non plus sur le thème enfant. Plutôt que d'essayer de résoudre tout ces problème un à un, je pense donc qu'il faudrait essayer de comprendre le bug général du thème enfant.

[Alexandre Carette]

Pour moi les modules sont mal installés sur le thème enfant du coup les librairies JS ne sont pas installés, ca te crée des erreurs js et plus rien ne marche, 

cordialement 

Edited August 21, 2019 by Alexandre Carette (see edit history)

[Lynda]

Ce que j'ai compris du principe du thème enfant, c'est qu'il utilise tous les fichiers du thème parent, sauf ceux qui sont dans son dossier (càd les fichiers modifiés). N'ayant rien ajouté dans le dossier du thème enfant, celui-ci devrait se comporter exactement comme le thème parent.
Donc je ne comprends pas pourquoi tu parles d'installation de modules dans le thème enfant...

[Alexandre Carette]

regarde le code source de ta page, y a t-il commonscripts.js d'injecté ?

cordialement

[Lynda]

Alexandre, peux-tu me dire de quelle page tu parles ? La page d'accueil du thème enfant ? Je dois regarder dans un fichier du FTP ou bien le code source via Firebug ?
Je suis désolé pour mes questions de novice...   😳

[Alexandre Carette]

le code source via Firebug

[Lynda]

Sur le thème enfant, je trouve les deux occurrences suivantes de "commonscripts.js":

<script src="https://www.monsite.fr/modules/pk_themesettings/assets/js/commonscripts.js" async=""></script>

<option value="25">commonscripts.js</option>

Sur le thème parent, je ne trouve que la première ligne.

Edited August 25, 2019 by Jojo Kaly (see edit history)

[Lynda]

Vous pensez que le problème peut venir de cette seconde ligne ?

[Alexandre Carette]

non je ne pense pas, dans tout les cas il faut regler cette erreur de javascript, cordialement

[Lynda]

Est-ce que tu aurais une idée sur la façon dont je peux régler cette erreur ?

Merci