Search
Search
Bootstrap and Vanilla JS
hugolify-theme-bootstrap layers Bootstrap JS components. Each component can be enabled or disabled individually. Some Vanilla JS are also added (Menu, Blocks…).
/config/_default/params.yaml
bootstrap:
collapse: true # default true
dropdown: true # default true
modal: true # default true
offcanvas: true # default true
carousel: false # default false
popover: false # default false
scrollspy: false # default false
tab: false # default false
toast: false # default false
tooltip: false # default false
/config/default/params.yaml
animation: false # default true, Set true to enable
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
/config/default/params.yaml
map: true # default true, Set false to disable
tile: 1 # default 0, Set 1 to 11 to change tile
/config/default/params.yaml
parallax:
enable: false # default false, Set true to enable
/config/default/params.yaml
vimeo: false # default false, Set true to enable
/config/default/params.yaml
youtube: false # default false, Set true to enable
Place a file at the same path to replace a theme JS file entirely (Hugo’s asset priority: project > theme > modules).
assets/
└── js/
└── blocks/
└── chart.js
Import your specific files in custom files.
assets/
└── js/
└── components/
└── custom.js
To override how components are imported:
/assets/js/components/index.js
assets/
└── js/
└── features/
└── custom.js
assets/
└── js/
└── vendors/
└── custom.js