Articles in this section

Hiding a project from the project panel

  • Updated

We do not provide support for hacks, so use them at your own risk. If you're not comfortable with coding, we recommend against using this workaround.

By default, all published projects will appear in your project panel. You can hide the active project from your project panel straight from the project panel editor (image below). This way, the project won't show up in the project panel on its own project page. If you'd like to manually hide specific projects from the panel, follow this hack.

 

Manually hiding a specific project 

Step 1: Grab your project URL

First, we need to grab the URL of the project you want to hide. You can do this by opening the live project page and copying the URL from the search bar of your browser window.

Step 2: Add the Javascript

Once we have the URL (in this example, we'll use 'https://semplice.com/projects/project-177') we can place this code under the Customize > Advanced > Custom Javascript:

(function($) {
    var projects = [
    'https://semplice.com/projects/project-177',
    ];
    var $links = $('.project-panel .pp-thumb > a').filter(function(i, el) {
    return projects.includes($(el).attr('href'));
    });
    $links.closest('.pp-thumb').remove();
})(jQuery);

You can add as many projects as you want to the "projects" list above.

 

Alternative Portfolio Grid method

Another option is to use the "Portfolio Grid" module at the bottom of each project or in the footer. When this is done you can filter what projects are shown by choosing a specific category (e.g. "Featured"). You can find more information about how to add categories to the "Portfolio Grid" here.

 

Hiding the active project

You can hide the currently-viewed project from the projects panel by using the "Hide Active Project" option in the project panel editor. Go to Customize > Project Panel > Options then click "Yes" to activate it.

hide-active-project.png

 

 

Troubleshooting 

The script doesn't work when you navigate from another page

This can happen if you have Single App mode enabled under Semplice > Settings. Because Single App mode is a seamless site experience, scripts will not be loaded with every page load if placed globally.

To ensure scripts fire on each page load with Single App mode enabled, place your scripts in a Code module. You can place these Code modules in a global footer if you want the scripts to load on every page.

Related articles