Part 3. How to Change BrendA Plone Theme Top Image

Tutorial about changing top images on front page and site subsections for BrendA Plone Theme.

The following tutorial covers changing of BrenA Theme top image on a Plone 3 website. Instruction for other theme versions in Replace BrendA diazo Theme top image in Plone 4.1 and Replace BrendA Theme top image in Plone 4.0 tutorials.

BrendA Plone Theme allows setting different sets of images for the site front page and inner sitesections.

1. Front Page Images

BrendA theme includes 5 images, that are provided for the front page to be displayed in a random order. Here they are:

  1. front
  2. front1
  3. front2
  4. front3
  5. front4


All these images are located in quintagroup_theme_brenda_custom_images/folder_with_photo folder (in ZMI). Default image size is 600x271 px.
folder-with-photo

To change images that are displayed on the front page:

  • create folder_with_photo folder in portal_skins/custom folder (in ZMI): select Folder form Add drop-down menu, give it id: folder_with_photo.
    add-folder
  • open this folder and add image inside: select Image form Add drop-down menu:
    add-image
  • upload a new image give id to your image: frontPageImg.jpg. Remember that default front page image size is 600*271 px, so upload new with the same size, otherwise your image might be cropped. 
    front-example
  • Return to Plone interface to see your new image displayed on the front page.
    example-front
  • You may add more images into portal_skins/custom/folder_with_photo (for next images ids will be frontPageImg1.jpgfrontPageImg2.jpg, etc.) to have them be displayed on the front page in a random order.

2. Site Sections Images

Every site section can have unique look with BrendA Theme installed. All new folders created on your site will get the following default top image:example-folder

To change default top image for a certain folder, add an image with subFolderImg.jpg shortname into it, and this image will be displayed instead of the default one.

Make sure your added image id is subFolderImg.jpg. In case you can not give it such id, and you get error like 'subFolderImg.jpg is reserved' try to do it through ZMI: add /manage to site section URL you are in. Select the image, press Rename and set the necessary image id - subFolderImg.jpg.

zmi-rename

Default image size is 373x186 px. The size 373*186 px - is size of the area reserved for top images on site sections. In case your new image is larger - it will be copped. In case it is smaller - grey background will be displayed, like this:

test-small


5 predefined site sections views come with the BrendA theme for 5 example folders:

  1. folder1
  2. folder2
  3. folder3
  4. folder4
  5. folder5

Connect with our experts Let's talk