[Share] Add Portfolio Thumbnails under Pagination

To show Portfolio Thumbnails under Pagination, like this

You can follow these steps.

If you can't make it work, you can comment below or message me.

#1. Install Section Loader Plugin

https://www.will-myers.com/products/p/section-loader-supreme

or this link (referral link)

https://www.will-myers.com/products/p/section-loader-supreme?peachs_apc=tuan-phan

The plugin will give you some code like this

#2. Use this code to Portfolio Page Header Code Injection

<div data-wm-plugin="load" data-target="/portfolio01-gridsimple"></div>
<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 !== '/portfolio01-gridsimple') return;
  $('div.wm-load-container').insertAfter('section#itemPagination');
  const path = location.pathname;
    $(`a[href="${path}"]`).css('display', 'none')
})
</script>
<style>
.wm-load-container+section {
    padding-top: 0px !important;
}
body.view-item div.wm-load-container {
  display: block !important;
}
  div#gridThumbs {
    opacity: 1 !important;
    transform: unset !important;
}
</style>

#3. Note

This is Portfolio Page URL. You need to replace example url with your portfolio page url.

#4. I forgot, thumbnails will appear on both Portfolio List + Detail Page, so you can use this code under #2 code to hide them on Portfolio List Page.

<style>
body.view-list div.wm-load-container {
  display: none !important;
}
</style>