7.1
Table Of Contents
- Table of Content
- Overview
- Understanding PrintShop Mail Web
- Getting Started
- The PrintShop Mail Web Interface
- Publishing Workflow
- Ordering Workflow
- New Document
- Order Manager
- Checkout
- Companies
- Users
- Publication Types
- Collections
- Settings
- About
- License
- Roles
- Languages
- Web Design
- Maintenance
- Settings
- Currencies
- Tax Rates
- Shipping Rates
- Calendar
- Production Settings
- User Input Field Defaults
- Output Folders
- Job options
- Printers
- E-mail Settings
- E-mail Addressees
- Managing E-mail Templates
- Modules Settings
- Enabling a MIS connector
- Installed modules
- Properties
- Enabling a Print Production connector
- Installed modules
- Properties
- Requirements
- Configuring the module
- The PayPal Sandbox
- Processing orders
- Requirements
- Configuring the Authorize.net module
- Test mode
- AVS and CCV checks
- Payment page
- Requirements
- Requesting a test account
- Configuring the iDEAL test dashboard
- Configuring the iDeal module
- Requirements
- Configuring the Moneris module
- Test mode
- Requesting a live account
- AVS and CVD checks
- Payment page
- Add a new Module
- Configure a module
- Delete a Module
- XML (eXtensible Markup Language)
- Options
- Sample POST receive script
- Interaction With PrintShop Mail Design
- Introduction to Regular Expressions
- Introduction
- Skinning Guide
- Getting started
- Creating your own skin
- The template file
- HMTL Outline
- Styling
- Key Concepts
- Style organization
- Header
- User information
- Menu bar
- Background
- Overview tables
- Edit forms
- Sub menus
- Special variables
- Variables for template files
- Variables for style files
- Creating page exceptions
- Creating a page specific template file
- Modifying a page specific template file
- DOM manipulation using jQuery
- Launching code on Document Ready
- Populating fields with computed values
- Removing elements from the DOM
- Adding information to the DOM
- Customizing the store front
- Storefront class
- Creating a hierarchical tree
- Adding a live search option
- Copyright Information
- Index
text-decoration: underline;
}
By removing the display: inline attribute of the <li> tag the orientation is changed from horizontal to vertical.
Adding additional information
The User Info bar has additional information. The code in the template file uses generateUserInfo to retrieve the cAd-
ditionalInfo text from the language strings. The value for this string can be changed using the Edit Language page in the Set-
tings section. This variable is used for a global language dependent message. In the default setup the value for this string is
PrintShop Mail Web. Hard coded text and other elements can be added to the HTML code.
<? if(function_exists("generateUserInfo")) { ?>
<div id="userinfo">
<div>
<h3><? generateAdditionalInfo(); ?></h3>
<? generateUserInfo(); ?>
</div>
</div>
<? } ?>
Below you'll see a variant of the User Info bar. In this case the orientation is placed vertical and a custom string was added.
A variant of the User Info bar showing additional information.
Highlighting "hovered" items
The hover attribute set for the a tag will render a different background color when the user places the cursor over this item.
Additional parameters can be added to change the style of the text (for example the text color, font weight, text decoration or
font style).
Menu bar
The Menu bar provides access to the main sections of PrintShop Mail Web. Like the User Info bar the items of the Menu bar
are created using HTML lists, which means that you can change its orientation by altering the CSS file.
In the default skin the Menu bar is placed directly beneath the User Info bar
©2010 Objectif Lune Inc - 229 -