Typical Web Design Elements

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.

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

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)