Portfolio Hide Item

To hide an item from Portfolio Page, you can do these.

#1. First, use this code to Portfolio Page Header Injection

<!-- @tuanphan - Portfolio Hide item -->
<script>
document.addEventListener('DOMContentLoaded',async function(){const gridItems=document.querySelectorAll('.grid-item');const hoverItems=document.querySelectorAll('.portfolio-hover-item');const checkPromises=Array.from(gridItems).map(async(item,index)=>{const href=item.getAttribute('href');if(!href)return;try{const response=await fetch(href);const html=await response.text();const parser=new DOMParser();const doc=parser.parseFromString(html,'text/html');const hideElement=doc.querySelector('[data-hide="true"]');if(hideElement){item.style.display='none';if(hoverItems[index]){hoverItems[index].style.display='none'}}}catch(error){console.error('Error checking item:',href)}});await Promise.all(checkPromises)})</script>

Portfolio hide item 1

#2. Edit each Portfolio item > Add a Code Block

Portfolio hide item 2#3. Paste this code into Code Block

<div data-hide="true"></div>

Portfolio hide item 3

Buy me a coffee