Connect Image Blocks with Portfolio Page

Description

• connect Image Blocks in a section with Portfolio Page
• view demo – password: abc
• buy me a coffee

#1. Install Code

#1.1. Make sure you added Portfolio Page URL to an Image Block. Just an Image Block is enough.

#1.2. Hover on top right of section > Click EDIT SECTION

#1.3. at Design > Anchor Link > enter word: image-portfolio

#1.4. Hover on Page where you use Image Blocks > Click Gear icon

#1.5. Click Advanced > Paste this code

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

<!-- 06.26c30v4 Connect Image Blocks with Portfolio Page -->
<script>
window.ImagePortfolioSyncConfig = {
  sectionSelector: 'section[id*="image-portfolio"]',
  linkMode: 'item',
  openInNewTab: false,
  setTitleFromPortfolio: true,
  titleLink: true,
  showLoader: true
};
</script>
<script src="https://code.beaverhero.com/imageblock/0626c30v4connectimgblock-portfolio.js"></script>

#2. Customize

#3. Other

#3.1. If you use Personal/Basic Plan and your plan doesn’t support Injection, you can add a Block to section

Then choose Markdown

Then add this code into Markdown

<script>
window.ImagePortfolioSyncConfig = {
  sectionSelector: 'section[id*="image-portfolio"]',
  linkMode: 'item',
  openInNewTab: false,
  setTitleFromPortfolio: true,
  titleLink: true,
  showLoader: true
};
</script>
<script src="https://code.beaverhero.com/imageblock/0626c30v4connectimgblock-portfolio.js"></script>