11. Picture Galleries

Galleries enable you to show multiple images easily. You can also include a description and a larger preview, all in a single click.

Adding a new gallery:

  1. Click Add an Element located on the upper grey bar.
  2. Click the Gallery element. A generic gallery will appear.

 

Managing the gallery pictures:

  1. Click on the Gallery you’d like to modify.
  2. Click Manage located on the upper black ‘Gallery’ bar (Tip: you can also double-click on the Gallery).

The Reorder dialog will appear:

  • Drag’n’drop any of the pictures in the list up and down the list to reorder them. You can also use the up and down arrows located on the left side of each picture.
  • Enter a title inside the text input field. This information will appear every time the mouse hovers over the picture.
  • Click the Set Info button, a Set Info dialog box will appear. In it you can add a title, description and a link to each picture. This information will appear every time the mouse hovers over the picture.
  • Click the Duplicate button to duplicate a picture. A new copy will appear right under the original one.
  • Click the Delete button, to delete a picture. The picture will disappear from your gallery.

 

Adding a new picture to the gallery:

  1. Click Add a Picture located on the upper black ‘gallery’ bar. You can also add a picture from inside the Reorder dialog box.
  2. Choose the picture you would like to insert and click Open.

The system will upload your new picture, a progress bar will appear on the lower-left side of the screen (note: pictures larger than 512 kb will be resized, so your website will load faster. This might take 5-10 seconds. We don’t recommend uploading pictures larger than 1MB)

That’s it – a new picture will be added to your Gallery.


Managing the gallery settings :

  1. Click on the gallery you’d like to modify.
  2. Click Settings located on the upper black ‘Gallery’ bar.

 

The Gallery Settings dialog will appear:

  • Lines and Rows - Set the number of pictures you wish to have in each line and row. The change will immediately appear in your editor.
  • Spacing - Set the spaces between the pictures in your gallery and from the border of the gallery.
  • Upon Picture Click - Choose what will happen when someone clicks a picture in your gallery. The default settings are to show the pictures in full screen. If you’ve added links to any of the pictures, choose Open the Picture’s Link. Choose do nothing if you want the gallery to be a static element and not react.
  • Picture Re-sizing - Choose how the pictures will be re-sized in the thumbnail versions. Original Picture Size is recommended for best image quality.
  • Full-Screen Re-sizing - Choose how the pictures will be re-sized when they are opened in full-screen mode. Original Picture Size is recommended for best image quality.

 

Adding links to the gallery:

  1. Click on the Gallery you’d like to modify.
  2. Click Manage located on the upper black ‘Gallery’ bar (Tip: you can also double-click on the Gallery). A reorder box will appear.
  3. Click Set Info next to the picture you wish to link.
  4. Select the link type and add the URL, internal page or other relevant information.
  5. Click OK.

You can also link the entire Gallery by linking the element itself as shown here.

 

Adding text to the gallery:

  1. Click on the Gallery you’d like to modify.
  2. Click Manage located on the upper black ‘Gallery’ bar (Tip: you can also double-click on the Gallery). A reorder box will appear.
  3. Click Set Info next to the picture you wish to add text to.
  4. Add a Title and Description of the picture. This information will appear when the mouse hovers above the picture.
  5. Click OK.

 

Adding Facebook like buttons to the gallery:

  1. Click on the Gallery you’d like to modify.
  2. Click Social located on the upper black ‘Gallery’ bar.
  3. Check the box ‘Show like button for pictures’.