ProQ Product Browser Documentation - Online Edition

Contents of this document:

• - Product Features
• - Compiling and Running
• - Customizing
• - Working With Data
• - Support

Product Features

ProQ Product Browser is a perfect companion for your company's product catalog, here are some of the product's hightlights

• - Displays product images and information using Papervision3D
• - XML Driven
• - Based on Actionscript 3 and Flash 9 (2008 08: runs on 97% of computers worldwide)
• - Built for speed: code optimized for very large numbers of data (1000+ items)
• - Navigate through products using your mouse and keyboard arrows
• - Easy to extend
• - Extensive code level documentation
• - Support via email(free) and Skype(non-free)
• - Customization services available on request

Compiling and Running

• 1. Extract the project files into desired location on your hard disc.
• 2. Open Adobe Flash CS3 IDE
• 3. From the top bar menu select "File" > "Open"
• 4. Via dialog, navigate to src folder and open ProQProductBrowser.fla
• 5. Hit CTRL+ENTER to test the export and test movie

• 1. Open Adobe Flex Builder 3
• 2. From the top menu bar choose "File" > "Import" > "Flex Project..."
• 3. With "Archive File" selected click "Browse"
• 4. Using the dialog browse to the project's zip archive and select it
• 5. Click Finish
• 6. From the top menu bar select "Project" > "Clean..."
• 7. Make sure the ProQProductBrowser is selected and click "OK"
• 8. Hit F11 to test the project

• 1. Extract the project files into desired location on your hard disc.
• 2. Open FlashDevelop 3 (Get FlashDevelop3 here)
• 3. From the top menu bar choose "Project" > "Import Project..."
• 5. Via dialog browse to the project files you extracted on your hard drive and open ".actionScriptProperties" file
• 6. In the Project Manager panel a project tree should become visible
• 7. Locate "ProQProductBrowser.as" inside "src" folder and right click on it to make sure "Allways Compile" option is selected. If it's not - select it
• 8. Locate "components.swc" inside swc folder, right click on it and select "Add To Library"
• 9. Run compiler (CTRL+ENTER) to test the result

Customizing

One way to customize the look without programming is to change the user interface images:

• - bg.jpg: ProQ Product Browser background image
• - company_logo.png: Your company logo (default: 78x36 px)
• - catalog_n_left.png: Left Button
• - catalog_n_right.png: Right Button
• - product_back.png: Texture which is used on a side of product cubes
• - product_shadow.png: Texture to draw a fake shadow under product cubes

Please refer to online version of this documentation for more customization examples

Working With Data

Data is loaded from an external XML file (default: datafeed.xml). This is the example of data feed structure:

		
		  
		  	
		    ...
		    
		    
		    ...
		    
		    
		    ...
		    
		    
		    ...
		    
		    
		    ...
		    
		    
		    ...
		    
		    
		    ...
		    
		    
		    ...
		    
		    
		    ...
		  
		  
		  	
		  
		
		

All data inside tags is treated as a simple string:

		$280 USD
		

If no information is available for the field and the field is marked as optional it can be left empty:

In this case ProQ Product Browser displays the default hardcoded value (ex.: "no description available" is displayed instead of missing product description) or hides the associated display element (ex.: purchase button is hidden if "price" OR "purchase_url" tags are empty).

ProQ Product Browser supports HTML formatted text inside product's "description" and "name" tags:

		
		external resource 
		]]>
		
		
		Hyperlink In Title
		]]>
		
		

The following HTML tags are supported by Adobe Flash CS3 Professional. Optional tag attributes appear in brackets.

• - Anchor: <a href="/support/flash/ts/documents/url">
  
• - Bold: <b>
• - Font: < font [color="#xxxxxx"] [face="Type Face"] [size="Type Size"]>
• - Italic: <I>
• - Paragraph: <p [align="left"|"right"|"center"]>
• - Underline: <u>
• - Break: <br>
• - Image: <img src="/images/flash/dogs.jpg"/> The <img> tag lets you embed external image files (JPEG, GIF, PNG), SWF files, and movie clips inside text fields and TextArea component instances.
• - List Item: <li>
  Ordered and unordered lists (<ol> and <ul> tags) are not recognized by Flash Player, so they do not modify how your list is rendered. All list items use bullets.
• - Span: The <span> tag is available only for use with CSS text styles.
• - TextFormat: The <textformat> tag lets you use a subset of paragraph formatting properties of the TextFormat class within HTML text fields, including line leading, indentation, margins, and tab stops. You can combine <textformat> tags with the built-in HTML tags.
  

Additionally, Flash Player supports HTML entities:

• - < < (less than)
• - > > (greater than)
• - & & (ampersand)
• - " " (double quotes)
• - ' ' (apostrophe, single quote)

Support

If you encounter a problem with our product that can not be solved by consulting online documentation or user forums, please submit a bug/feature request via out support email, our customer service representative will be glad to help you.

Support for all products is available via email and Skype:

• - Email: support@uza.lt
• - Skype: pauliusuza