Template Options

The file 📄 js/components.js contains all the template components initialization and custom code. At the very beginning of this file, you'll find the available template options which are safe to customize:

/**
 * Default Template Options
 */
if (typeof window.kinsey === 'undefined') {
  window.kinsey = {
    loading: new Preloader(),
    theme: {
      ajax: {
        enabled: true,
        preventRules: '', // jQuery selectors of the elements to exclude them from AJAX transitions
        updateNodesAttributes: '',
        updateScriptNodes: '',
        loadMissingScripts: true,
        loadMissingStyles: true,
        evalInlineContainerScripts: false
      },
      animations: {
        triggerHook: 0.15,
        timeScale: { // slow down or speed up the animations
          onScrollReveal: 1.0,
          overlayMenuOpen: 1.0,
          overlayMenuClose: 1.5,
          preloader: 1.0,
          ajaxFlyingImageTransition: 1.0,
          ajaxCurtainTransition: 1.0
        }
      },
      cursorFollower: {
        enabled: true,
        highlight: {
          scale: 1.5
        },
        arrows: {
          distance: 45
        },
        trailing: 8,
        animationDuration: 0.25
      },
      smoothScroll: { // more info https://github.com/idiotWu/smooth-scrollbar/tree/develop/docs
        enabled: true,
        damping: 0.12,
        renderByPixels: true,
        continuousScrolling: false,
        plugins: {
          edgeEasing: true,
          disableScroll: {
            direction: 'x'
          }
        }
      },
      mobileBarFix: {
        enabled: true,
        update: true
      },
      isFirstLoad: true
    },
    assets: {
      promises: []
    }
  }
}