Contact Us

Contact NextSky if you need further assistance.

Collection banner

Steps

  1. In the theme editor (Customize), open the template selector.
  2. Select Collections, then Collection banner.
  3. On the left-sidebar, add Collection banner.
  4. Make necessary changes > Save.

Section settings

General settings

SettingDescription
Section width

3 options for container

  • Stretch width: span the section width regardless of screen size.
  • Fix width: depends on your page content width in Theme settings -> Layout.
  • Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Color schemeSelect colors from Theme settings -> Colors
Desktop content position

3 options for the desktop content position

  • Middle left
  • Middle center
  • Middle right

-> Position is automatically optimized for mobile.

Show collection image

Display images of the collection.

Add a description or image by editing your collection. Learn more

Show breadcrumbDisplay breadcrumb
Show collection description

Display description of the collection.

Add a description or image by editing your collection. Learn more

Overlay image

SettingDescription
Heading overlay collection imageWhen enabled, the content will be displayed over banner image
Desktop height

3 options for the desktop height

  • Adapt to image size
  • Based on content
Image overlay opacityCustomize the image overlay opacity

Section padding

  • Top padding: Customize the top margin of the section
  • Bottom padding: Customize the bottom margin of the section

Comments

No comments yet

Looking for Help?
Get support from our team

If you can't find the answer you're looking for, our support team is here to help.