Blog posts are a great way to keep your customers up-to-date and educated about your stores exciting events or special in-store offerings These events and special offerings may be best represented by some beautiful and informative photos but, unfortunately, right now there isn't a great way to display a gallery of images directly in a blog post. We suggest that you create a separate page to display all of your photos and link there from your blog post so your customers can really get immersed in what you have to offer. Below are instructions for how to build a gallery, create a page on which to display that gallery, and then link it to your blog post.
In the example below, we are working with a theoretical blog post regarding the refurbishing of custom jewelry:
- First you'll want to start by creating a slideshow with the appropriate images included. Go to Content --> Slide Shows --> Add Slide Show.
- Make sure that the slideshow is set to "Active" and give it a name that will help you differentiate this set of photos from future sets of photos for other posts. Then upload the images one by one. No need to link them or name them, just adding the image is sufficient for a gallery page. The images shouldn't be more than maybe 600 pixels wide or tall. (Note that you won't be able to use captions with this style of image display).
- Once all of the images have been uploaded, make sure to Save!
- Next you'll have to set up a new page. Go to Content --> Pages --> Add Page
- Click the tick box for "Published" so that the customers can view the page. Choose the "General" template as this is a standard page type. Name the page whatever you want (the slug will auto-populate on its own so leave that section alone). Put in the page URL, this is link you will use on the blog post.
- Choose "Save and Continue Editing" so that you can edit the body of the page.
- Under "Select a Dock" choose "Content" and then add a "Gallery" widget.
- Click on the Gallery widget and choose the slide show that you just created. You can choose to show the images in a Grid style or in Masonry style. As a tip, the masonry style tends to look nicer with images of different shapes and sizes, Grid is better for images that are very similar in shape and size. You can also choose how many images you want per column, you can use any number that works best for how you would like the page displayed and how many photos you have total. In the example below, I've chosen to have the images "Open in Lightbox" which means that the smaller images will silhouette and show a larger version of the image when they are clicked on. You are not required to use this option and can leave it blank if you prefer.
- Note the options that are not in the example below: You can also choose to add a hairline box around your images by choosing "Add Image Box." "Crop Image Size" is only relevant when using the Grid style and will attempt to crop all images to be one uniform height. If you want all images cropped to the same height, enter the height in pixels. "Masonry Padding" will default to 15 but you can choose to change this if you want more or less spacing between each image.
- Once you've finished making changes, make sure to Save!
- The last thing is to add the link to your blog post. Navigate back to the blog post you have already written and make sure to put in some text, for example "View Gallery," and then add a link to that text that will take the customer to your new gallery page!