Download - Gallery Tutorial

Transcript
Page 1: Gallery Tutorial

Access the ‘Features’ tab on the App Panel

Page 2: 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 3: Gallery Tutorial

Select the ‘Gallery’ feature. Drag and drop the feature to where you would like it to be placed on your app panel.

Press close once you’ve finished.

Page 4: Gallery Tutorial

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

Page 5: Gallery Tutorial

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

Page 6: Gallery Tutorial

Click the customise button to change the name or the icon

of your gallery feature.

Page 7: Gallery Tutorial

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

the ‘Browse’ button.

Page 8: Gallery Tutorial

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

Page 9: 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 10: Gallery Tutorial

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

Page 11: Gallery Tutorial

Click on ‘Add Album’ to start uploading images

Page 12: Gallery Tutorial

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

Page 13: Gallery Tutorial

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

selecting ‘Browse’

Page 14: Gallery Tutorial

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

Page 15: Gallery Tutorial

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

Page 16: Gallery Tutorial

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

Page 17: 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 18: 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 19: Gallery Tutorial

Preview AppTo view your new app feature download the Putti

Preview App and navigate to your gallery tab.

Page 20: Gallery Tutorial

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

Page 21: Gallery Tutorial

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

Page 22: Gallery Tutorial

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

Page 23: Gallery Tutorial

Preview WebsiteIf you have chosen to have a responsive website then make sure you have completed the ‘Configure Website’ section of the CMS.

Click ‘Preview Website’ on the app panel.

Page 24: 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 25: Gallery Tutorial

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

Page 26: 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.


Top Related