Moving Filterable Portfolio Module To Child Theme

These changes require a Divi child theme. Please check the following article if you have not set a child theme yet: https://intercom.help/elegantthemes/faq-s-and-troubleshooting/how-to-make-a-child-theme

In the child theme folder create a new folder, for example includes folder.
Now copy the divi/includes/builder/module/FilterablePortfolio.php file into the child-theme/includes/ folder.
Rename the file to something else, for example: custom-FilterablePortfolio.php
Open up the custom-FilterablePortfolio.php file and replace this code (the first line):

class ET_Builder_Module_Filterable_Portfolio extends ET_Builder_Module_Type_PostBased {

with:

class custom_ET_Builder_Module_Filterable_Portfolio extends ET_Builder_Module_Type_PostBased {

Also, replace this line:

$this->vb_support = 'on';

with:

$this->vb_support = 'off';

6. Next, open up functions.php file in your child theme folder and add the following code at the very bottom:

/*================================================
#Load custom Filterable Portfolio Module
================================================*/

function divi_custom_filterable_portfolio_module() {
    get_template_part( '/includes/custom-FilterablePortfolio' );
    $dcfm = new custom_ET_Builder_Module_Filterable_Portfolio();
    remove_shortcode( 'et_pb_filterable_portfolio' );
    add_shortcode( 'et_pb_filterable_portfolio', array( $dcfm, '_shortcode_callback' ) );
}

add_action( 'et_builder_ready', 'divi_custom_filterable_portfolio_module' );


function divi_custom_filterable_portfolio_class( $classlist ) { 
    // Blog Module 'classname' overwrite. 
    $classlist['et_pb_filterable_portfolio'] = array( 'classname' => 'custom_ET_Builder_Module_Filterable_Portfolio',); 
    return $classlist; 
} 

add_filter( 'et_module_classes', 'divi_custom_filterable_portfolio_class' );

Now you are ready to customize the Portfolio module the way you need and keep the changes while updating/reinstalling the parent Divi theme.