With Pic-Time’s Portfolio Page, you can showcase your Client Galleries all in one place. Decide which galleries you want to display and fully customize the Portfolio to fit your branding. Then integrate your Portfolio Page to your website for easy access for your current and prospective clients! Learn more about customizing and integrating the Portfolio Page here.
You can also display galleries by certain Gallery types and control the display by editing the integration coding. In this article, we will go over how to organize your galleries and customize the code to display different Gallery types.
Organize and Display Galleries
1. To begin, go to the specific Gallery's Gallery Setup tab and checkmark to Show on Portfolio. (Learn more about selecting sneak peek photos here!)
2. Then select the Gallery type for the gallery by clicking on the dropdown. The Gallery type will appear in the top navigation of your Portfolio Page.
Customize Portfolio Page Coding
Now you’re ready to customize the Portfolio Page display.
1. Click here to go to your Client Galleries > Portfolio Page, and click Share in the top right corner. (Learn how to customize the Portfolio Page here!)
2. Click Integrate into the Website to access the code.
3. Select your Website Platform from the dropdown, then copy the entire integration code and paste it into your website.
Edit Navigation Display Code
4. You will want to edit your specific Pic-Time URL in the code when you paste it into your website. In the code, replace the “headless=true” portion of your url with your desired navigation code as described below. This will display the particular categories based on the gallery's Gallery type in the Gallery Setup tab.
Pro Tip: When there's a Gallery type (i.e., "Personal Branding") that includes two separate words, you need to add "%20" to indicate a space between the words, e.g., demos.pic-time.com/client?focus=personal%20branding
Show all Gallery types but display a default category
"focus” shows everything in the navigation but picks the defined Gallery type by default. e.g.,
Show a specific Gallery type only
"show" hides everything else in the navigation except for the Gallery type you define. e.g.,
Show more than one specific Gallery type only
You can also add more Gallery types for "show" to display in the navigation, separated by a comma. e.g.,
Show more than one specific Gallery type only but display a default Gallery type
You can even default to a particular Gallery type with "&" e.g.,
