Design System

Hub Sites

So you’re editing a hub site

Hello and welcome to this guide that will attempt to cover bases on how to edit some of the more confusing and pesky areas of our hub sites.

Questions that will be covered:

  • How the heck do I add a state to the map?
  • Where do I edit a company profile?
  • Okay I figured that out, but now where do I edit a state or city page?

Add A State To A Map Page

To add a state to the block list, chuck it into this hard-to-look-at script (yeah, I know), located in Head Content on the Locations pages. The script is set to remove all states that AREN’T listed in here, because the default situation has links for every US state. To add Montana for example, you’d add this into the block: “:not(:contains(‘Montana’))”. The states are listed in alphabetical order.

<script>
$( document ).ready(function() {
$(".directory_country_wrapper>div>a:not(:contains('Quebec')):not(:contains('Alabama')):not(:contains('Connecticut')):not(:contains('Georgia')):not(:contains('Illinois')):not(:contains('Kansas')):not(:contains('Kentucky')):not(:contains('Maine')):not(:contains('Massachusetts')):not(:contains('Michigan')):not(:contains('Nebraska')):not(:contains('New Jersey')):not(:contains('New York')):not(:contains('North Carolina')):not(:contains('Ohio')):not(:contains('Oregon')):not(:contains('Pennsylvania')):not(:contains('Rhode Island')):not(:contains('South Carolina')):not(:contains('Virginia')):not(:contains('Washington')):not(:contains('Wisconsin'))").remove();
$(".directory_country_wrapper>div>br").remove();
//$( ".directory_states" ).removeClass( "directory_states" );
$('.directory_states>a').unwrap();
});
</script>

To color a state in on the map, look at the Bottom Content on Locations pages* and add your state’s abbreviation to both sections here:

<style>
     .AL, .CT, .GA, .IL, .KS, .KY, .MA, .ME, .MI, .NE, .NJ, .NY, .NC, .OH, .OR, .PA, .RI, .SC, .VA, .WV, .WA, .WI, #CA-QC path {
        fill: #2C98D4 !important;
    }
    .AL:hover, .CT:hover, .GA:hover, .IL:hover, .KA:hover, .KY:hover, .MA:hover, .ME:hover, .MI:hover, .NE:hover, .NJ:hover, .NY:hover, .NC:hover, .OH:hover, .OR:hover, .PA:hover, .RI:hover, .SC:hover, .VA:hover, .WV:hover, .WA:hover, .WI:hover #CA-ON:hover, #CA-QC:hover path  {
        fill: #42abe6 !important;
    }

</style>

*On some hub sites, this snippet may be located in Borders - I think DES and maybe BSI? Don’t quote me on that

If you need Canada, those provinces get filled in/ added the same way and in the same place, but you have to make a separate page for the map itself. See Gutter Shutter for example.

Portal Stuff - Editing Company Profiles, State Pages, and City Pages on Hub Sites

Company Profiles: http://www.bsiadmin.com/portal/?module=company_profiles&prevreq=6078528d9bca2

State Pages: http://www.bsiadmin.com/portal/?module=state_profiles&prevreq=606c8579d6d0d

City Pages: http://www.bsiadmin.com/portal/?module=hub_city_pages&prevreq=607853c14b02a