How to display Banners in the Homepage and Galleries

Banners are great way to add some visual interest to your gallery, groups or even the homepage. This format allows the display of a slideshow, or photos that are dynamically resized in a horizontal banner which can add a decorative motif to your site. 


Adding Banner content to a Group or Gallery page

A banner can be added to any Group or Gallery page and will display a photo, video, slideshow or photo strip horizontally below your site menu or header from 200 - 800 pixels in height. 

All modifications occur in Customize Website View. Main page changes occur in Page Layout and Page Options while more detailed style changes occur in Theme Designer.

To add the banner to a group or gallery, you'll need to access Customize Website View for the desired Group or Gallery.
  1. In the Dashboard, go to Photos.
  2. Navigate to the desired Group or Gallery under the Organizer.
  3. Hover the mouse pointer over Preview then click on Customize.
Preview to CVV

The page will refresh with Customize Website View displayed at the top, confirming that you are in the customization mode.


If you are already in the Website View, move your mouse over the My Zenfolio View Switcher at the top of the visitor page. A menu will open with a list of items. Click to select Customize Website View.
  1. In Customize Website View, go to Options.
  2. Uncheck Use Default Settings For Layout, Theme, and Options if necessary.
  3. Go to the Page Elements tab
  4. Select Show next to Top banner.
  5. Set the Banner height to Auto to display a banner that is 220 pixels tall or, select Custom and enter the desired banner height (from 200 to 800 pixels).
  6. Click Apply.​
Show Banner Gallery

Once you click apply you will be back in the main Customize Website View. Now that the banner is set to show, you will need to choose the content for the banner.
  1. Select Banner Content.
  2. Select content type for the banner:  Photo or Video, Slide Show or Photo Strip
  3. Choose the gallery, or photo or video you wish to show in the banner.
  4. Click Select to confirm your decision.
  5. In the Set Options tab, set the desired Click Action.  This controls the action performed when the image in the banner is clicked.
  6. Set the desired Image Position.  This controls which part of the image is displayed when the image does not match the banner's aspect ratio.
  7. Click Update.
  8. Click Publish before exiting Customize Website View to make those changes live on your site.
Gallery Banner Content

If you wish for your changes to be the default for all other group or gallery pages, click SAVE AS DEFAULT and then confirm selection.




 

Adding Banner content to your Homepage

​A banner layout on the homepage will display a photo, video, slideshow or photo strip horizontally below your site menu or header and can be from 300 to 800 pixels in height.

All modifications occur in Customize Website View.

In the Dashboard, hover your mouse pointer over Website then click on Customize Website.

Website to Customize Website View
The page will refresh with a new customization menu at the top, confirming that you are in the Customize Website View.

 
  1. In Customize Website View, go to Layout.
  2. Scroll down and choose one of the Spotlight banner layouts.
  3. Click Apply.​

Banner Layout Homepage


 

  1. Go to Options.
  2. Go to the Layout Options tab.
  3. For the Spotlight area height, set to this to Auto to leave the banner at it's default height of 600 pixels.
    Or set this to Custom and set the desired height between 300 and 800 pixels.
  4. Click Apply.​
Banner Options Homepage

Once you click Apply you will be back in the main Customize Website View window. Now that you have a banner set to be your homepage layout, you will need to choose the content you wish to display.
 
  1. Select Spotlight Content.
  2. Click change.
  3. Select content type for the banner:  Photo or VideoSlide Show or Photo Strip.
  4. Choose the gallery, or photo or video you wish to show in the banner.
  5. Click Select ​to confirm your decision.
  6. In the Set Options tab, set the desired behavior for the content displayed.  The Options for the slideshows are displayed below.
  7. Also in the Set Options tab, set the desired Image Position.  This controls which part of the image is displayed when the image does not match the banner's aspect ratio.
    Set the desired Click Action.  This controls the action performed when the image in the banner is clicked.
  8. Click Update.
  9. Publish your changes before exiting Customize Website View to make those changes live on your site.
Banner Homepage Select Content