Connect Gallery Grid with Portfolio Page

Description

• connect Gallery Grid (section) with Portfolio Page
• view demo – password: abc
• buy me a coffee

#1. Install Code

#1.1. Make sure you use Gallery Grid Simple (Section) + Enabled Captions

#1.2. Make sure you added Portfolio Page URL to FIRST IMAGE in Gallery

#1.3. Hover on top right of Gallery Grid > Click EDIT SECTION

#1.4. at Gallery > Anchor Link > enter word: gallery-portfolio

#1.5. Hover on Page where you use Grid Gallery > Click Gear icon

#1.6. Click Advanced > Paste this code

• If you use Personal/Basic Plan and your plan doesn’t support Injection, see #3.1

<!-- 06.26c28v6 Connect Gallery Grid with Portfolio Page -->
<script>
window.GalleryPortfolioSyncConfig = {
  sectionSelector: 'section[id*="gallery-portfolio"]',
  linkMode: 'item',
  openInNewTab: false,
  setCaptionFromTitle: true,
  matchGalleryCount: true,
  showLoader: true
};
</script>
<script src="https://code.beaverhero.com/portfolio/0626c28v6connectgallerygridportfolio.js"></script>

#2. Customize

nothing now

#3. Other

#3.1. If you use Personal/Basic Plan and your plan doesn’t support Injection, you can edit current page > Add a Block

Choose Markdown

Add this code into Markdown

<script>
window.GalleryPortfolioSyncConfig = {
  sectionSelector: 'section[id*="gallery-portfolio"]',
  linkMode: 'item',
  openInNewTab: false,
  setCaptionFromTitle: true,
  matchGalleryCount: true,
  showLoader: true
};
</script>
<script src="https://code.beaverhero.com/portfolio/0626c28v6connectgallerygridportfolio.js"></script>