Appearance

Page banner ​

This guide describes setting up your store's Page banner section. Use the section to display an image (banner) at the top of an artist page.

In the following image, a page banner section is displayed on a store's artist page. The section's settings menu is displayed on the left side. In the settings menu, the banner is set to use the Full width of the page, with Super wide image cropping. The page's title (artist's name) is set to display over the banner image, with White colored text.

An example page banner section selected in Theme editor

For general guidance with modifying sections, refer to Sections overview.

Set up a page banner section ​

To set up a page banner section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select a template that contains a page banner section. For example, select Pages > Artist.

    Note

    The section is available only on Pages > Artist pages.

  2. From the side menu, select Page banner.

    The page banner section selected in Theme editor

  3. Select a section setting described in the following table.

Section setting nameDescription
ImageUse the Image menu options to set up an image inside the section. The recommended image dimensions are 2000 x 1200 pixels, in .jpg format.
  • To add an image, choose Select Image, and then upload an image or select an image file from your store's file library.
  • To replace an image, choose Change > Change image, and then select or upload a new image.
  • To remove an image, select Change > Remove image.
WidthSelect the Width dropdown to set the width of the banner image to Full width or Content width. Full width uses the entire width of the section, and Content width uses the width of the section's content area.
Crop imageUse the Crop image dropdown to set the shape of the banner image inside the section. The dropdown options are No crop, Portrait, Square, Landscape, Super wide, and Letterbox.
Overlay page titleSelect the checkbox Overlay page title to show/ hide the page's title text inside the section. With this setting enabled, the page's title text is displayed on the banner image.
Overlay text colorSelect the dropdown Overlay text color to set the color for the page's title text to Primary, Secondary, Tertiary, White, or Black. The setting applies to overlaid title text when the Overlay page title option is enabled.
Theme settingsSelect Theme settings to access additional settings for the section. Refer to Section theme settings menu.