In the comments section of Filterable Portfolio in Genesis using Isotope tutorial a user asked,
How can i implement this script in a widgetized home page section? (I am using cafe pro and want to have this in section 4)
We can edit front-page.php in Cafe Pro and replace the code that outputs front-page-4 widget area with two loops - one for displaying the linked portfolio categories i.e., the filters row and the other for portfolio post type entries in a format needed for Isotope to filter the entries.
Screenshots:
Desktop
on hover
Mobile
Step 1
Add the following in Cafe Pro's's functions.php:
