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
Design
Before you start creating a skin you should have a visual theme which determines the look & feel of your web site. This can be
the design of your current corporate site, your customers web site or a new design. You'll probably start your design in an
application like Adobe Photoshop ending up with a bunch of sliced images (background images, icons, button backgrounds
etc). On the web you can find several samples and downloadable .psd files which will get you up and running in no time.
Text editor
There are several specialized CSS editors available. The PrintShop Mail Web style sheet documents are a combination of CSS
and PHP so we advise you to use a text editor like Notepad++. This is an open source editor (a Notepad replacement) that sup-
port coding in several programming languages. The application runs under the MS Windows and can be downloaded for free at
the following location: http://notepad-plus.sourceforge.net/
The style.php file in Notepad++
Browser extensions
The toughest part will be to keep your skin compatible with the various browsers and browser versions. You can download
and install additional browser extensions that will help you during skin creation. Typically these extensions expose the hier-
archical structure of your web page allowing you to identify tag names, ids and CSS classes quickly. These extensions are
available for all popular web browsers and can be downloaded for free. Below you'll find a list of popular extensions:
l Firebug for Fire Fox (our personal favorite)
l Microsoft Internet Explorer Developer Toolbar
©2010 Objectif Lune Inc - 215 -