Login

Set up a Page Gallery to display many images

Standard web HTML code is not very good at the enabling absolute placement of images on a page. Normally you're only able to align images left or right with text wrapped around them, or centre them in the page between paragraphs.

This can be a problem if you want to add lots of images to a page, as they can't be evenly spaced or in rows, and this results in a messy unprofessional-looking page.

To help you avoid this sort of mess, every page on your Orkneycommunities site lets you activate a 'Gallery' section within it. With this facility you can easily add a dozen or more photographs to the page and have them automatically presented in a neat and tidy grid format, and with titles and short descriptions beneath each. In addition, if there is a larger version of the image, then the Gallery facility will automaticallly provide a pop-up 'lightbox' to display these in an elegant interactive manner, with the user able to cycle through the images in the pop-up.

spanglefish gallery

So how do you use and edit the Gallery?

1) First, navigate to the page on your site where you want the gallery. Then click on the 'Page Properties' button.

page edit buttons

2) The Page Properties controls load, and the third panel down lets you activate a Gallery for the page by clicking on the 'Add a Gallery/Shop' button.

add gallery

3) Your page will now reload showing a row of empty gallery boxes below your main text . . .

gallery - no pictures yet

4) Click on the 'Add First Gallery Item' button to choose and configure your first gallery picture. A new panel loads providing fields for title, descripion and a 'Choose Picture' button for selecting the picture you want to use from your Image Bank. (There is also an optional link field, whihc lets you use the image as a link to another site or page, instead of the default opening of a lkarger version in a pop-up.)

(When selecting the image in your Image Bank, it's important that you choose the 'Small' size rather than the Medium or Large, as the system will then know to use the Medium size for the pop-up.)

gallery picyure editor

5) Click on the 'Add Item' button, and the gallery on your page will look something like this . . .

gallery grid

Each image displayed in your Gallery grid has it's own control strip above the image. The options there let you edit the item again, move it up or down to re-order the gallery display, or remove it form the gallery. Removing an item does NOT erase the image completely, it simply removes it from the page.

Gallery & PayPal Shop

Now, the more eagle-eyed of you may have noticed the reference to this functionality as 'Gallery/Shop' and may also have noticed the additional 'Add Paypal' panel included in the screenshot under point 4, above.

The Gallery facility can also be used to quickly set up an online shop, using PayPal as the payment processor. So, if you already have a PayPal account (or would like to open a PayPal account), then the Gallery/Shop facility can get you selling online really quickly.

Learn more about how to set up an Orkneycommunities Online Shop . . .