27
To start editing your app/website feature, you can be on either the ‘App’ or ‘Web’ View located on the top Header Bar.

Gallery Tutorial

Embed Size (px)

Citation preview

Page 1: Gallery Tutorial

To start editing your app/website feature, you can be on either the ‘App’ or ‘Web’ View located on the top Header Bar.

Page 2: Gallery Tutorial

Access the ‘Features’ tab on the App Panel

Page 3: Gallery Tutorial

Once the ‘Features’ tab has been selected the app panel will appear with a list of the features that are already applied to your app. On the top right of the panel there is a ‘Manage’ button, click this to access the features menu where you can pick and choose which features you would like on your app.

Page 4: Gallery Tutorial

Select the ‘Gallery’ feature. ’Add’ the feature and then move it to where you would like it to be placed on your app panel. Press

‘Close' once you’ve finished.

Page 5: Gallery Tutorial

Select the ‘Gallery’ tab now located on your app panel.

Page 6: Gallery Tutorial

For a detailed description of what the ‘Gallery’ feature does hover over the question mark button

Page 7: Gallery Tutorial

Click the customise button to change the name or the icon

of your gallery feature.

Page 8: Gallery Tutorial

To chose an icon or to upload your own custom icon press

the ‘Browse’ button.

Page 9: Gallery Tutorial

Choose an icon from the list provided, or to upload your own icon press the ‘Upload custom icon’ tab.

Page 10: Gallery Tutorial

To upload your custom icon drag and drop your 60 x 60 pixel image into the blue area, or press browse to find your icon manually. Press

set when you have chosen your icon.

Page 11: Gallery Tutorial

Press ‘Save’ once you have finished customising your features name and icon.

Page 12: Gallery Tutorial

Click on ‘Add Album’ to start uploading images

Page 13: Gallery Tutorial

Name your gallery with what you would like it to be labelled

Page 14: Gallery Tutorial

Upload your images by dragging and dropping them into the blue square, or upload them manually by

selecting ‘Browse’

Page 15: Gallery Tutorial

Hover over your image to change the description, delete the image or drag it to re-order your gallery

Page 16: Gallery Tutorial

Once you have finished uploading your images click ‘Save’.

Page 17: Gallery Tutorial

To continue adding albums click on ‘Add Album’ again and follow the previous steps

Page 18: Gallery Tutorial

On each album you'll see a number (which shows the number of photos in that album) and a recycle bin icon next to it (to delete the full album).

You can edit each album or add more photos to it by clicking on the image

Page 19: Gallery Tutorial

Re-order your gallery by holding the bar icon and dragging your album to where you would like it to be

placed.

Page 20: Gallery Tutorial

Preview AppTo view your new app feature download the Putti

Preview App and navigate to your gallery tab.

Page 21: Gallery Tutorial

Once you are in the gallery you will be able to see all the images you have uploaded

Page 22: Gallery Tutorial

If you're looking to view photos by album, please tap the ‘Albums’ button on the top right.

Page 23: Gallery Tutorial

Once you’ve pressed the ‘Album’ button the images will be grouped in to their gallery

Page 24: Gallery Tutorial

Preview WebsiteIf you have chosen to have a responsive website then make sure

you have completed the ‘Layout’ section of the CMS (under ‘Web’ View). Click ‘Preview’ on the top header bar to view the

Gallery tab on your website.

Page 25: Gallery Tutorial

Once you’ve accessed your website navigate to your gallery tab. Your gallery tab will appear in different places depending on the layout or template you’ve

chosen.

Page 26: Gallery Tutorial

If you would like to view your images in albums then click the ‘Gallery’ button in the centre

Page 27: Gallery Tutorial

You can click on any photo to view it in full size and click on the 'Close' button below once you're done viewing it.