Personnaliser le module – Documentations NdkDesign

Comme pour tous modules Prestashop il est conseille d’utiliser les surchages pour modifier le css/js/tpl du module

Aussi le module vous permet de surcharger plus simplement js et css avec ces 2 fichiers (à crére par vos soins):

prestashop 1.6 :

 

/themes/votre_theme/css/modules/ndk_advanced_custom_fields/views/css/custom.css

/themes/votre_theme/js/modules/ndk_advanced_custom_fields/views/js/custom.js

prestashop 1.7 :

/themes/votre_theme/modules/ndk_advanced_custom_fields/views/css/custom.css

/themes/votre_theme/modules/ndk_advanced_custom_fields/views/js/custom.js

Pour modifier les couleurs principales le modules possède des variables que vous pouvez alors surcharger :

mettez par exemple dans le fichier css (ceci sont les couleurs natives du modules)

:root {

   --ndkacf-loader-width: 70px;

   --ndkacf-loader-height: 70px;

   --ndkacf-loader-color-primary: #333;

   --ndkacf-loader-color-secondary: #999;

   --ndkacf-line-width: 3px;

   --ndkacf-animation-duration: 2s;

   --ndkacf-loader-initial-scale: .1;

   --ndkacf-ui-color-primary: #4af;

   --ndkacf-ui-color-hover: #71d791;

   --ndkacf-ui-color-soft: #ebebeb;

   --ndkacf-ui-soft-bg: #f5f5f5;

   --ndkacf-ui-main-bg: #fff;

   --ndkacf-ui-color-remove: #f55;

   --ndkacf-ui-main-text-color: #333;

}

knowledgebase