IOS image and package preview sizes

Applies to: IOS


The Timestone Internet Ordering System (IOS) uses the following default sizes to display images and products. These sizes can be modified as described below.

Images

Images are displayed at the top of the IOS home page. Where multiple images are present, the currently selected image is displayed at the default size. Other images are half the size of the selected image. Where only one image is present, it is automatically selected and therefore displayed at the larger size.

Pixel dimensions are as follows:

  • Selected image: 225x225
  • Thumbnails: 50% of the selected image

Backgrounds

For green screen jobs, backgrounds are displayed below the images. Selecting a background places it behind the currently selected image. Unlike the selected image, the selected background is not enlarged.

Pixel dimensions are as follows:

  • Backgrounds: 75x75

Image and background sizes are defined as 'square' in order to cater for both vertical and horizontal orientations.

Packages

Packages are depicted in several different areas of IOS.

At the bottom of the home page, the packages are previewed in a horizontal film strip in a similar way to the image strip described above. The default size for these previews is 256x96 pixels

The currently selected package occupies the centre of the home page. The default size is 512x192 pixels

Packages can also be displayed in a vertical list by clicking the View All button. Packages in this page are also 512x192 pixels by default

Once packages are added to the cart they are also displayed in the cart as previews. Their size in the cart is 128x47 pixels by default. Hovering over the package previews in the cart pops up a larger preview at a default size of 512x192 pixels.

In summary therefore, three different sizes are used to display packages as per below. (pixels - width by height)

  • 128x48 - cart
  • 256x96 - film strip at bottom of home page
  • 512x192 - selected package on home page, all packages in View All page, hovered package in cart

Changing the default sizes

The default sizes may be changed by adding a text string to the site's settings.ini file. Users have access to this file via their sFTP credentials received when they purchase IOS.

  1. Using an sFTP client (eg Filezilla) connect to your site with your credentials
  2. Navigate to the site folder - this is the only location with read/write permission
  3. Locate the settings.ini file in the site folder
  4. Add text strings as per the below example to change the default sizes

Changing the image and background sizes

Background and image sizes are changed with a single text string with two parameters. The example below is used by the Timestone Software demo IOS site - demo.timestone.com.au

ImageViewSizes=80x80,250x250

80x80 is the size for any green screen backgrounds. 250x250 is the size of the selected image. Other images in the film strip will be half this size (125x125)

Changing the package sizes

Package sizes are also changed with a single text string but with three parameters. The example below is used by the Timestone Software demo IOS site - demo.timestone.com.au

PackageViewSizes=160x80,320x160,640x320

The text strings may be placed anywhere in the settings.ini file. Note any modifications to the settings.ini file are a global change affecting all images for all jobs.

  • 160x80 - package display size in cart
  • 320x160 - package display size in film strip at bottom of home page
  • 640x320 - selected package on home page, all packages in View All page, hovered package in cart

Example

The sizes above are used by the Timestone demo IOS site. The may be viewed here.

http://demo.timestone.com.au/?shoot_key=LLP635DH

End of article


Recent Discussions

03 Oct, 2018 07:08 PM
02 Oct, 2018 04:56 AM
11 Sep, 2018 10:52 PM
04 Sep, 2018 03:16 PM
14 Aug, 2018 02:48 PM