Adding New Pattern Style
To add new Pattern style in the Divi Builder follow the Actions Items.
Action Items
- Copy Pattern Template (see bellow).
 - Replace 
NAME, all theET_Builder_Pattern_NAMEin the template (3 places). - Replace 
TITLEin the template (2 places). - Replace 
PRIORITYin the template, lower number will make it show-up early in Pattern Style Dropdown list in the VB. - Save in a new file, e.g: 
some-name.php, in this folder, add/commit to the repository. 
Tip:
- For 
NAME, if it's multiple words likeDiagonal Lines, use_to join, e.gDiagonal_Lines. - For 
filename, if it's multiple words likeDiagonal Lines, use-to join and make it lower case, e.gdiagonal-lines.php. - Once new 
filename.phpplaced in this folder, the new pattern would automatically appear in the VB (just refresh). - default', 'default-inverted', 'thumbnail' should only contain all tags inside the 
<svg></svg>file, e.g: 
'thumbnail'            => '<path d="M28,28H56V56H28ZM0,0H28V28H0Z"/>',
Pattern Template:
<?php
/**
 * Background Pattern Style - TITLE.
 *
 * @package Divi
 * @sub-package Builder
 * @since ??
 */
if ( ! defined( 'ABSPATH' ) ) {
	die( 'Direct access forbidden.' );
}
/**
 * Class ET_Builder_Pattern_NAME
 *
 * @since ??
 */
class ET_Builder_Pattern_NAME extends ET_Builder_Background_Pattern_Style_Base {
	/**
	 * Configuration.
	 *
	 * @return array
	 */
	public function settings() {
		return array(
			'label'      => esc_html__( 'TITLE', 'et-builder' ),
			'svgContent' => array(
				'default'          => '',
				'default-inverted' => '',
				'rotated'          => '',
				'rotated-inverted' => '',
				'thumbnail'        => '',
			),
			'width'      => '11px',
			'height'     => '11px',
			// Replace following PRIORITY with number (1-9) and uncomment to make it on top 9 list.
			// phpcs:ignore Squiz.PHP.CommentedOutCode.Found -- temporary comment.
			// 'priority'   => PRIORITY,
		);
	}
}
return new ET_Builder_Pattern_NAME();
Last Updated: Mar 10, 2022.