Comment changer les fichiers templates et CSS afin d'intégrer mon thème ?

Si les boutons s’affichent mal ou n’apparaissent pas avec votre thème, commencez par les réglages du module et par la vérification du conteneur HTML ciblé.

Vérifier les positions et le design

Dans « Gestion de la position des connecteurs (hooks natifs) », vérifiez l’affectation des connecteurs à l’emplacement voulu. Les réglages de « Gestion du design (hooks natifs) » et ceux des positions avancées permettent d’adapter le bloc. Pour un thème qui utilise un autre conteneur, suivez la procédure de positionnement avancé.

Repères pour votre intégrateur

Les chemins suivants sont relatifs au dossier modules/facebookpsconnect/ :

• views/js/front/social_login.js construit les boutons et les insère dans les éléments HTML configurés, après réception des données de controllers/front/ajax.php.
• views/css/hook.css et views/css/bootstrap-social.css font partie des styles chargés en front-office.
• views/css/connectors.css contient les styles générés à partir des réglages de position.
• views/templates/front/ et views/templates/hook/ contiennent les écrans et fragments complémentaires ; les boutons de connexion courants sont construits par le JavaScript indiqué ci-dessus.

Prérequis de positionnement : le sélecteur configuré doit correspondre à un conteneur présent sur la page du thème. Les anciens IDs header_user, center_column ou opc_new_account ne sont pas des prérequis universels pour tous les thèmes.

Le module utilise des sélecteurs différents selon les versions de PrestaShop ; le thème peut également les modifier. Faites inspecter le DOM réel par votre intégrateur. Vérifiez aussi les contrôles d’affichage sur la page de connexion.

Ne personnalisez pas directement views/css/connectors.css : le module le régénère après certaines modifications de réglages. Faites conserver les adaptations spécifiques dans le mécanisme de personnalisation de votre thème et sauvegardez-les avant une mise à jour.

Si vous ne maîtrisez pas CSS, JavaScript et les templates de votre thème, demandez l’aide de votre intégrateur ou du support. Le rendu avec votre thème doit être vérifié sur votre boutique de test.