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.
For general guidance with modifying sections, refer to Sections overview.
Set up a page banner section
To set up a page banner section:
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.
From the side menu, select Page banner.
Select a section setting described in the following table.
Section setting name | Description |
---|---|
Image | Use the Image menu options to set up an image inside the section. The recommended image dimensions are 2000 x 1200 pixels, in .jpg format.
|
Width | Select 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 image | Use 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 title | Select 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 color | Select 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 settings | Select Theme settings to access additional settings for the section. Refer to Section theme settings menu. |