Announcement

Collapse
No announcement yet.

How do I specify a different logo for each section?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    How do I specify a different logo for each section?

    To do this you will need to add a new condition to the existing logo display, and add a new variable to display a logo at section level.

    To do this, please: -

    * Go to 'Design | Library' and go to the 'Variables' tab.
    * Right click on the 'Section' group and select 'New Variable'
    * Give the variable a representative name for example, 'SectionLogoDisplay'
    * Give it a representative description such as 'Displays different logo for each section'
    * Give it a representative prompt something like 'Name of logo file for this section?'
    * Under 'Place of Setting' select 'Section'.
    * Under 'Panel Name' select 'General' ('Tab Name' in version 8).
    * Select 'Allow <Use parent> as an Option'.
    * Change the 'Type' field to 'Filename'.
    * In the 'Top Level Value' and 'Initial Value' add the default images that you would like to see when none is specified.
    * Click 'OK' and close the library.

    Go to 'Settings | Site Options | Layout' and make a note of what layout is used in the field 'Overall Page Layout' and then go to 'Design | Library | Layouts', locate this layout and double click on it to open it.

    Locate the code 'CompanyLogoImage' and create a new line immediately below it and add the following code: -

    HTML Code:
    <img src="<actinic:variable name="SectionLogoDisplay" />">
    (Obviously you will need to replace the name of variable with your own if you have called it something else) highlight the whole line of code and click the 'Insert Block' button, this will open the 'Condition Editor'. Add the following code: -

    HTML Code:
    <actinic:variable name="SectionID" /> > 0 AND <actinic:variable name="SectionLogoDisplay" /> != ""
    and click 'OK'.

    Then highlight the code 'CompanyLogoImage' in the layout and click the 'Insert Block' button.

    You should now be in the Condition Editor. add the following code: -

    HTML Code:
    <actinic:variable name="SectionID" /> <= 0 OR <actinic:variable name="SectionLogoDisplay" /> == ""
    You can just copy and paste the code straight into the editor.
    Click 'OK' and then click 'Apply' in the layout to confirm your changes.

    This is all of the layout editing completed.

    Now you will have a new prompt appear under the 'General' tab of each section, where you can browse to the image file that you would like for each section, this will then be displayed in place of the normal logo.

    PLEASE NOTE: The location of the layout 'CompanyLogoImage' can be different depending on what theme you are using. Some themes use a separate layout for the header area and it may appear within there.
Working...
X