Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Kalles - Banner parallax

Alfred

Written by Alfred

Last updated

421 views

On this page


Banner Parallax is one of the outstanding features. By using it, it's possible to make a professional and beautiful section. This is an example of Banner Parallax.

Steps: In the theme editor (Customize) > Add section > Banner parallax > Save.

1. Banner parallax content

You are allowed to add Text, Button, HTML, Image(Child), Countdown timer, Space HTML, Form newsletter to this section.

Click on Banner parallax > ADD BLOCK > choose the block you want to add.

You can refer to this video to know more about these blocks:

2. Banner Parallax Settings

2.1. GENERAL OPTIONS

  • This section allows you to upload an image and adjust Section height including Full screen, Adapt to image, and Custom height.

  • Enable parallax scroll: Enable it to make a banner as my above video example. If you want your banner fixed, please untick it.

  • Image position: This option doesn't work when enabling parallax scroll.

  • Banner link: Add a link here to make your banner clickable. You can also choose to open link in the current window or a new window.

  • Moreover, you are allowed to choose Content align and Content width for the banner.

2.2. CONTENT BACKGROUND, COLOR OPTIONS

Helps you config the color/design for the content box. Please check video below for detailed:

2.3. CONTENT POSITION OPTIONS

  • Helps you config the vertical/horizontal position of the content box.

  • "Content horizontal position" options don't work when using "Content width" is 'Container'

2023-06-14_14-43-11.gif

ANIMATION OPTIONS: You can change Duration animation each block and Time animation delay.

2.4. DESIGN OPTIONS

Please follow this guideline to config Layout, Background, Margin/Padding for the section.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.