Javascript

To replace or add javascript…

File override

The js files override is possible by keeping the same tree structure and allows to overwrite the javascript of the theme to replace it with a specific javascript.

assets/
└── js/
    └── blocks/
        └── chart.js

Add specific files

import your specific files in custom files.

Components

assets/
└── js/
    └── components/
        └── custom.js

If you want override basic import components:

/assets/js/components/index.js

Features

assets/
└── js/
    └── features/
        └── custom.js

Vendors

assets/
└── js/
    └── vendors/
        └── custom.js

Enable/disable

Animation

/config/default/params.yaml

animation: false # default true, Set true to enable

Bootstrap

/config/default/params.yaml

bootstrap:
  carousel: false # default false, Set true to enable
  collapse: true # default true, Set true to enable
  dropdown: true # default true, Set true to enable
  modal: true # default true, Set true to enable
  offcanvas: true # default true, Set true to enable
  popover: false # default false, Set true to enable
  scrollspy: false # default false, Set true to enable
  tab: false # default false, Set true to enable
  toast: false # default false, Set true to enable
  tooltip: false # default false, Set true to enable

Blocks

Files from enabled blocks (w/ Hugolify admin) are automatically added. The name of the javascript file is the same as the block name and must be in the blocks directory /assets/js/blocks/.

If you do not use Hugolify admin, blocks files are fallback in this file:

/assets/js/blocks/index.js

/config/default/params.yaml

carousel: true # default true, Set false to disable
Splide JS

Map (Leaflet)

/config/default/params.yaml

map: true # default true, Set false to disable
Leaflet JS

Parallax (Rellax)

/config/default/params.yaml

parallax: 
  enable: false # default false, Set true to enable
Rellax