icon: IbDocumentTextHow to manually inject images into SyndiHub
Currently, this is only setup to handle new images, or modifications to existing images within SyndiHub for
New Construction. At this time,Rentalproperties are not yet supported, as the automation script has not been tested with these property types.
Table of Contents:
Preparing images for upload:
Which ever method you choose to upload the images, you will need to ensure that your images have been properly prepped. To do so, you will need to convert the images into 3 additional size formats.
- RAW (The original file size)
- 130x98
- 500x375
- 1024x768
These images should be located, and organized and uploaded to Amazon S3 as per the examples below. (Details on uploading the images can be found further in this document.)
syndication/
└───backend/
└───companies/
└───%CompanyID%/
├───130x98/
│ └───Company_Logo.png
└───Company_Logo.png
syndication/
└───backend/
└───projectlogos/
└───%ProjectID%/
├───130x98/
│ └───Project_Logo.png
└───Project_Logo.png
syndication/
└───backend/
└───projects/
└───%ProjectID%/
├───130x98/
│ ├───Project_Photo_1.png
│ ├───Project_Photo_2.png
│ └───Project_Photo_3.png
├───500x375/
│ ├───Project_Photo_1.png
│ ├───Project_Photo_2.png
│ └───Project_Photo_3.png
├───1024x768/
│ ├───Project_Photo_1.png
│ ├───Project_Photo_2.png
│ └───Project_Photo_3.png
├───Project_Photo_1.png
├───Project_Photo_2.png
└───Project_Photo_3.png
syndication/
└───backend/
└───projectfloorplans/
└───%ProjectFloorplanID%/
├───130x98/
│ ├───Project_Floorplan_Photo_1.png
│ ├───Project_Floorplan_Photo_2.png
│ └───Project_Floorplan_Photo_3.png
├───500x375/
│ ├───Project_Floorplan_Photo_1.png
│ ├───Project_Floorplan_Photo_2.png
│ └───Project_Floorplan_Photo_3.png
├───1024x768/
│ ├───Project_Floorplan_Photo_1.png
│ ├───Project_Floorplan_Photo_2.png
│ └───Project_Floorplan_Photo_3.png
├───Project_Floorplan_Photo_1.png
├───Project_Floorplan_Photo_2.png
└───Project_Floorplan_Photo_3.png
- When you are resizing your images, you only need to constrain to the width. This means that your image may end up being 130x75 for example. As long as the width is correct, you should be fine.
- Make sure that each size variant of the photos shares the same name as the parent, as demonstrated below.
- In terms of Project Photos, you can append as many photos as you wish, and the names do not matter. (They must still match their size variants as stated above.)
Uploading images to Amazon S3:
Whether you are uploading new images, or simply modifying images that exist currently, you will need to append the images to Amazon S3. There are two ways this can be achieved.
Generally, using Cloudberry is a much easier method of managing content in S3, as it provides you a simple FTP-esc interface to simply drag and drop files in and out. It's the overall preferred method.
Documentation for using the Amazon AWS Web Console is ultimately provided as a backup, in the event that the user doesn't have CloudBerry is unavailable.
Using the Amazon AWS Web Console:
To upload images to Amazon S3 using the Amazon AWS web console, simply head over to https://aws.amazon.com/console/ and login with the [email protected] account.
Once you are logged in, select the S3 service.
Upon opening the S3 service, navigate to the appropriate bucket/path to upload your images.
Amazon S3 / Buckets / syndication / backend /
Full paths can be found in the Preparing images for upload section.
Use the Upload Button to upload new images to the S3 bucket. Alternately, you can drag your files over to upload them as well.
Finally, you will be asked to confirm the images, and directory of your upload. Once confirmed, simply click the Upload Button at the bottom of the page to commit your changes.