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
#tableOverview td {
padding: 2px;
border-width: 0 0 1px 0;
border-color: background-color: <? generateSkinHeaderColorHighLight(1.1); ?>;
border-style: solid;
}
generateSkinLocation
This functions returns the path to your skin folder. It can be used in both style files and the template file to insert the path to the
folder of the skin. This prevents you from entering the full path making it easier to duplicate a skin folder.
<img src="<? echo generateSkinLocation() ?>/banner-image1.png"/>
generateSkinLogo
The generateSkinLogo retrieves the path to the header image specified in the Edit Web Design page. If no image is specified
the path of the header image from the system default skin will be returned. Below an example on how this function can be
used in your Style.php file:
#header {
height: 90px;
background-image: url(<? generateSkinLogo(); ?>);
background-position: center left;
background-repeat: no-repeat;
background-color: <? generateSkinHeaderColor();?>;
width: 100%;
}
generateSkinMainColor
The generateSkinMainColor function retrieves the main color set in the Edit Web Design page of the PrintShop Mail Web site.
The value entered in the Edit Web Design page can be entered manually or selected in the color picker. Below an example on
how this color can be set using this function. In this case the background color is set for the edit forms header bar class (or title
bar).
.formHeader {
display: block;
width: 100%;
background-color: <? generateSkinMainColor(); ?>;
color: #FFFFFF;
padding: 2px;
font-weight: bold;
}
generateSkinMainColorHighLight
The generateSkinMainColorHighLight function retrieves the skins main color set in the Edit Web Design page. The parameter
of this functions lets you change the tint of the color. Fractional values are used, where 0.0 will be black, 1.0 the original color
and higher values will result in a lighter tint of the main color.
Below an example on how this color can be set using this function. In this case the background color of the user info bar will
have a darker tint when the user places the cursor over these items (hover).
©2010 Objectif Lune Inc - 244 -