All About Images in ShopSite

Forum Forums Tutorials All About Images in ShopSite

This topic contains 0 replies, has 1 voice, and was last updated by  Anonymous 14 years, 1 month ago.

Viewing 1 post (of 1 total)
  • Author
  • #48602


    When uploading images to your ShopSite store, it is generally more convenient to do so via FTP as opposed to the backoffice utility. The main reason for this is because the FTP method allows you to upload multiple images at once, whereas the backoffice only allows for individual image uploads. If you do not own an FTP program, you can download a free one at . Instructions on configuring and using FTP programs can be found in our knowledgebase at:

    Since ShopSite and your FTP user have different ownerships, image permissions issues could sometimes arise. In order to avoid such issues, you would want to create all directories off of the media folder via FTP. Once created, you would then have to make sure the directories are world-writable (chmod 777 or chmod a+w), which will allow both ShopSite and your FTP user to access these files. In most FTP programs you can right click on a folder to get to the CHMOD command (also refered to as properties / unix permissions). If you previously created the directories via ShopSite, contact us and we can reset permissions for you such that both ShopSite and your FTP user can write to the files.

    Assuming that all of your images were uploaded via FTP, the next step would be to reset the image attributes, which would serve to maintain the image attribute settings, thereby eliminating the blue border that may have appeared around your image. In order to do this, in your backoffice go to Images -> Highlight the Images you wish to reset -> Press Reset Attributes. If there were any permissions errors, ShopSite would not have been able to reset the attributes.

    Another instance where file permissions are important is the Image Resizing Tool, which was introduced in ShopSite 8.2. This tool allows you to create up to three different sizes of a particular image. In order to use this feature, you would upload your image file to the media folder (or a subdirectory off of it), and then go to Images -> Configure. On this screen you can specify up to three different sizes (either as a percentage or fixed pixel dimension) to create for your images. Note that ShopSite can only create smaller images than your originals, so you would want to be sure to upload the largest image size that will be in use on your site. The reason for this is due to distortion, as expanding a graphic can often times obscure the original image, whereas reducing it should maintain the image’s clarity.

    Once you have configured the settings to your liking, you can then create resized images by highlighting the images and pressing the ‘Create Resized Images’ button. ShopSite then automatically creates up to three (depending on your settings) different graphics for each file selected. These resized images are placed in ShopSite created folders named ss_size1, ss_size2, and ss_size3. By default, you won’t be able to see these folders in FTP, but they are located off of whatever directory the original image is located in. If you were interested in seeing which resized file is being called, you can look at that product in the backoffice or you can view the properties of an image on your website to see the path to the file that is being called (in Internet Explorer, right click with the mouse while on the image and go to Properties).

    Once you have created the resized images, you can assign them on the edit Product Info screen under the ‘Product Image Size:’ and ‘More Info Page Image Size:’. You can also assign the sizes via a database upload if so desired, and/or use any of the extra product fields for image use with custom templates. Typical uses for this feature include the ability to have a large image on the More Info Page, while maintaining a smaller thumbnail version of the image on the main product listing page.

    As per custom templates, the tag [-- PRODUCT.Graphic --] returns the full tag for the product graphic, including all the formatting information, size and alt values. If needed, you can return a partial tag by using [-- PRODUCT.Graphic REMOVE_HTML --], which strips out the ‘’ from the tag. The above is also applicable for page graphics, which use the tag [-- PAGE.Graphic --]. Further, if you just needed to return the path and file name of a product graphic (relative to the media directory), you would use the tag [-- IMAGE Product.Graphic --].

    For more complete help documentation regarding images and ShopSite, reference the ShopSite help and resource center at:

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.