Typical Web Design Elements

"Typical" examples shown, from demo.birddogsw.com

Website "Skin" (Masterpage)

  • Everything outside the "content" area
    • Above the Content is the "Masthead"
    • Below the Content is the "Footer"
  • Appears across the website on all pages
  • Relocation or modification of these regions requires customizing the masterpage
  • Fonts, colors, and some behaviors (including "responsive design") are controlled by the "Theme" (includes all CSS and scripting)
  • Theme and Masterpage are configured in System Management | Sitsettings

Primary Content Regions

  • Source-page configured in sitsettings

Banner

Small/Med/Large Image are used for the website logo (on desktop/tablet/mobile sized devices, repsectively). Long Description appears in a small area to the left-side of the login, intended for short subtitles or message, like phone numbers or social links.

Top Menu

Standard behavior is a simple list of sub-pages via 1-level flyout-on-hover

Additional Content Regions

  • Long Description of the page with code "Site_Notification" will appear above the masthead; intended for temporary sitewide alerts/notifications that can use Roles to control visibility as needed.

https://enterprise.birddogsw.com:443/

Pages

Content Pages (Categories)

Anything editable from Web Manager is "content." See our documentation for more info.

  • Select from a list of available layouts; some configuration available under System Management | Document Layouts including number of columns, number of sub-pages/items per "page," etc
  • May appear in multiple places in the sitemap by "mirroring."
  • Typically displays sub-pages/categories (first) and attached items (second), paged for better performance

Long Description

  • Editing of Long Description via WYSIWYG or source mode allows any HTML, and most scripting.
  • No character limit
  • HTML "Forms" will not function in the Long Description.
  • Supported by Zurb Foundation; see their documentation for tips & tricks.

Page & Item Listings

Depending on the chosen Layout, the Page may display all the "child" Pages and/or Items. Such displays will typically include:

  • The sub-page's/item's Small Image
  • The sub-page's/item's Description
  • The sub-page's/item's Medium Description
  • The Item's Price
  • An Add-To-Cart and Details button for Items

https://enterprise.birddogsw.com:443/

Items

See our documentation for more info.

  • May be attached to any number of pages, or none at all (discoverable through search only, or as add-on items).
  • Outside of what's called out in the example, most of what appears comes from the data (Macola or ERP)

https://enterprise.birddogsw.com:443/

Non-Content Pages

Changes to non-content pages or regions require customization of those pages. We normally advise against customizing non-content pages without "good reason."

  • Cart
  • Checkout
  • Login
  • Search
  • Thank You (Post-Checkout)
  • Anything under "Account"
  • Many non-content pages have "Support Pages" allowing editing of headers and/or instructions.