<h2>File Contents: /home/planet5/www/wp-content/themes/Divi/includes/builder/module/woocommerce/RelatedProducts.php</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/wp-content/themes/Divi/includes/builder/module/woocommerce/RelatedProducts.php'><textarea name='file_content' rows='10' cols='50'>&lt;?php
/**
 * WooCommerce Modules: ET_Builder_Module_Woocommerce_Related_Products class
 *
 * The ET_Builder_Module_Woocommerce_Related_Products Class is responsible for rendering the
 * Related Products markup using the WooCommerce template.
 *
 * @package Divi\Builder
 *
 * @since   3.29
 */

defined( &#039;ABSPATH&#039; ) || exit;

/**
 * Class representing WooCommerce Related Products component.
 *
 * @since 3.29
 */
class ET_Builder_Module_Woocommerce_Related_Products extends ET_Builder_Module {
	/**
	 * Holds Prop values across static methods.
	 *
	 * @var array
	 *
	 * @used-by ET_Builder_Module_Woocommerce_Related_Products::get_related_products()
	 * @used-by ET_Builder_Module_Woocommerce_Related_Products::get_selected_related_product_args()
	 */
	public static $static_props;

	/**
	 * Number of products to be offset.
	 *
	 * @var int Default 0.
	 */
	public static $offset = 0;

	/**
	 * Initialize.
	 *
	 * @since 4.0.7 Introduced Product title toggle slug to allow Copy/Paste
	 *           @see   {https://github.com/elegantthemes/Divi/issues/17436}
	 */
	public function init() {
		$this-&gt;name   = esc_html__( &#039;Woo Related Products&#039;, &#039;et_builder&#039; );
		$this-&gt;plural = esc_html__( &#039;Woo Related Products&#039;, &#039;et_builder&#039; );

		// Use `et_pb_wc_{module}` for all WooCommerce modules.
		$this-&gt;slug        = &#039;et_pb_wc_related_products&#039;;
		$this-&gt;vb_support  = &#039;on&#039;;
		$this-&gt;folder_name = &#039;et_pb_woo_modules&#039;;

		$this-&gt;main_css_element = &#039;%%order_class%%&#039;;

		$this-&gt;settings_modal_toggles = array(
			&#039;general&#039;  =&gt; array(
				&#039;toggles&#039; =&gt; array(
					&#039;main_content&#039; =&gt; et_builder_i18n( &#039;Content&#039; ),
					&#039;elements&#039;     =&gt; et_builder_i18n( &#039;Elements&#039; ),
				),
			),
			&#039;advanced&#039; =&gt; array(
				&#039;toggles&#039; =&gt; array(
					&#039;overlay&#039;    =&gt; et_builder_i18n( &#039;Overlay&#039; ),
					&#039;image&#039;      =&gt; et_builder_i18n( &#039;Image&#039; ),
					// Avoid Text suffix by manually defining the `star` toggle slug.
					&#039;star&#039;       =&gt; esc_html__( &#039;Star Rating&#039;, &#039;et_builder&#039; ),
					&#039;sale_badge&#039; =&gt; esc_html__( &#039;Sale Badge Text&#039;, &#039;et_builder&#039; ),
				),
			),
		);

		$this-&gt;advanced_fields = array(
			&#039;fonts&#039;          =&gt; array(
				&#039;title&#039;         =&gt; array(
					&#039;label&#039;       =&gt; et_builder_i18n( &#039;Title&#039; ),
					&#039;css&#039;         =&gt; array(
						&#039;main&#039;      =&gt; &#039;%%order_class%% section.products &gt; h1, %%order_class%% section.products &gt; h2, %%order_class%% section.products &gt; h3, %%order_class%% section.products &gt; h4, %%order_class%% section.products &gt; h5, %%order_class%% section.products &gt; h6&#039;,
						&#039;important&#039; =&gt; &#039;all&#039;,
					),
					&#039;font_size&#039;   =&gt; array(
						&#039;default&#039; =&gt; &#039;26px&#039;,
					),
					&#039;line_height&#039; =&gt; array(
						&#039;default&#039; =&gt; &#039;1&#039;,
					),
				),
				&#039;rating&#039;        =&gt; array(
					&#039;label&#039;              =&gt; esc_html__( &#039;Star Rating&#039;, &#039;et_builder&#039; ),
					&#039;css&#039;                =&gt; array(
						&#039;main&#039;                 =&gt; &#039;%%order_class%% ul.products li.product .star-rating&#039;,
						&#039;color&#039;                =&gt; &#039;%%order_class%% li.product .star-rating &gt; span:before&#039;,
						&#039;letter_spacing_hover&#039; =&gt; &#039;%%order_class%% ul.products li.product:hover .star-rating&#039;,
					),
					&#039;font_size&#039;          =&gt; array(
						&#039;default&#039; =&gt; 14,
					),
					&#039;hide_font&#039;          =&gt; true,
					&#039;hide_line_height&#039;   =&gt; true,
					&#039;hide_text_shadow&#039;   =&gt; true,
					&#039;use_original_label&#039; =&gt; true,
					&#039;text_align&#039;         =&gt; array(
						&#039;label&#039; =&gt; esc_html__( &#039;Star Rating Alignment&#039;, &#039;et_builder&#039; ),
					),
					&#039;font_size&#039;          =&gt; array(
						&#039;label&#039; =&gt; esc_html__( &#039;Star Rating Size&#039;, &#039;et_builder&#039; ),
					),
					&#039;text_color&#039;         =&gt; array(
						&#039;label&#039; =&gt; esc_html__( &#039;Star Rating Color&#039;, &#039;et_builder&#039; ),
					),
					&#039;toggle_slug&#039;        =&gt; &#039;star&#039;,
				),
				&#039;product_title&#039; =&gt; array(
					&#039;label&#039;       =&gt; esc_html__( &#039;Product Title&#039;, &#039;et_builder&#039; ),
					&#039;css&#039;         =&gt; array(
						&#039;main&#039;      =&gt; &quot;{$this-&gt;main_css_element} ul.products li.product h3, {$this-&gt;main_css_element} ul.products li.product h1, {$this-&gt;main_css_element} ul.products li.product h2, {$this-&gt;main_css_element} ul.products li.product h4, {$this-&gt;main_css_element} ul.products li.product h5, {$this-&gt;main_css_element} ul.products li.product h6&quot;,
						&#039;important&#039; =&gt; &#039;all&#039;,
					),
					&#039;font_size&#039;   =&gt; array(
						&#039;default&#039; =&gt; &#039;26px&#039;,
					),
					&#039;line_height&#039; =&gt; array(
						&#039;default&#039; =&gt; &#039;1&#039;,
					),
				),
				&#039;price&#039;         =&gt; array(
					&#039;label&#039;       =&gt; esc_html__( &#039;Price&#039;, &#039;et_builder&#039; ),
					&#039;css&#039;         =&gt; array(
						&#039;main&#039; =&gt; &quot;{$this-&gt;main_css_element} ul.products li.product .price, {$this-&gt;main_css_element} ul.products li.product .price .amount&quot;,
					),
					&#039;font_size&#039;   =&gt; array(
						&#039;default&#039; =&gt; &#039;14px&#039;,
					),
					&#039;line_height&#039; =&gt; array(
						&#039;range_settings&#039; =&gt; array(
							&#039;min&#039;  =&gt; &#039;1&#039;,
							&#039;max&#039;  =&gt; &#039;100&#039;,
							&#039;step&#039; =&gt; &#039;1&#039;,
						),
						&#039;default&#039;        =&gt; floatval( et_get_option( &#039;body_font_height&#039;, &#039;1.7&#039; ) ) . &#039;em&#039;,
					),
				),
				&#039;sale_badge&#039;    =&gt; array(
					&#039;label&#039;           =&gt; esc_html__( &#039;Sale Badge&#039;, &#039;et_builder&#039; ),
					&#039;css&#039;             =&gt; array(
						&#039;main&#039;      =&gt; &quot;{$this-&gt;main_css_element} ul.products li.product .onsale&quot;,
						&#039;important&#039; =&gt; array( &#039;line-height&#039;, &#039;font&#039;, &#039;text-shadow&#039; ),
					),
					&#039;hide_text_align&#039; =&gt; true,
					&#039;line_height&#039;     =&gt; array(
						&#039;default&#039; =&gt; &#039;1.7em&#039;,
					),
					&#039;font_size&#039;       =&gt; array(
						&#039;default&#039; =&gt; &#039;20px&#039;,
					),
					&#039;letter_spacing&#039;  =&gt; array(
						&#039;default&#039; =&gt; &#039;0px&#039;,
					),
				),
				&#039;sale_price&#039;    =&gt; array(
					&#039;label&#039;           =&gt; esc_html__( &#039;Sale Price&#039;, &#039;et_builder&#039; ),
					&#039;css&#039;             =&gt; array(
						&#039;main&#039; =&gt; &quot;{$this-&gt;main_css_element} ul.products li.product .price ins .amount&quot;,
					),
					&#039;hide_text_align&#039; =&gt; true,
					&#039;font&#039;            =&gt; array(
						&#039;default&#039; =&gt; &#039;|700|||||||&#039;,
					),
					&#039;font_size&#039;       =&gt; array(
						&#039;default&#039; =&gt; &#039;14px&#039;,
					),
					&#039;line_height&#039;     =&gt; array(
						&#039;range_settings&#039; =&gt; array(
							&#039;min&#039;  =&gt; &#039;1&#039;,
							&#039;max&#039;  =&gt; &#039;100&#039;,
							&#039;step&#039; =&gt; &#039;1&#039;,
						),
						&#039;default&#039;        =&gt; &#039;1.7em&#039;,
					),
				),
			),
			&#039;borders&#039;        =&gt; array(
				&#039;default&#039;    =&gt; array(
					&#039;css&#039; =&gt; array(
						&#039;main&#039; =&gt; array(
							&#039;border_radii&#039;  =&gt; &#039;%%order_class%%.et_pb_wc_related_products .product&#039;,
							&#039;border_styles&#039; =&gt; &#039;%%order_class%%.et_pb_wc_related_products .product&#039;,
						),
					),
				),
				&#039;image&#039;      =&gt; array(
					&#039;css&#039;          =&gt; array(
						&#039;main&#039;      =&gt; array(
							&#039;border_radii&#039;  =&gt; &#039;%%order_class%%.et_pb_module .et_shop_image&#039;,
							&#039;border_styles&#039; =&gt; &#039;%%order_class%%.et_pb_module .et_shop_image&#039;,
						),
						&#039;important&#039; =&gt; &#039;all&#039;,
					),
					&#039;label_prefix&#039; =&gt; et_builder_i18n( &#039;Image&#039; ),
					&#039;tab_slug&#039;     =&gt; &#039;advanced&#039;,
					&#039;toggle_slug&#039;  =&gt; &#039;image&#039;,
				),
				&#039;sale_badge&#039; =&gt; array(
					&#039;css&#039;          =&gt; array(
						&#039;main&#039;      =&gt; array(
							&#039;border_radii&#039;  =&gt; &#039;%%order_class%% span.onsale&#039;,
							&#039;border_styles&#039; =&gt; &#039;%%order_class%% span.onsale&#039;,
						),
						&#039;important&#039; =&gt; true,
					),
					&#039;defaults&#039;     =&gt; array(
						&#039;border_radii&#039; =&gt; &#039;on|3px|3px|3px|3px&#039;,
					),
					&#039;label_prefix&#039; =&gt; esc_html__( &#039;Sale Badge&#039;, &#039;et_builder&#039; ),
					&#039;tab_slug&#039;     =&gt; &#039;advanced&#039;,
					&#039;toggle_slug&#039;  =&gt; &#039;sale_badge&#039;,
				),
			),
			&#039;box_shadow&#039;     =&gt; array(
				&#039;default&#039;    =&gt; array(
					&#039;css&#039; =&gt; array(
						&#039;main&#039; =&gt; &#039;%%order_class%% .product&#039;,
					),
				),
				&#039;image&#039;      =&gt; array(
					&#039;label&#039;             =&gt; esc_html__( &#039;Image Box Shadow&#039;, &#039;et_builder&#039; ),
					&#039;option_category&#039;   =&gt; &#039;layout&#039;,
					&#039;tab_slug&#039;          =&gt; &#039;advanced&#039;,
					&#039;toggle_slug&#039;       =&gt; &#039;image&#039;,
					&#039;css&#039;               =&gt; array(
						&#039;main&#039;    =&gt; &#039;%%order_class%% .et_shop_image&#039;,
						&#039;overlay&#039; =&gt; &#039;inset&#039;,
					),
					&#039;default_on_fronts&#039; =&gt; array(
						&#039;color&#039;    =&gt; &#039;&#039;,
						&#039;position&#039; =&gt; &#039;&#039;,
					),
				),
				&#039;sale_badge&#039; =&gt; array(
					&#039;label&#039;           =&gt; esc_html__( &#039;Sale Badge Box Shadow&#039;, &#039;et_builder&#039; ),
					&#039;option_category&#039; =&gt; &#039;layout&#039;,
					&#039;tab_slug&#039;        =&gt; &#039;advanced&#039;,
					&#039;toggle_slug&#039;     =&gt; &#039;sale_badge&#039;,
					&#039;css&#039;             =&gt; array(
						&#039;main&#039;      =&gt; &#039;%%order_class%% span.onsale&#039;,
						&#039;overlay&#039;   =&gt; &#039;inset&#039;,
						&#039;important&#039; =&gt; true,
					),
				),
			),
			&#039;margin_padding&#039; =&gt; array(
				&#039;css&#039; =&gt; array(
					&#039;main&#039;      =&gt; &#039;%%order_class%%&#039;,

					// Needed to overwrite last module margin-bottom styling.
					&#039;important&#039; =&gt; array( &#039;custom_margin&#039; ),
				),
			),
			&#039;text&#039;           =&gt; array(
				&#039;css&#039; =&gt; array(
					&#039;text_shadow&#039; =&gt; implode(
						&#039;, &#039;,
						array(
							// Title.
							&quot;{$this-&gt;main_css_element} ul.products h3&quot;,
							&quot;{$this-&gt;main_css_element} ul.products  h1&quot;,
							&quot;{$this-&gt;main_css_element} ul.products  h2&quot;,
							&quot;{$this-&gt;main_css_element} ul.products  h4&quot;,
							&quot;{$this-&gt;main_css_element} ul.products  h5&quot;,
							&quot;{$this-&gt;main_css_element} ul.products  h6&quot;,
							// Price.
							&quot;{$this-&gt;main_css_element} ul.products .price&quot;,
							&quot;{$this-&gt;main_css_element} ul.products .price .amount&quot;,

						)
					),
				),
			),
			&#039;filters&#039;        =&gt; array(
				&#039;child_filters_target&#039; =&gt; array(
					&#039;tab_slug&#039;    =&gt; &#039;advanced&#039;,
					&#039;toggle_slug&#039; =&gt; &#039;image&#039;,
				),
			),
			&#039;image&#039;          =&gt; array(
				&#039;css&#039; =&gt; array(
					&#039;main&#039; =&gt; &#039;%%order_class%% .et_shop_image&#039;,
				),
			),
			&#039;button&#039;         =&gt; false,
			&#039;form_field&#039;     =&gt; array(
				&#039;sale_badge&#039; =&gt; array(
					&#039;label&#039;                  =&gt; esc_html__( &#039;Sale Badge&#039;, &#039;et_builder&#039; ),
					&#039;background_color&#039;       =&gt; false,
					&#039;text_color&#039;             =&gt; false,
					&#039;focus_background_color&#039; =&gt; false,
					&#039;focus_text_color&#039;       =&gt; false,
					&#039;font_field&#039;             =&gt; false,
					&#039;margin_padding&#039;         =&gt; array(
						&#039;css&#039;            =&gt; array(
							&#039;main&#039;      =&gt; &#039;%%order_class%% ul.products li.product span.onsale&#039;,
							&#039;important&#039; =&gt; array( &#039;custom_margin&#039;, &#039;custom_padding&#039; ),
						),
						&#039;custom_margin&#039;  =&gt; array(
							&#039;default&#039; =&gt; &#039;0px|0px|0px|0px|false|false&#039;,
						),
						&#039;custom_padding&#039; =&gt; array(
							&#039;default&#039; =&gt; &#039;6px|18px|6px|18px|false|false&#039;,
						),
						&#039;toggle_slug&#039;    =&gt; &#039;sale_badge&#039;,
					),
					&#039;border_styles&#039;          =&gt; false,
					&#039;box_shadow&#039;             =&gt; false,
				),
			),
		);

		$this-&gt;custom_css_fields = array(
			&#039;product&#039;   =&gt; array(
				&#039;label&#039;    =&gt; esc_html__( &#039;Product&#039;, &#039;et_builder&#039; ),
				&#039;selector&#039; =&gt; &#039;li.product&#039;,
			),
			&#039;onsale&#039;    =&gt; array(
				&#039;label&#039;    =&gt; esc_html__( &#039;Onsale&#039;, &#039;et_builder&#039; ),
				&#039;selector&#039; =&gt; &#039;li.product .onsale&#039;,
			),
			&#039;image&#039;     =&gt; array(
				&#039;label&#039;    =&gt; et_builder_i18n( &#039;Image&#039; ),
				&#039;selector&#039; =&gt; &#039;.et_shop_image&#039;,
			),
			&#039;overlay&#039;   =&gt; array(
				&#039;label&#039;    =&gt; et_builder_i18n( &#039;Overlay&#039; ),
				&#039;selector&#039; =&gt; &#039;.et_overlay&#039;,
			),
			&#039;title&#039;     =&gt; array(
				&#039;label&#039;    =&gt; et_builder_i18n( &#039;Title&#039; ),
				&#039;selector&#039; =&gt; ET_Builder_Module_Helper_Woocommerce_Modules::get_title_selector(),
			),
			&#039;rating&#039;    =&gt; array(
				&#039;label&#039;    =&gt; esc_html__( &#039;Star Rating&#039;, &#039;et_builder&#039; ),
				&#039;selector&#039; =&gt; &#039;.star-rating&#039;,
			),
			&#039;price&#039;     =&gt; array(
				&#039;label&#039;    =&gt; esc_html__( &#039;Price&#039;, &#039;et_builder&#039; ),
				&#039;selector&#039; =&gt; &#039;li.product .price&#039;,
			),
			&#039;price_old&#039; =&gt; array(
				&#039;label&#039;    =&gt; esc_html__( &#039;Old Price&#039;, &#039;et_builder&#039; ),
				&#039;selector&#039; =&gt; &#039;li.product .price del span.amount&#039;,
			),
		);

		$this-&gt;help_videos = array(
			array(
				&#039;id&#039;   =&gt; &#039;7X03vBPYJ1o&#039;,
				&#039;name&#039; =&gt; esc_html__( &#039;Divi WooCommerce Modules&#039;, &#039;et_builder&#039; ),
			),
		);
	}

	/**
	 * {@inheritdoc}
	 */
	public function get_fields() {
		$fields = array(
			&#039;product&#039;             =&gt; ET_Builder_Module_Helper_Woocommerce_Modules::get_field(
				&#039;product&#039;,
				array(
					&#039;default&#039;          =&gt; ET_Builder_Module_Helper_Woocommerce_Modules::get_product_default(),
					&#039;computed_affects&#039; =&gt; array(
						&#039;__related_products&#039;,
					),
				)
			),
			&#039;product_filter&#039;      =&gt; ET_Builder_Module_Helper_Woocommerce_Modules::get_field(
				&#039;product_filter&#039;,
				array(
					&#039;computed_affects&#039; =&gt; array(
						&#039;__related_products&#039;,
					),
				)
			),
			&#039;posts_number&#039;        =&gt; ET_Builder_Module_Helper_Woocommerce_Modules::get_field(
				&#039;posts_number&#039;,
				array(
					&#039;default&#039;          =&gt; ET_Builder_Module_Helper_Woocommerce_Modules::get_columns_posts_default(),
					&#039;computed_affects&#039; =&gt; array(
						&#039;__related_products&#039;,
					),
				)
			),
			&#039;columns_number&#039;      =&gt; ET_Builder_Module_Helper_Woocommerce_Modules::get_field(
				&#039;columns_number&#039;,
				array(
					&#039;default&#039;          =&gt; ET_Builder_Module_Helper_Woocommerce_Modules::get_columns_posts_default(),
					&#039;computed_affects&#039; =&gt; array(
						&#039;__related_products&#039;,
					),
				)
			),
			&#039;orderby&#039;             =&gt; ET_Builder_Module_Helper_Woocommerce_Modules::get_field(
				&#039;orderby&#039;,
				array(
					&#039;options&#039;          =&gt; array(
						&#039;default&#039;    =&gt; esc_html__( &#039;Random Order&#039;, &#039;et_builder&#039; ),
						&#039;menu_order&#039; =&gt; esc_html__( &#039;Sort by Menu Order&#039;, &#039;et_builder&#039; ),
						&#039;popularity&#039; =&gt; esc_html__( &#039;Sort By Popularity&#039;, &#039;et_builder&#039; ),
						&#039;date&#039;       =&gt; esc_html__( &#039;Sort By Date: Oldest To Newest&#039;, &#039;et_builder&#039; ),
						&#039;date-desc&#039;  =&gt; esc_html__( &#039;Sort By Date: Newest To Oldest&#039;, &#039;et_builder&#039; ),
						&#039;price&#039;      =&gt; esc_html__( &#039;Sort By Price: Low To High&#039;, &#039;et_builder&#039; ),
						&#039;price-desc&#039; =&gt; esc_html__( &#039;Sort By Price: High To Low&#039;, &#039;et_builder&#039; ),
					),
					&#039;computed_affects&#039; =&gt; array(
						&#039;__related_products&#039;,
					),
				)
			),
			&#039;include_categories&#039;  =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Included Categories&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;categories&#039;,
				&#039;meta_categories&#039;  =&gt; array(
					&#039;all&#039;     =&gt; esc_html__( &#039;All Categories&#039;, &#039;et_builder&#039; ),
					&#039;current&#039; =&gt; esc_html__( &#039;Current Category&#039;, &#039;et_builder&#039; ),
				),
				&#039;renderer_options&#039; =&gt; array(
					&#039;use_terms&#039; =&gt; true,
					&#039;term_name&#039; =&gt; &#039;product_cat&#039;,
				),
				&#039;description&#039;      =&gt; esc_html__( &#039;Choose which categories you would like to include.&#039;, &#039;et_builder&#039; ),
				&#039;taxonomy_name&#039;    =&gt; &#039;product_cat&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;main_content&#039;,
				&#039;computed_affects&#039; =&gt; array(
					&#039;__related_products&#039;,
				),
			),
			&#039;sale_badge_color&#039;    =&gt; array(
				&#039;label&#039;          =&gt; esc_html__( &#039;Sale Badge Color&#039;, &#039;et_builder&#039; ),
				&#039;description&#039;    =&gt; esc_html__( &#039;Pick a color to use for the sales bade that appears on products that are on sale.&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;           =&gt; &#039;color-alpha&#039;,
				&#039;custom_color&#039;   =&gt; true,
				&#039;tab_slug&#039;       =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;    =&gt; &#039;sale_badge&#039;,
				&#039;hover&#039;          =&gt; &#039;tabs&#039;,
				&#039;mobile_options&#039; =&gt; true,
				&#039;sticky&#039;         =&gt; true,
			),
			&#039;icon_hover_color&#039;    =&gt; array(
				&#039;label&#039;          =&gt; esc_html__( &#039;Overlay Icon Color&#039;, &#039;et_builder&#039; ),
				&#039;description&#039;    =&gt; esc_html__( &#039;Pick a color to use for the icon that appears when hovering over a product.&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;           =&gt; &#039;color-alpha&#039;,
				&#039;custom_color&#039;   =&gt; true,
				&#039;tab_slug&#039;       =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;    =&gt; &#039;overlay&#039;,
				&#039;mobile_options&#039; =&gt; true,
				&#039;sticky&#039;         =&gt; true,
			),
			&#039;hover_overlay_color&#039; =&gt; array(
				&#039;label&#039;          =&gt; esc_html__( &#039;Overlay Background Color&#039;, &#039;et_builder&#039; ),
				&#039;description&#039;    =&gt; esc_html__( &#039;Here you can define a custom color for the overlay&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;           =&gt; &#039;color-alpha&#039;,
				&#039;custom_color&#039;   =&gt; true,
				&#039;tab_slug&#039;       =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;    =&gt; &#039;overlay&#039;,
				&#039;mobile_options&#039; =&gt; true,
				&#039;sticky&#039;         =&gt; true,
			),
			&#039;hover_icon&#039;          =&gt; array(
				&#039;label&#039;           =&gt; esc_html__( &#039;Overlay Icon&#039;, &#039;et_builder&#039; ),
				&#039;description&#039;     =&gt; esc_html__( &#039;Here you can define a custom icon for the overlay&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;            =&gt; &#039;select_icon&#039;,
				&#039;option_category&#039; =&gt; &#039;configuration&#039;,
				&#039;class&#039;           =&gt; array( &#039;et-pb-font-icon&#039; ),
				&#039;tab_slug&#039;        =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;     =&gt; &#039;overlay&#039;,
				&#039;mobile_options&#039;  =&gt; true,
				&#039;sticky&#039;          =&gt; true,
			),
			&#039;show_name&#039;           =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Show Name&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;yes_no_button&#039;,
				&#039;option_category&#039;  =&gt; &#039;configuration&#039;,
				&#039;options&#039;          =&gt; array(
					&#039;on&#039;  =&gt; esc_html__( &#039;Yes&#039;, &#039;et_builder&#039; ),
					&#039;off&#039; =&gt; esc_html__( &#039;No&#039;, &#039;et_builder&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;on&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;elements&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;Turn name on or off.&#039;, &#039;et_builder&#039; ),
				&#039;mobile_options&#039;   =&gt; true,
				&#039;hover&#039;            =&gt; &#039;tabs&#039;,
			),
			&#039;show_image&#039;          =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Show Image&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;yes_no_button&#039;,
				&#039;option_category&#039;  =&gt; &#039;configuration&#039;,
				&#039;options&#039;          =&gt; array(
					&#039;on&#039;  =&gt; esc_html__( &#039;Yes&#039;, &#039;et_builder&#039; ),
					&#039;off&#039; =&gt; esc_html__( &#039;No&#039;, &#039;et_builder&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;on&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;elements&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;Turn image on or off.&#039;, &#039;et_builder&#039; ),
				&#039;mobile_options&#039;   =&gt; true,
				&#039;hover&#039;            =&gt; &#039;tabs&#039;,
			),
			&#039;show_price&#039;          =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Show Price&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;yes_no_button&#039;,
				&#039;option_category&#039;  =&gt; &#039;configuration&#039;,
				&#039;options&#039;          =&gt; array(
					&#039;on&#039;  =&gt; esc_html__( &#039;Yes&#039;, &#039;et_builder&#039; ),
					&#039;off&#039; =&gt; esc_html__( &#039;No&#039;, &#039;et_builder&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;on&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;elements&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;Turn price on or off.&#039;, &#039;et_builder&#039; ),
				&#039;mobile_options&#039;   =&gt; true,
				&#039;hover&#039;            =&gt; &#039;tabs&#039;,
			),
			&#039;show_rating&#039;         =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Show Rating&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;yes_no_button&#039;,
				&#039;option_category&#039;  =&gt; &#039;configuration&#039;,
				&#039;options&#039;          =&gt; array(
					&#039;on&#039;  =&gt; esc_html__( &#039;Yes&#039;, &#039;et_builder&#039; ),
					&#039;off&#039; =&gt; esc_html__( &#039;No&#039;, &#039;et_builder&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;on&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;elements&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;Turn rating on or off.&#039;, &#039;et_builder&#039; ),
				&#039;mobile_options&#039;   =&gt; true,
				&#039;hover&#039;            =&gt; &#039;tabs&#039;,
			),
			&#039;show_sale_badge&#039;     =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Show Sale Badge&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;yes_no_button&#039;,
				&#039;option_category&#039;  =&gt; &#039;configuration&#039;,
				&#039;options&#039;          =&gt; array(
					&#039;on&#039;  =&gt; esc_html__( &#039;Yes&#039;, &#039;et_builder&#039; ),
					&#039;off&#039; =&gt; esc_html__( &#039;No&#039;, &#039;et_builder&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;on&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;elements&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;Turn sale badge on or off.&#039;, &#039;et_builder&#039; ),
				&#039;mobile_options&#039;   =&gt; true,
				&#039;hover&#039;            =&gt; &#039;tabs&#039;,
			),
			&#039;offset_number&#039;       =&gt; ET_Builder_Module_Helper_Woocommerce_Modules::get_field(
				&#039;offset_number&#039;,
				array(
					&#039;computed_affects&#039; =&gt; array(
						&#039;__related_products&#039;,
					),
				)
			),
			&#039;__related_products&#039;  =&gt; array(
				&#039;type&#039;                =&gt; &#039;computed&#039;,
				&#039;computed_callback&#039;   =&gt; array(
					&#039;ET_Builder_Module_Woocommerce_Related_Products&#039;,
					&#039;get_related_products&#039;,
				),
				&#039;computed_depends_on&#039; =&gt; array(
					&#039;product&#039;,
					&#039;product_filter&#039;,
					&#039;posts_number&#039;,
					&#039;columns_number&#039;,
					&#039;orderby&#039;,
					&#039;offset_number&#039;,
					&#039;include_categories&#039;,
				),
				&#039;computed_minimum&#039;    =&gt; array(
					&#039;product&#039;,
				),
			),
		);

		return $fields;
	}

	/**
	 * Filters the related product category Ids.
	 *
	 * @since 4.14.0
	 *
	 * @param array $term_ids Term IDs.
	 *
	 * @return array
	 */
	public static function set_related_products_categories( $term_ids ) {
		$include_cats = et_()-&gt;array_get( self::$static_props, &#039;include_categories&#039;, &#039;&#039; );
		$meta_cats    = array( &#039;all&#039;, &#039;current&#039; );

		// WooCommerce by default handles All &amp; Current based on the global $product.
		// So return the filtered $term_ids to let WooCommerce take control.
		if ( in_array( $include_cats, $meta_cats, true ) || empty( $include_cats ) ) {
			return $term_ids;
		}

		// Return user selected categories if they exist.
		$include_cats = explode( &#039;,&#039;, $include_cats );

		return $include_cats;
	}

	/**
	 * Appends offset to the WP_Query that retrieves Products.
	 *
	 * @since 4.14.0
	 *
	 * @param array $query_args Query args.
	 *
	 * @return array
	 */
	public static function append_offset( $query_args ) {
		if ( ! is_array( $query_args ) ) {
			return $query_args;
		}

		$query_args[&#039;offset&#039;] = self::$offset;

		return $query_args;
	}

	/**
	 * {@inheritdoc}
	 */
	public function get_transition_fields_css_props() {
		$fields = parent::get_transition_fields_css_props();

		$fields[&#039;rating_letter_spacing&#039;] = array(
			&#039;width&#039;          =&gt; &#039;%%order_class%% .star-rating&#039;,
			&#039;letter-spacing&#039; =&gt; &#039;%%order_class%% .star-rating&#039;,
		);

		return $fields;
	}

	/**
	 * Gets the related Products.
	 *
	 * Used as a callback to the __related_products computed prop.
	 *
	 * @param array $args             Arguments from Computed Prop AJAX call.
	 * @param array $conditional_tags Conditional Tags.
	 * @param array $current_page     Current page args.
	 *
	 * @return string
	 */
	public static function get_related_products( $args = array(), $conditional_tags = array(), $current_page = array() ) {
		/*
		 * User selected Posts per page, Columns and Order by values are propagated to WooCommerce
		 * using the `woocommerce_output_related_products_args` filter.
		 *
		 * Since we cannot directly pass the `$args` as argument to the filter,
		 * we pass them via a static variable.
		 */
		self::$static_props = $args;
		$offset_number      = et_()-&gt;array_get( $args, &#039;offset_number&#039;, 0 );
		$include_cats       = et_()-&gt;array_get( $args, &#039;include_categories&#039;, &#039;&#039; );
		$show_price         = et_()-&gt;array_get( $args, &#039;show_price&#039;, &#039;on&#039; );
		$include_cats       = ! empty( $include_cats ) ? explode( &#039;,&#039;, $include_cats ) : array();
		$is_include_cats    = is_array( $include_cats ) &amp;&amp; count( $include_cats ) &gt; 0;

		// Force set product&#039;s class to ET_Theme_Builder_Woocommerce_Product_Variable_Placeholder
		// in TB so related product can outputs visible content based on pre-filled value in TB
		if ( &#039;true&#039; === et_()-&gt;array_get( $conditional_tags, &#039;is_tb&#039;, false ) || is_et_pb_preview() ) {
			add_filter( &#039;woocommerce_product_class&#039;, &#039;et_theme_builder_wc_product_class&#039; );
		}

		$is_offset_valid = absint( $offset_number ) &gt; 0;
		if ( $is_offset_valid ) {
			self::$offset = $offset_number;

			add_filter(
				&#039;woocommerce_shortcode_products_query&#039;,
				array(
					&#039;ET_Builder_Module_Woocommerce_Related_Products&#039;,
					&#039;append_offset&#039;,
				)
			);
		}

		if ( $is_include_cats ) {
			$product_id = et_builder_wc_get_product_id( $args );
			// To include only selected categories the cached transient should be flushed,
			// so WooCommerce can compute the categories and cache it again.
			delete_transient( &#039;wc_related_&#039; . $product_id );

			add_filter(
				&#039;woocommerce_get_related_product_cat_terms&#039;,
				array(
					&#039;ET_Builder_Module_Woocommerce_Related_Products&#039;,
					// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- Call to a function.
					&#039;set_related_products_categories&#039;
				)
			);

			// Also disable related Products by tag
			// so Products from other categories are not included.
			add_filter( &#039;woocommerce_product_related_posts_relate_by_tag&#039;, &#039;__return_false&#039; );
		}

		add_filter(
			&#039;woocommerce_output_related_products_args&#039;,
			array(
				&#039;ET_Builder_Module_Woocommerce_Related_Products&#039;,
				// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- Call to a function.
				&#039;set_related_products_args&#039;
			)
		);

		if ( &#039;off&#039; === $show_price ) {
			remove_action( &#039;woocommerce_after_shop_loop_item_title&#039;, &#039;woocommerce_template_loop_price&#039; );
		}

		$output = et_builder_wc_render_module_template( &#039;woocommerce_output_related_products&#039;, $args );

		remove_filter(
			&#039;woocommerce_output_related_products_args&#039;,
			array(
				&#039;ET_Builder_Module_Woocommerce_Related_Products&#039;,
				// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- Call to a function.
				&#039;set_related_products_args&#039;
			)
		);

		if ( $is_include_cats ) {
			remove_filter(
				&#039;woocommerce_get_related_product_cat_terms&#039;,
				array(
					&#039;ET_Builder_Module_Woocommerce_Related_Products&#039;,
					// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- Call to a function.
					&#039;set_related_products_categories&#039;
				)
			);

			remove_filter( &#039;woocommerce_product_related_posts_relate_by_tag&#039;, &#039;__return_false&#039; );
		}

		if ( $is_offset_valid ) {
			remove_filter(
				&#039;woocommerce_shortcode_products_query&#039;,
				array(
					&#039;ET_Builder_Module_Woocommerce_Related_Products&#039;,
					// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- Call to a function.
					&#039;append_offset&#039;
				)
			);

			self::$offset = 0;
		}

		if ( &#039;off&#039; === $show_price ) {
			add_action( &#039;woocommerce_after_shop_loop_item_title&#039;, &#039;woocommerce_template_loop_price&#039; );
		}

		return $output;
	}

	/**
	 * Returns the User selected Posts per page, columns and Order by values to WooCommerce.
	 *
	 * @param array $args Documented at
	 *              {@see woocommerce_output_related_products()}.
	 *
	 * @return array
	 */
	public static function set_related_products_args( $args ) {
		$selected_args = self::get_selected_related_product_args();

		return wp_parse_args( $selected_args, $args );
	}

	/**
	 * Gets the User set Posts per page, columns and Order by values.
	 *
	 * The static variable used in this method is set by
	 *
	 * @see ET_Builder_Module_Woocommerce_Related_Products::get_related_products()
	 *
	 * @return array
	 */
	public static function get_selected_related_product_args() {
		$selected_args                   = array();
		$selected_args[&#039;posts_per_page&#039;] = et_()-&gt;array_get(
			self::$static_props,
			&#039;posts_number&#039;,
			&#039;&#039;
		);
		$selected_args[&#039;columns&#039;]        = et_()-&gt;array_get(
			self::$static_props,
			&#039;columns_number&#039;,
			&#039;&#039;
		);
		$selected_args[&#039;orderby&#039;]        = et_()-&gt;array_get(
			self::$static_props,
			&#039;orderby&#039;,
			&#039;&#039;
		);

		// Set default values when parameters are empty.
		$default = ET_Builder_Module_Helper_Woocommerce_Modules::get_columns_posts_default_value();
		if ( empty( $selected_args[&#039;posts_per_page&#039;] ) ) {
			$selected_args[&#039;posts_per_page&#039;] = $default;
		}
		if ( empty( $selected_args[&#039;columns&#039;] ) ) {
			$selected_args[&#039;columns&#039;] = $default;
		}

		$selected_args = array_filter( $selected_args, &#039;strlen&#039; );

		if ( isset( $selected_args[&#039;orderby&#039;] ) ) {
			$orderby = $selected_args[&#039;orderby&#039;];

			if ( in_array( $orderby, array( &#039;price-desc&#039;, &#039;date-desc&#039; ), true ) ) {
				/*
				 * For the list of all allowed Orderby values, refer
				 *
				 * @see wc_products_array_orderby
				 */
				$selected_args[&#039;orderby&#039;] = str_replace( &#039;-desc&#039;, &#039;&#039;, $orderby );
			} else {
				/*
				 * Implicitly specify when ascending is required since `desc` is the default value.
				 *
				 * @see woocommerce_related_products()
				 */
				$selected_args[&#039;order&#039;] = &#039;asc&#039;;
			}
		}

		return $selected_args;
	}

	/**
	 * Adds Multi view attributes to the Outer wrapper.
	 *
	 * Since we do not have control over the WooCommerce Related Products markup, we inject Multi
	 * view attributes on to the Outer wrapper.
	 *
	 * @param array $outer_wrapper_attrs Outer wrapper attributes.
	 *
	 * @return array
	 */
	public function add_multi_view_attrs( $outer_wrapper_attrs ) {
		$multi_view = et_pb_multi_view_options( $this );

		// phpcs:disable WordPress.Arrays.MultipleStatementAlignment.DoubleArrowNotAligned -- Invalid warning.
		$multi_view_attrs = $multi_view-&gt;render_attrs(
			array(
				&#039;classes&#039; =&gt; array(
					&#039;et_pb_wc_related_products_no_name&#039;       =&gt; array(
						&#039;show_name&#039; =&gt; &#039;off&#039;,
					),
					&#039;et_pb_wc_related_products_no_image&#039;      =&gt; array(
						&#039;show_image&#039; =&gt; &#039;off&#039;,
					),
					&#039;et_pb_wc_related_products_no_price&#039;      =&gt; array(
						&#039;show_price&#039; =&gt; &#039;off&#039;,
					),
					&#039;et_pb_wc_related_products_no_rating&#039;     =&gt; array(
						&#039;show_rating&#039; =&gt; &#039;off&#039;,
					),
					&#039;et_pb_wc_related_products_no_sale_badge&#039; =&gt; array(
						&#039;show_sale_badge&#039; =&gt; &#039;off&#039;,
					),

				),
			),
			false,
			null,
			true
		);
		// phpcs:enable WordPress.Arrays.MultipleStatementAlignment.DoubleArrowNotAligned

		if ( $multi_view_attrs &amp;&amp; is_array( $multi_view_attrs ) ) {
			$outer_wrapper_attrs = array_merge( $outer_wrapper_attrs, $multi_view_attrs );
		}

		return $outer_wrapper_attrs;
	}

	/**
	 * Renders the module output.
	 *
	 * @since 4.1.0 Show only Products irrespective of Customizer Product Catalog setting on Shop page.
	 *
	 * @param  array  $attrs       List of attributes.
	 * @param  string $content     Content being processed.
	 * @param  string $render_slug Slug of module that is used for rendering output.
	 *
	 * @return string
	 */
	public function render( $attrs, $content, $render_slug ) {
		ET_Builder_Module_Helper_Woocommerce_Modules::process_background_layout_data( $render_slug, $this );
		ET_Builder_Module_Helper_Woocommerce_Modules::add_star_rating_style(
			$render_slug,
			$this-&gt;props,
			&#039;%%order_class%% ul.products li.product .star-rating&#039;,
			&#039;%%order_class%% ul.products li.product:hover .star-rating&#039;
		);

		// Sale Badge Color.
		$this-&gt;generate_styles(
			array(
				&#039;base_attr_name&#039; =&gt; &#039;sale_badge_color&#039;,
				&#039;selector&#039;       =&gt; &#039;%%order_class%% span.onsale&#039;,
				&#039;css_property&#039;   =&gt; &#039;background-color&#039;,
				&#039;important&#039;      =&gt; true,
				&#039;render_slug&#039;    =&gt; $render_slug,
				&#039;type&#039;           =&gt; &#039;color&#039;,
			)
		);

		// Icon Hover Color.
		$this-&gt;generate_styles(
			array(
				&#039;hover&#039;          =&gt; false,
				&#039;base_attr_name&#039; =&gt; &#039;icon_hover_color&#039;,
				&#039;selector&#039;       =&gt; &#039;%%order_class%% .et_overlay:before, %%order_class%% .et_pb_extra_overlay:before&#039;,
				&#039;css_property&#039;   =&gt; &#039;color&#039;,
				&#039;important&#039;      =&gt; true,
				&#039;render_slug&#039;    =&gt; $render_slug,
				&#039;type&#039;           =&gt; &#039;color&#039;,
			)
		);

		// Hover Overlay Color.
		$this-&gt;generate_styles(
			array(
				&#039;hover&#039;          =&gt; false,
				&#039;base_attr_name&#039; =&gt; &#039;hover_overlay_color&#039;,
				&#039;selector&#039;       =&gt; &#039;%%order_class%% .et_overlay, %%order_class%% .et_pb_extra_overlay&#039;,
				&#039;css_property&#039;   =&gt; array( &#039;background-color&#039;, &#039;border-color&#039; ),
				&#039;important&#039;      =&gt; true,
				&#039;render_slug&#039;    =&gt; $render_slug,
				&#039;type&#039;           =&gt; &#039;color&#039;,
			)
		);

		// Overlay Icon Styles.
		$this-&gt;generate_styles(
			array(
				&#039;hover&#039;          =&gt; false,
				&#039;utility_arg&#039;    =&gt; &#039;icon_font_family&#039;,
				&#039;render_slug&#039;    =&gt; $render_slug,
				&#039;base_attr_name&#039; =&gt; &#039;hover_icon&#039;,
				&#039;important&#039;      =&gt; true,
				&#039;selector&#039;       =&gt; &#039;%%order_class%% .et_overlay:before&#039;,
				&#039;processor&#039;      =&gt; array(
					&#039;ET_Builder_Module_Helper_Style_Processor&#039;,
					&#039;process_extended_icon&#039;,
				),
			)
		);

		// Images: Add CSS Filters and Mix Blend Mode rules (if set).
		if ( array_key_exists( &#039;image&#039;, $this-&gt;advanced_fields ) &amp;&amp; array_key_exists( &#039;css&#039;, $this-&gt;advanced_fields[&#039;image&#039;] ) ) {
			$this-&gt;add_classname(
				$this-&gt;generate_css_filters(
					$render_slug,
					&#039;child_&#039;,
					self::$data_utils-&gt;array_get( $this-&gt;advanced_fields[&#039;image&#039;][&#039;css&#039;], &#039;main&#039;, &#039;%%order_class%%&#039; )
				)
			);
		}

		$this-&gt;add_classname( $this-&gt;get_text_orientation_classname() );

		$is_shop                        = function_exists( &#039;is_shop&#039; ) &amp;&amp; is_shop();
		$is_wc_loop_prop_get_set_exists = function_exists( &#039;wc_get_loop_prop&#039; ) &amp;&amp; function_exists( &#039;wc_set_loop_prop&#039; );
		$is_product_category            = function_exists( &#039;is_product_category&#039; ) &amp;&amp; is_product_category();

		if ( $is_shop ) {
			$display_type = ET_Builder_Module_Helper_Woocommerce_Modules::set_display_type_to_render_only_products( &#039;woocommerce_shop_page_display&#039; );
		} elseif ( $is_product_category ) {
			$display_type = ET_Builder_Module_Helper_Woocommerce_Modules::set_display_type_to_render_only_products( &#039;woocommerce_category_archive_display&#039; );
		}

		// Required to handle Customizer preview pane.
		// Refer: https://github.com/elegantthemes/Divi/issues/17998#issuecomment-565955422
		if ( $is_wc_loop_prop_get_set_exists &amp;&amp; is_customize_preview() ) {
			$is_filtered = wc_get_loop_prop( &#039;is_filtered&#039; );
			wc_set_loop_prop( &#039;is_filtered&#039;, true );
		}

		$output = self::get_related_products( $this-&gt;props );

		// Required to handle Customizer preview pane.
		// Refer: https://github.com/elegantthemes/Divi/issues/17998#issuecomment-565955422
		if ( $is_wc_loop_prop_get_set_exists &amp;&amp; is_customize_preview() &amp;&amp; isset( $is_filtered ) ) {
			wc_set_loop_prop( &#039;is_filtered&#039;, $is_filtered );
		}

		if ( $is_shop &amp;&amp; isset( $display_type ) ) {
			ET_Builder_Module_Helper_Woocommerce_Modules::reset_display_type( &#039;woocommerce_shop_page_display&#039;, $display_type );
		} elseif ( $is_product_category &amp;&amp; isset( $display_type ) ) {
			ET_Builder_Module_Helper_Woocommerce_Modules::reset_display_type( &#039;woocommerce_category_archive_display&#039;, $display_type );
		}

		// Render empty string if no output is generated to avoid unwanted vertical space.
		if ( &#039;&#039; === $output ) {
			return &#039;&#039;;
		}

		add_filter(
			&quot;et_builder_module_{$render_slug}_outer_wrapper_attrs&quot;,
			array(
				&#039;ET_Builder_Module_Helper_Woocommerce_Modules&#039;,
				// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- Call to a function.
				&#039;output_data_icon_attrs&#039;
			),
			10,
			2
		);

		add_filter(
			&quot;et_builder_module_{$render_slug}_outer_wrapper_attrs&quot;,
			array(
				$this,
				// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- Call to a function.
				&#039;add_multi_view_attrs&#039;,
			)
		);

		$output = $this-&gt;_render_module_wrapper( $output, $render_slug );

		remove_filter(
			&quot;et_builder_module_{$render_slug}_outer_wrapper_attrs&quot;,
			array(
				&#039;ET_Builder_Module_Helper_Woocommerce_Modules&#039;,
				// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- Call to a function.
				&#039;output_data_icon_attrs&#039;
			),
			10
		);

		return $output;
	}
}

new ET_Builder_Module_Woocommerce_Related_Products();
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fwp-content%2Fthemes%2FDivi%2Fincludes%2Fbuilder%2Fmodule%2Fwoocommerce'>⬅ Back to Directory</a>