Banners

To add or edit a banner, follow these steps:

1. Go to Interface & Design > Banners in the IRP Admin left navigation menu.
   To add a new banner click the Add New Banner button above the Search bar.
   To edit a banner click the Edit button beside the banner that you want to edit.
2. Enter or edit the following details on the Banner Information tab. If you see an asterisk (*) beside a setting it means that the setting is required.
   Note: The settings that you see depend on the Banner Location setting that you select (making it a basket, promotional or mobile banner and so forth), so you might not see all of the settings that are described in the table below.

   Setting	Description
   Basic Banner Details
   Banner ID	The unique IRP identifier for this banner. This is generated automatically when you add a banner.
   Active	Active banners will appear on the front end of the website for customers to see. Inactive banners will not appear on the front end.
   Archived	This setting is visible only if you are editing a banner that has been archived. You can archive Banners when they are not being used (typically inactive) and unlikely to be reactivated. This will exclude them from the Admin banner search results by default and can be used to keep the number of banners manageable. Note that archived banners cannot be active. If you want to un-archive the banner, uncheck the box and click the Update Banner button.
   Banner Location	The location where the banner will be displayed. For more details on the locations, see the overview section above this ‘How To’ topic.
   Brand	If this is a brand-category or brand-specific banner, the brand component of this relationship.
   Category	If this banner is category-specific, this is the category that it relates to.
   Department	The department or tab that this banner will appear under. Select ‘All Departments’ for the banner to display under all department tabs.
   Banner Name	The IRP Admin name for the banner. This will only be visible in the back end.
   Content Type	Banners can display an image or custom HTML content. For more information, see the main help topic above.
   Upload New Banner	Click the Browse button to quickly upload a banner image. Note that adding a banner image will overwrite any previously-uploaded banner images. Also, language-specific banner images must be in the same format as the main banner image, e.g. .jpg, .gif, .png. etc.
   Current Banner	This shows the currently uploaded banner image.
   Schedule Activation	This feature allows a banner to be activated at a specific time in the future. This allows you to cater for out-of-hours sales go-live preparation, for example. Select the day, hour and minute when this should happen. Note that the selected date must be in the future. If you want the banner to be activated at a future point, leave the banner set to Inactive. An 'uncache' is performed when a scheduled banner is activated or deactivated so that it will be immediately updated on the front end. Note that if the banner is for a Promotion then the drop-down menu will be replaced with the following statement: ‘Promotional Banners are scheduled according to the Promotion Schedule’ and you will be able to click an Edit Promotion button.
   Schedule Deactivation	This feature allows a banner to be deactivated at a specific time in the future (Activation and Deactivation times cannot be the same). This allows you to cater for out-of-hours sales go-live preparation, for example. Select the day, hour and minute when this should happen. Note that the selected date must be in the future. If you want the banner to be deactivated, set it to Active. An 'uncache' is performed when a scheduled banner is activated or deactivated so that it will be immediately updated on the front end. Note that if the banner is for a Promotion then the drop-down menu will be replaced with the following statement: ‘Promotional Banners are scheduled according to the Promotion Schedule’ and you will be able to click an Edit Promotion button.
   Key Information
   Always Show Banner	Check this box if an ‘All Departments’ banner should override a department- or tab-specific banner.
   Weight	The order in which banners will appear in relation to other banners of the same type. Banners with a higher weight value will take precedence over banners with a lower weight value. For example, if you had three 'Top' Banners, one with a Weight of 3, one with a Weight of 2 and one with a Weight of 1, the one with the Weight of 3 would show first, followed by the one with the Weight of 2 and finally the one with the Weight of 1.
   Width (px)	The width of the banner in pixels. This setting is populated automatically with the optimal width according to the Banner Location that you have chosen in the Basic Banner Details section. For example, for an ‘Add To Basket’ banner, the optimal width is 300, for a ‘Heading’ banner, the optimal width is 750, and so forth. We recommend that you leave these values at their default optimal values. If you do change them, make sure that you check how the banners look on your website and adjust the size as necessary.
   Height (px)	The height of the banner in pixels. This setting is populated automatically with the optimal height according to the Banner Location that you have chosen in the Basic Banner Details section. For example, for an ‘Add To Basket’ banner, the optimal height is 200, for a ‘Heading’ banner, the optimal height is 50, and so forth. We recommend that you leave these values at their default optimal values. If you do change them, make sure that you check how the banners look on your website and adjust the size as necessary.
   Show In Checkout	(Visible only if the banner is Floor, Roof, Mobile Floor, Mobile Roof, Trade Floor or Trade Roof). Enable this setting to have the banner appear on all the checkout flow pages. This is intended to assist you with maintaining the display of important messaging throughout the checkout process.
   Sticky	This is available only for some banners such as 'roof' and 'floor'. Check this box to make the banner stay at the top or bottom of the customer's screen as they scroll.
   Stretch Banner	Checking this box will stretch the banner to 100%. When this is not ticked, the banner will display with the width of the image, which may or may not be what you want – so always double check how it looks. Note that 'Banner Repeat' (see next) will override Banner Stretch if you select both.
   Banner Repeat	The axis that a banner will repeat on (x, y or both).
   Background Colour	The optional background colour of the banner. This is beneficial only when the banner is not stretched or repeated.
   Background Style Left	This is the CSS style to appear to the left of the banner. This may contain fully-referenced background images. This is optional, and overrides any background colour specified.
   Background Style Right	This is the CSS style to appear to the right of the banner. This may contain fully-referenced background images. This is optional, and overrides any background colour specified.
   Link Address	The URL that will open when someone clicks on a banner. You can click the Get Link button to generate a link. Click the Translate link in order to translate the link into any active language in your system. Enter the text or click the Get link button to generate your link and then save your changes. When the banner is clicked in the web interface it should refer users to the link depending on the language set on the page.
   Open link in new Browser Window	Check this box to allow any link related to the banner to open in a new window.
   Animation Settings
   Animation Type	The type of animation effect when transitioning from this banner to the next (Fade in, Slide in Vertically or Slide in Horizontally).
   Display Time (Secs)	The amount of time in seconds that a banner will display for, before transitioning to the next banner.
   Transition Time (Secs)	The amount of time in seconds that the banner transition takes.
   Other Information
   Alt Text	The alternative, or tool-tip text, to appear for banners for each specific language,
   Display Header	The display header to appear on right-sided banners.

3. Click the Insert Banner button or the Update Banner button to insert the banners at the locations that you have selected.
4. If you are editing a banner and you want to archive the banner, click the Archive Banner button at the bottom of the page.
5. If you want to delete a banner, click the Delete Banner button at the bottom of the page.
6. If you want to add images for specific languages or restrict the countries that certain images can be displayed in, follow the remaining steps below.

1. On the main Banners page, click the Edit button beside the banner that you want to edit.
   The BannersEdit.aspx page is displayed.
2. If you want to add images for specific languages, click the Language Specific Images tab at the top of the page.
3. Click the Browse button beside each language to locate and upload an image.
4. Click the Upload or Delete Selected Images button or the Update Banner button to save your changes.
5. If you want to archive a banner, click the Archive Banner button.
6. If you want to restrict the countries that certain images can be displayed in, click the Country Restrictions tab at the top of the page.
7. Use the Add or Remove buttons to select countries in the ‘Add Country Restrictions’ and ‘Countries This Banner Will Show In’ boxes.
   NOTE: If you want to show a sequence of banners in every country but you also want to include in the sequence one or more banners that are country-specific (for example, UK-only), then, for the banners which you want to display in all countries, you need to manually select all of the countries in the ‘Add Country Restrictions’ box (hold down the Shift key) and add them to the ‘Countries This Banner Will Show In’ box (instead of leaving them set to ‘All Countries’). Then, to configure the country-specific banner(s) (in this example, UK-only), you should add ONLY ‘United Kingdom’ (plus Channel Islands, etc. if necessary) to the ‘Countries This Banner Will Show In’ box for each of the country-specific banners. After you save your changes and uncache the site, always check that the banners are displaying on the front end as you expect them to. For example, change your country settings and confirm that the country-specific banners are shown only for the correct countries and not others.
   
8. Click the Update Banner button to save your changes.
9. If you want to archive a banner, click the Archive Banner button.
10. Remember, if you want to see the banners on the front end of your site, to make the banners active and to click the Uncache button.

1. On the main Banners page, click the Edit button beside the promotion banner that you want to edit.
   The BannersEdit.aspx page is displayed.
2. Click the Promotions tab at the top of the page.
3. Select the promotion(s) you want to add in the 'Add Promotions' box and use the Add button to move the selected promotion(s) to the 'Added Promotions' box.
4. Click the Update Banner button to save your changes.

To bulk update banner locations, follow these steps:

1. Go to Interface & Design > Banners in the IRP Admin left navigation menu.
2. Click the Bulk Update Settings button at the top of the screen.
   The BannerBulkSettings.aspx page appears:
   
3. Enter the following details:
   • Banner Location: Select a location from the drop-down list. All banners in the selected location will be updated with the selected setting values. Note that all inactive and archived banners in the selected banner location will also be updated.
   • Width: Check the box and then enter the width for all banners (in pixels) in the selected location.
   • Height: Check the box and then enter the height for all banners (in pixels) in the selected location.
   • Background Colour: Check the box and then enter the background colour for all banners in the selected location. This will only be beneficial to banners where the background image is not being stretched or repeated.
   • Animation Type: Check the box and then select the type of animation effect to use for all banners in the selected location when transitioning between banners.
   • Display Time: Check the box and then enter the amount of time (in seconds) that each banner in the selected location will display for before transitioning to the next banner.
   • Transition Time: Check the box and then enter the amount of time (in seconds) that all banners in the selected location will take to transition into the next banner.
4. When you are finished entering the details, click the Bulk Update Banner Location button.