addMagnificPopup()

This template is using Magnific Popup to show a lightbox. You can customize it using the options here : Magnific popup Options

smoothScroll(id)

Anytime you click on a link going to an anchor link on the same page, use this function to have a smooth scroll effect.

Configuration:

  1. Add an ID to the target div. Example: <div id="targetDiv">content</div>
  2. On the link, in the href attribute, add the ID of the targeted div and add the "smoothScroll" class.
    Example: <a href="#targetDiv" class="smoothScroll">Click here to go the target Div</a>
  3. Call the function inside the $( document ).ready(function() (between line 17 and 40), with the id as a parameter.
    Example: smoothScroll("#targetDiv");

generateImages()

This function is used in Gallery 2. You can use the documentation here

slickCarousel()

Slick Carousel is used in Gallery 4. You can use the documentation here.
If you need to personalize it more, you can use the official documentation here.