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 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
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 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.
- Using an sFTP client (eg Filezilla) connect to your site with your credentials
- Navigate to the site folder - this is the only location with read/write permission
- Locate the settings.ini file in the site folder
- 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
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
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
The sizes above are used by the Timestone demo IOS site. The may be viewed here.
End of article