To jump to carousels, click here
Galleries
This article assumes you are already familiar with the information inside https://help.appnet.com/logging-in-and-editing-page-content/. If you find anything on this tutorial unclear we recommend reviewing this previous one.
To make edits to your gallery, first, ensure you are logged into your administrator account.
Then, navigate to the page your gallery is on and use the edit page button at the top to open the editor.
Next, find your gallery on the edit page, hover over it, and use the pencil to edit the element.
Your gallery edit popup should be very similar to the one depicted above.
Images are added, removed, and reordered in the red section.
Use the plus button boxed in blue to add new images from the media gallery or your device.
When you hover over an image you will see a white X box appear, like what is shown on the first image in the gallery. Clicking on this removes the image from the gallery.
Click on any image that is already added and drag to reorder the images.
When you are finished, ensure you save changes on the element and click update to push the changes to the site.
Carousels
Very similar to the gallery element is the post carousel element:
When set to Media mode using the dropdown as shown below, you can add photos to the carousel in the same manner as in galleries.
Other options in the dropdown allow you to select from different post types for showing blogs or similar material. You may also have additional settings appear if you select something other than Media.
Under the order & quantity tab, you can alter those two values.
The dropdown offers numerous options for reordering your selection. Most commonly used is “Order of selected posts” which then makes the carousel generate in whatever order the photos are in on the general tab. (Drag to reorder)
Quantity allows you to set a certain number of posts to include.
In the appearance tab, you can change the visual aspects of the displayed content.
For something like a rotating photo gallery, you probably want to set the “Grid Layout” to “Image Gallery” to get rid of the titles below the images in your carousel.
If you find your images either too grainy or too large, consider using the “Post Image Size” field to alter the images. For grainy pictures, set to full size. For photos that are too large, set the size of the image down to more of a thumbnail size.
Another common design setting is to make the images popup into a zoomed in popup when you click on them. You can do this by clicking on the Dynamic Value Stack on the right side of the ‘Overriding link’ field, and selecting “open post image in popup”
In the carousel tab you manage various carousel specific settings.
By changing number of items to show you can alter how many carousel items are visible at the same time, essentially you are designating a number of columns for the carousel.
Current item in the center lets you make the carousel center the focused item regardless of how many columns display. For example, setting items to show to two would normally have one in the left half and one in the right. If you turn this on it will cause one option to be centered and it will show half of the previous and next ones.
Enabling loop will let the carousel go back to the beginning when the end is reached, and auto rotation enables the automatic scrolling feature.
The navigation tab allows you to edit how users can interact with the carousel to cycle it.
We find that the settings showcased above give the cleanest look, but you may wish to try the others to find your personal favorite.