Instructions

Key details for optimal template use.

Optional Enhancement: Smooth Scroll

To achieve the optimal, high-end editorial feel of Visia, I highly recommend adding a refined smooth scrolling experience powered by Lenis. This enhances the weight and feel of transitions across the site.

How to enable it:

You can easily integrate this by copying the snippet below and pasting it into your Site Settings → Custom Code → Footer Code.

<!-- Smooth scroll -->
<link rel="stylesheet" href="https://unpkg.com/lenis@1.2.3/dist/lenis.css">
<script src="https://unpkg.com/lenis@1.2.3/dist/lenis.min.js"></script>
<script>
let lenis = new Lenis({
  duration: 2.5, // Controls scroll smoothness (higher = smoother, lower = faster)
});
function raf(time) {
  lenis.raf(time);
  requestAnimationFrame(raf);
}
requestAnimationFrame(raf);
</script>

Adjusting scroll smoothness

Once added, the scrolling behavior can be fine-tuned through the duration parameter in the code above.

duration: 2.5,

• Higher values → smoother, more gradual scrolling
• Lower values → faster, more responsive scrolling

To restore the browser’s default native scrolling behavior at any time, simply delete the snippet from your Site Settings.