Buy me a coffee

Combine 2 Portfolio Pages

Description:

  • You have 2 Portfolio Page: Work, Work 02
  • This post will guide you copy all items from Work 02 page into Work page
  • This will require a custom plugin

#1. First, you need to install Section Loader Supreme Plugin.
Plugin will give you some code to Code Injection Header/Footer, like this.
Header

Combine 2 Portfolio Pages 1 Min

Footer

Combine 2 Portfolio Pages 2 Min

#2. Hover on Work 02 > Click Gear icon

Combine 2 Portfolio Pages 3 Min

See URL Slug. In my example, we will have: /work-02
We will use URL Slug in next steps.

Combine 2 Portfolio Pages 4 Min

#3. Hover on Work Page > Click Gear icon > Advanced > Paste this code

<div data-wm-plugin="load" data-target="/work-02"></div>

Combine 2 Portfolio Pages 5 Min

#4. Paste this code to Footer Injection, under #1 code.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
document.addEventListener('wmSectionLoader:loaded', ({detail}) => {
  if (detail.target !== '/work-02') return;
  $('div.wm-load-container').insertAfter('#page>article>section div#gridThumbs');
})
</script>

Combine 2 Portfolio Pages 6 Min

#5. Use this code to Custom CSS box

body[class*="view-item"] [data-target="/work-02"] {
    display: none;
}

Combine 2 Portfolio Pages 7 Min

#6. ResultCombine 2 Portfolio Pages 8 Min