Shop tools and products designed to inspire

Following Page Canvases

Place the canvas wherever you would like on the page and edit your content. You can add more text and images but the only content that will be set to parallax is all images out of the box. Keep in mind, it will alternate left and right parallax depending on how many text elements you have, so you will need to preview to test and see how you like the transition orientation. You can move these anywhere on the canvas and it will give a different effect.

In your current design, from the SITE settings, select the + to add a new page and select Add from library. Click the page title in the left sidebar and from the ••• settings menu click Add From Library. Go to My Library and locate the Parallax Images Canvas Add On by Northfolk, select the page and Apply My Fonts and Colors and ADD.

Parallax Images

Instructions for your new

// Adjust settings
canvasId: 'parallax-text', // The ID of your canvas
elementType: '.se-img', // Target text elements (can be customized)
dataAttr: 'data-parallax', // Data attribute to store parallax type
speedX: 0.1, // Default horizontal speed
smoothing: 0.1, // Animation smoothing factor

This is accomplished with Javascript, so in order to adjust the speed or title of the canvas you will do so in the page Advanced Settings.

Open the Page Loaded Javascript code editor and look for the // Adjust Settings content at the top. The main things you will want to edit is the canvas title. For example, if you change the canvas name from Parallax Text to Kind Words, you will need to change the canvasId from ~~parallax-text~~ to kind-words. You can also change the element type that the script is targeting and the speed: Lower=Slower Higher=Faster.

This will not show in the Showit customizer, you will need to preview to view changes

Preview instructions on Desktop :)