Worldpay Templates

1. reveal headers

1.1. (function ($) { $('h1').prepend('H1:').css({ background: "#ccc", color: "red" }); $('h2').prepend('H2:').css({ background: "#ccc", color: "blue" }); $('h3').prepend('H3:').css({ background: "#ccc", color: "green" }); $('img:not([title],[alt])').css({border:"solid 2px red"}); })(jQuery);

2. Widget 2

2.1. Content widget used in a banner

2.2. has h3

2.3. needs to be reviewed so that it does not use a header when there is a page title

3. roles

3.1. tech author

3.1.1. exernal guides

3.2. demandgen

3.2.1. events

3.3. PR

3.3.1. press releasess

3.4. editor

3.5. admin

3.6. remove region roles

4. example pages

4.1. UK

4.1.1. landing page

4.1.1.1. http://www.worldpay.com/uk/sme/face-face/card-machines

4.1.2. product page

4.1.2.1. http://www.worldpay.com/uk/sme/face-face/card-machines/portable-card-machines

4.2. Global

4.2.1. product page 1

4.2.1.1. http://www.worldpay.com/global/corporate/online-products-and-services-larger-businesses/online-card-payments

4.2.2. product page 2

4.2.2.1. http://www.worldpay.com/global/corporate/online-products-and-services-larger-businesses/treasury

5. H1 can only be applied in one of two places on any page

5.1. Each page should contain only one H1 tagged field

5.2. H1 tag is applied to Page Title field by default

5.3. H1 tag can also optionally be applied to Hero Widget Title field

5.4. If page title is made 'invisible' it is no longer tagged with H1

5.5. Page editor needs to remember to make Page Title invisible (disable H1 tag) when applying H1 to Hero Widget Title

5.6. We can build a javascript page header checker to show if multiple H1 tags are present on a page and display warning to the page editor on node save

5.7. Problem: we have no way of knowing which pages have Page Title set as H1, which pages have Widget Title set as H1 and which pages have both set as H1 - this makes re-skin of these pages difficult later.