Page Gallery

Introduction

The page gallery can be installed to display customer photos on any page. Most of our customers use it on their homepage, about us page, and blogs. The gallery is mobile and tablet friendly.

When customers click on a photo, it pops open a modal and display a large image of the photo. Further clicking on it will take the customer to either the Instagram page or the uploaded image link.

Installation

You can have an unlimited number of galleries and install it throughout your site. To install a gallery, follow these steps to install that gallery.

  1. Go to list of your galleries
  2. Click on the gallery that you want to embed
  3. Click on Install to get the code

The instructions defaults to installing it on your index.liquid page. However, you can install it on any page.

Shop This Look Advance Plan

The default gallery will display the username and caption. However, if you tag photos with products, those products will be displayed so customers can SHOP THIS LOOK. Clicking on the product will take them straight to that products page.

In addition, when your customers hover over the photos, a text will display IN THIS LOOK. These text copy are customizable.

Alignment

The gallery will automatically adjust and center-align with the number of photos you have. For example, below is a gallery with only 3 images.

Layout

You can embed the gallery anywhere on the page. The gallery will take 100% of the width that it is allocated to. So, if you want the gallery in a two column page, you just have to embed the gallery within that column.

The gallery is embedded on the right column of this 2 column layout section. The code looks like this:


<div class="row">
<div class="col-6">
<div class="socialphotos-com-gallery slpht-clearfix" data-id="38133183">
</div></div>

Next Steps