Skip to main content
Skip table of contents

Parallax

These instructions for updating this component refer to websites on our Themes 2.0 platform. You can check to see if your website is on that platform by reviewing your contract or by logging into your website, click on the Website tab, click on the Setup subtab, click Site profile, and check under Features to see if it says Theme 2.0 with a theme name next to it. This will also indicate which theme your website is on which you can use when looking at the filename list. If you don’t see that text, then that means your site is not on our Themes 2.0 platform.

Themes 2.0 Label Location.png

Filenames for this component by catalog theme:

Align: headlines-parallax

Alliance: headlines-parallax

Dynasty: headlines-parallax

Elite: headlines-parallax

Finish Line: headlines-parallax

Hardball: navbar-parallax

Knockout: headlines-parallax

Lateral: headlines-parallax

Revolution: headlines-parallax

Velocity: headlines-parallax

Instructions

  1. Sign in to your website and click on the Website tab

  2. Navigate to the images section

  3. Navigate to the parallax section and upload the files there. If there isn’t a subsection like that you can create it and then upload the files in there. You can find instructions for creating sections here.

  4. Navigate back to the root directory of the Website tab

  5. Navigate to the appropriate file based on the theme your site is on and click edit content

  6. This component can only display one image, so you will need to remove the one connected to it to add the new image. Check the box next to the file under Featured pages and click Remove

    2024-07-10_11-30-54.png

  7. Click the gray box next to the Image URL field, select the new parallax image you uploaded and then click Add

  8. Click Save Changes

Video instructions:

The following themes support connecting a logo to the thumbnail of the file powering the component:

Align
Alliance
Dynasty
Elite
Finish Line
Knockout
Lateral
Rookie
Velocity

  1. Sign in to your website and click on the Website tab

  2. Navigate to the images section

  3. It’s recommended that you upload this logo within the same section where you uploaded the parallax image

  4. Once you upload the logo navigate back to the root directory of the Website tab

  5. Navigate to the appropriate file based on the theme your site is on and click edit content

  6. Click on the gray box next to the Thumbnail field to select the logo from where you uploaded it

    2024-07-10_13-54-44.png

  7. Click Save Changes

The following themes support adding text to overlay over the image in the component:

Alliance
Dynasty
Elite
Finish Line
Knockout
Lateral
Rookie
Velocity

  1. Sign in to your website and click on the Website tab

  2. Navigate to the appropriate file based on the theme your site is on and click edit details

  3. Add the text you want to display in the Title and Lead-in fields. The text in the Title field will display larger within the component than the text in the Lead-in field.

    2024-07-10_13-56-42.png

  4. Click Save Changes

Hardball Theme Instructions

This theme uses a different content type for the file that powers this component, so the instructions for updating it are different than the rest of the themes.

  1. Sign in to your website and click on the Website tab

  2. Navigate to the images section

  3. Navigate to the parallax section and upload the files there. If there isn’t a subsection like that you can create it and then upload the files in there. You can find instructions for creating sections here.

  4. Navigate back to the root directory of the Website tab

  5. Navigate to the file named navbar-parallax and click edit content

  6. Click on the gray box next to the Secondary URL field to select the new parallax image you uploaded

    2024-07-10_13-59-21.png

  7. Click Edit Details

  8. Connect that same parallax image to the Thumbnail field by clicking on the gray box next to that field:

    2024-07-10_14-08-01.png

  9. Click Save Changes

Video instructions:

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.