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
// Page Specific Items
<? include_once "style-pagespecific.php" ?>
Page specific styles
Each page comes with a body tag that has a unique class (there can only be one body tag in a HTML page). This class set on
the <body> tag allows you to create page specific exceptions. In the skins supplied with PrintShop Mail Web the page specific
styles are stored in the style-pagespecific.php file. This file is included at the end of the style.php file.
/*
** The width of the required date field is changed for
** the order_information and order_edit page
*/
body.order_information #fdRequiredDateField,
body.order_edit #fdRequiredDateField
{
width: 10em;
}
Browser exceptions
To solve browser specific rendering issues you can create style exceptions for a specific browser or browser version. Below a
snippet from the style-moz.php exception file (FireFox).
/*
** Mozilla specific style sheet entries
*/
* {
-moz-box-sizing: border-box;
}
.formLabel, .downloadLineLabel, .formStatic, .fieldComment, .formStaticUnits,
.formStaticPrice, .formLink, .formStaticFlex, .formSelect, .formField,
.formFieldNoWidth, .progressLabel, .progressBarWrapper, .progressBarItemDone,
.progressBarItemTodo, .warningLabel, .warningIcon, .warningItem
{
display: table-cell;
}
Search order
The search order is as follows:
1. browsername
2. browsername-version
3. browsername-os
4. browsername-os-version
Browser names
The browser names use the following abbreviations:
©2010 Objectif Lune Inc - 226 -