======iORDER - Create Map/Site images======

====Map and Site Image Preparation====
To make updating the Map and Site images easier, it is recommened that images are stored in a single folder and use suggested file naming convention for Map and Site images.
  - Create a new folder on your computer with the name 'Content' 

====Map Image====
  - Go to https://google.com.au/maps
  - Enter store's physical address
  - Zoom the map out to "15z"
  - Use the Windows 'Snipping Tool' to screen capture 2:1 rectangle portion of the map (min 300px x 150px), centering the map PIN showing the store's location
  - Create a new folder on your computer with the name 'Content' 
  - Save the MAP image to the new 'Content' folder with a file name mapImage_StoreName_Date.png, eg:
      * StoreName is the Company and suburb name of where the store is located (without any spaces). eg. For our Imagatec Cleveland site, it would be **ImagatecCleveland**)
      * Date is a reference to the creation date of the image in the format YYYYMMDD. eg. For the 5 November 2019 (or 5/11/2019), it would be **20191105**)
      * **mapImage_ImagatecCleveland_20191105.png**


====Site Image====
By using a Store image, you help to improve the visual appearance of your store's iOrder service, as well as provide your iOrder customers a visual reference of your physical store.
If you do not have a photo of your store, and you have already added your store to Google Maps, you may find a suitable image by looking through the photos that have been uploaded by your customers who have completed a Google review of your store.\\
To view images uploaded as part of a Google review:
  - Visit [[https://www.google.com.au/maps/|Google Maps]]
  - Search for your store by entering your store name
  - When your store loads in Google Maps, scroll down to the photos:
  * {{:customer_portal:manuals:iorder:iorder_management_panel_042.jpg?200|}}

Once you've decided on a suitable image to use as your Site image:
  - Open the desired Store image in a photo editor on your computer
  - Ensure the image has a width:height size ratio of 2:1 (min 300px x 150px)
  - Save the MAP image to the new 'Content' folder with a file name siteImage_StoreName_Date.png, eg:
      * StoreName is the Company and suburb name of where the store is located (without any spaces). eg. For our Imagatec Cleveland site, it would be **ImagatecCleveland**)
      * Date is a reference to the creation date of the image in the format YYYYMMDD. eg. For the 5 November 2019 (or 5/11/2019), it would be **20191105**)
      * **siteImage_ImagatecCleveland_20191105.png**



====Using Images====
  - 'ZIP' the 'Content' folder
  - Upload it to a cloud storage service (ie. Google Drive, Apple iCloud Drive, DropBox)
  - Create and copy a 'Share' link for the uploaded folder
  - Email the 'Share' link to Imagatec Helpdesk and Helpdesk will update the Map and Site images for your store


====Helpdesk iOrder Changes====
Imagatec Helpdesk will:
  - Confirm the size/quality of the images are suitable for iOrder
  - Upload your files to the cloud 'Content' folder created for your Company
  - Confirm the new Map and Site images are accessible from the cloud and ready for use in iOrder
  - Update your store's Map and Site Image settings in your [[customer_portal:manuals:iorder:iorder_panel:site_iorder_online_configuration|Site Configuration]]:
    * {{:customer_portal:manuals:iorder:iorder_management_panel_041.jpg?400|}}
  - Test iOrder to ensure the new Map and Site images are loading correctly
  - Email you to advise the new Map and Site images are now in place and being used in iOrder