Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Product Images and Thumbnails are the images you'll upload most on your Straightsell website.

A Product image file name must match the Product Code in the accounting system.

You can have more than one image per product, with additional images are appended with an underscore and a number.
In this case, AB400.jpg, AB400_1.jpg and AB400_2.jpg have been uploaded and display as the primary, second and third image respectively.


Image Removed
Product Image uploaded into /productimages When you select the /productimages folder in the Upload tab of Documents & Images, the Create Thumbnails option is checked to create a thumbnail automatically, viewable when browsing product categories. Image Removed
A Thumbnail Image uploaded into /productimages/thumbnails

...

Upload Parameter

...

Required Value

...

File Name Convention

Parameters:

...

Recommended Image Size

...

400x400/600x600/800x800 pixels

...

Destination Folder

...

/productimages and /productimages/thumbnails

...

Thumbnails

...

  • Square: In the range of 1000px width x 1000px height
  • Name the image ProductCode.jpg, ProductCode_1.jpg, ProductCode_2.jpg

...



To upload the image, log in to the Straightsell Control Panel and navigate to:

  • Content Management > Documents & Images
  • Select the Upload tab
  • Choose the folder /productimages
    • Thumbnails will automatically be created in their required location
  • Click Browse and select your image/zip file
  • Check the Publish box and Uncheck the Optimise JPEGs box
  • Click Upload File

Product PDF Documents

Like Product Images, Product PDFs file names must match the Product Code , Additional and additional PDFs are appended with an underscore and a number. In this case, AB400.pdf and AB400_1.pdf have been uploaded and display as the primary and secondary PDF respectively.

You may wish to offer them as supplementary or replacements for your Product Descriptions. Other use cases could be that you have , or for supplementary information such as assembly instructions or safety information for dangerous products. Image Removed
Two Product PDF documents uploaded into /documents/productpdf

...

Upload Parameter

...

Required Value

...

File Name Convention

...

ProductCode.pdf

...

File Name (Additional PDFs)


Product Image Parameters

...

Destination Folder

...

  • Name the image ProductCode.pdf, ProductCode_1.pdf, ProductCode_2.pdf

...



To upload the image, log in to the Straightsell Control Panel and navigate to:

  • Content Management > Documents & Images
  • Select the Upload tab
  • Choose the folder /documents/productpdf
  • Click Browse and select your image/zip file
  • Check the Publish box
  • Click Upload File

Sideshow images are displayed on the home page of your website and come in two sizes depending on your Straightsell Website configuration.

These are easily replaceable and can link to pages on your website or simply display as an image. Image Removed
A regular Slideshow image uploaded into /documents/slideshow Image Removed
A Full width slideshow image uploaded into /documents/slideshow_fullwidth


Uploading Slideshow images is a two-step process. The first step requires modifying a text file named SlideshowLinks.txt which controls how many images will be displayed.

  • Go to Documents & Images – Simple Search.
  • Select /documents/slideshow or /documents/slideshow_fullwidth and click List All Files.
  • Locate SlideshowLinks.txt and click Download.
  • Open the file.

The first line in SlideshowLinks.txt must be slideURL.

  • Each subsequent line should have a hash (#) character to display an image,

...

  • OR a link to a page your website.
  • In the below example, the first

...

...

  • and third

...

  • images will display but not link anywhere as they have hashes, not a link.

...

  • Image Added
  • Upload the modified SlideshowLinks.txt file into /documents/slideshow or /documents/slideshow._fullwidth


The second step is uploading your new Slideshow images to replace your existing images.:

  • Upload your new Slideshow images following the naming convention outlined below.
  • Close and reopen your browser or refresh your cache to see if the changes are reflected.

Note: You can obtain the URL path from your website by copying everything after the .com/ or .com.au/ in the address bar when you visit the page you want to link to.

...

Upload Parameter

...

Required Value

...

File Name Convention - Text File
File Name Convention - Images

...

Slideshow Image Parameters:

  • 870px width x 230px height (normal) OR 1920px width x 500px height (full width)
  • Name the images slideshow_1.jpg

...

  • through slideshow_

...

  • 9.jpg

...

Image Dimensions – Regular
Image Dimensions – Full Width

...

870 x 230 pixels
1920 x 500 pixels

...

Destination Folder – Regular
Destination Folder – Full Width

...

/documents/slideshow
/documents/slideshow_fullwidth

...

Optimise JPEGs

...


To upload the image, log in to the Straightsell Control Panel and navigate to:

  • Content Management > Documents & Images
  • Select the Upload tab
  • Choose the folder /documents/slideshow_fullwidth - FOR FULL WIDTH STYLE
  • Choose the folder /documents/slideshow - FOR OTHER STYLE
  • Click Browse and select your image file (or zip file if uploading multiple files)
  • Check the Publish box and Uncheck the Optimise JPEGs box
  • Click Upload File

Website Background Images

If your website has a custom background image this would have been uploaded during the website project. Image Removed
The concrete background image on a Standard Header Style 2017 website

Options There are default options available for your 2017 Website include the belowwebsite background, although you can also upload your own if you wish.

If you need assistance with setting up a background please submit a Service Request in the Straightsell Help Portal. Image Removed
Standard backgrounds available in the 2017 Website Template

...

Option

...

Value

...

File Name Convention

...

CategoryName.jpg

...

Size

...

400 x 400 Pixels

...

Destination Folder

...

/documents/categories


...

Optimise JPEGs

...

Background Image Parameters:

  • 400px width x 400px height
  • Name the image Background.jpg


To upload the image, log in to the Straightsell Control Panel and navigate to:

  • Content Management > Documents & Images
  • Select the Upload tab
  • Choose the folder /documents/background
  • Click Browse and select your image file
  • Check the Publish box and Uncheck the Optimise JPEGs box
  • Click Upload File

Brand Logo Images

You can display Brand logos on your home page below the Product Showcase.

The default layout allows for three or six Brand logos, with three per row. Image Removed
Six brand logos uploaded into /documents/brandlogos

...

Option

...

Value

...

File Name Convention 1
File Name Convention 2



...

Standard Style Image Parameters:

  • 279px width x 140px height
  • Name the image brandlogo_1.jpg through brandlogo_6.jpg

...


...

Size

...

279 x 140 Pixels

...

Destination Folder

To upload the image, log in to the Straightsell Control Panel and navigate to:

  • Content Management > Documents & Images
  • Select the Upload tab
  • Choose the folder /documents/brandlogos
  • Click Browse and select your image file
  • Check the Publish box and Uncheck the Optimise JPEGs box

...

  • Click Upload File

Product Category Images

If you have Category Images enabled on your website you can upload images matching the name of the category level and they will show up when browsing your products list. Image Removed
Category Images for the Beds, Beside Tables and Dressers subcategories.

...

Upload Parameter

...

Required Value

...

File Name Convention

...

CategoryName.jpg

...

Size

...

200 x 200 Pixels


...

Destination Folder

...

Product Category Image Parameters:

  • 200px width x 200px height
  • Name the image CategoryName.jpg


To upload the image, log in to the Straightsell Control Panel and navigate to:

  • Content Management > Documents & Images
  • Select the Upload tab
  • Choose the folder /documents/categories
  • Click Browse and select your image file
  • Check the Publish box and Uncheck the Optimise JPEGs box
  • Click Upload File

Product Category Header Text and Images

Product Category Header Text and Images is an optional Add On that allows you to provide more information when customers are browsing your product categories.

If you have Category Header Text and Images enabled you will need to set up an entry for your BannerText custom form in Content Management – Form Generator, and the .

The image uploaded into the /categoryheader folder must match the name of the form. Image Removed


A Product Category Header Text and Images example for the Accessories category

...

Upload Parameter

...

Required Value

...

File Name Convention

...

CategoryLevel

...

Size

...

430 x 200/300 x 150 Pixels

...

Destination Folder

...

/documents/categoryheader

...

Optimise JEPGs

...

Image Parameters:

  • 430px width x 200px height
  • Name the image CategoryLevel.jpg


To upload the image, log in to the Straightsell Control Panel and navigate to:

  • Content Management > Documents & Images
  • Select the Upload tab
  • Choose the folder /documents/categoryheader
  • Click Browse and select your image file
  • Check the Publish box and Uncheck the Optimise JPEGs box
  • Click Upload File

Email Header Images

The emails that your customers receive from Email Marketing Campaigns, Order Confirmations and Registration all include an image.

This can be replaced like all other website images and changes will appear in all emails after upload of the new image. Image Removed
An example email marketing campaign with the EmailBanner.jpg image

...

Upload Parameter

...

Required Value

...

File Names - Logo

...

EmailBanner.jpg

...

Dimensions - Logo

...

280px × 90 / 280 x 120px

...

Destination Folder

...

/documents

...

Optimise JEPGs

...


Email Header Image Parameters:

  • 280px width x 120/90px height
  • Name the image EmailBanner.jpg


To upload the image, log in to the Straightsell Control Panel and navigate to:

  • Content Management > Documents & Images
  • Select the Upload tab
  • Choose the folder /documents
  • Click Browse and select your image file
  • Check the Publish box and Uncheck the Optimise JPEGs box
  • Click Upload File

Blog Images

Blog articles can have an image displayed against articles, as well as images in the body of the article.

...