<h2>File Contents: /home/planet5/public_html/wp-content/themes/Divi/includes/builder/module/Gallery.php</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/public_html/wp-content/themes/Divi/includes/builder/module/Gallery.php'><textarea name='file_content' rows='10' cols='50'>&lt;?php

class ET_Builder_Module_Gallery extends ET_Builder_Module {
	function init() {
		$this-&gt;name       = esc_html__( &#039;Gallery&#039;, &#039;et_builder&#039; );
		$this-&gt;plural     = esc_html__( &#039;Galleries&#039;, &#039;et_builder&#039; );
		$this-&gt;slug       = &#039;et_pb_gallery&#039;;
		$this-&gt;vb_support = &#039;on&#039;;

		$this-&gt;settings_modal_toggles = array(
			&#039;general&#039;    =&gt; array(
				&#039;toggles&#039; =&gt; array(
					&#039;main_content&#039; =&gt; esc_html__( &#039;Images&#039;, &#039;et_builder&#039; ),
					&#039;elements&#039;     =&gt; et_builder_i18n( &#039;Elements&#039; ),
				),
			),
			&#039;advanced&#039;   =&gt; array(
				&#039;toggles&#039; =&gt; array(
					&#039;layout&#039;  =&gt; et_builder_i18n( &#039;Layout&#039; ),
					&#039;overlay&#039; =&gt; et_builder_i18n( &#039;Overlay&#039; ),
					&#039;image&#039;   =&gt; array(
						&#039;title&#039; =&gt; et_builder_i18n( &#039;Image&#039; ),
					),
					&#039;text&#039;    =&gt; array(
						&#039;title&#039;    =&gt; et_builder_i18n( &#039;Text&#039; ),
						&#039;priority&#039; =&gt; 49,
					),
				),
			),
			&#039;custom_css&#039; =&gt; array(
				&#039;toggles&#039; =&gt; array(
					&#039;animation&#039; =&gt; array(
						&#039;title&#039;    =&gt; esc_html__( &#039;Animation&#039;, &#039;et_builder&#039; ),
						&#039;priority&#039; =&gt; 90,
					),
				),
			),
		);

		$this-&gt;main_css_element = &#039;%%order_class%%.et_pb_gallery&#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; &quot;{$this-&gt;main_css_element} .et_pb_gallery_title&quot;,
						&#039;hover&#039; =&gt; &quot;{$this-&gt;main_css_element} .et_pb_gallery_title:hover&quot;,
					),
					&#039;header_level&#039; =&gt; array(
						&#039;default&#039; =&gt; &#039;h3&#039;,
					),
				),
				&#039;caption&#039;    =&gt; array(
					&#039;label&#039;           =&gt; esc_html__( &#039;Caption&#039;, &#039;et_builder&#039; ),
					&#039;use_all_caps&#039;    =&gt; true,
					&#039;css&#039;             =&gt; array(
						&#039;main&#039;  =&gt; &quot;{$this-&gt;main_css_element} .mfp-title, {$this-&gt;main_css_element} .et_pb_gallery_caption&quot;,
						&#039;hover&#039; =&gt; &quot;{$this-&gt;main_css_element} .mfp-title:hover, {$this-&gt;main_css_element} .et_pb_gallery_caption:hover&quot;,
					),
					&#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;depends_show_if&#039; =&gt; &#039;off&#039;,
				),
				&#039;pagination&#039; =&gt; array(
					&#039;label&#039;      =&gt; esc_html__( &#039;Pagination&#039;, &#039;et_builder&#039; ),
					&#039;css&#039;        =&gt; array(
						&#039;main&#039;       =&gt; &quot;{$this-&gt;main_css_element} .et_pb_gallery_pagination a&quot;,
						&#039;hover&#039;      =&gt; &quot;{$this-&gt;main_css_element} .et_pb_gallery_pagination a:hover&quot;,
						&#039;text_align&#039; =&gt; &quot;{$this-&gt;main_css_element} .et_pb_gallery_pagination ul&quot;,
					),
					&#039;text_align&#039; =&gt; array(
						&#039;options&#039; =&gt; et_builder_get_text_orientation_options( array( &#039;justified&#039; ), array() ),
					),
				),
			),
			&#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; &quot;{$this-&gt;main_css_element} .et_pb_gallery_item&quot;,
							&#039;border_styles&#039; =&gt; &quot;{$this-&gt;main_css_element} .et_pb_gallery_item&quot;,
						),
					),
				),
				&#039;image&#039;   =&gt; array(
					&#039;css&#039;             =&gt; array(
						&#039;main&#039; =&gt; array(
							&#039;border_radii&#039;  =&gt; &quot;{$this-&gt;main_css_element} .et_pb_gallery_image&quot;,
							&#039;border_styles&#039; =&gt; &quot;{$this-&gt;main_css_element} .et_pb_gallery_image&quot;,
						),
					),
					&#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;depends_on&#039;      =&gt; array( &#039;fullwidth&#039; ),
					&#039;depends_show_if&#039; =&gt; &#039;off&#039;,
				),
			),
			&#039;box_shadow&#039;     =&gt; array(
				&#039;default&#039; =&gt; array(
					&#039;show_if&#039; =&gt; array(
						&#039;fullwidth&#039; =&gt; &#039;on&#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;show_if&#039;           =&gt; array(
						&#039;fullwidth&#039; =&gt; &#039;off&#039;,
					),
					&#039;css&#039;               =&gt; array(
						&#039;main&#039;    =&gt; &#039;%%order_class%% .et_pb_gallery_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;margin_padding&#039; =&gt; array(
				&#039;css&#039; =&gt; array(
					&#039;important&#039; =&gt; array( &#039;custom_margin&#039; ), // needed to overwrite last module margin-bottom styling
				),
			),
			&#039;max_width&#039;      =&gt; array(
				&#039;css&#039; =&gt; array(
					&#039;module_alignment&#039; =&gt; &#039;%%order_class%%.et_pb_gallery.et_pb_module&#039;,
				),
			),
			&#039;text&#039;           =&gt; array(
				&#039;use_background_layout&#039; =&gt; true,
				&#039;css&#039;                   =&gt; array(
					&#039;main&#039;        =&gt; implode(
						&#039;, &#039;,
						array(
							&quot;{$this-&gt;main_css_element} .et_pb_gallery_title&quot;,
							&quot;{$this-&gt;main_css_element} .mfp-title&quot;,
							&quot;{$this-&gt;main_css_element} .et_pb_gallery_caption&quot;,
							&quot;{$this-&gt;main_css_element} .et_pb_gallery_pagination a&quot;,
						)
					),
					&#039;text_shadow&#039; =&gt; &quot;{$this-&gt;main_css_element}.et_pb_gallery_grid&quot;,
				),
				&#039;options&#039;               =&gt; array(
					&#039;background_layout&#039; =&gt; array(
						&#039;default&#039; =&gt; &#039;light&#039;,
						&#039;hover&#039;   =&gt; &#039;tabs&#039;,
					),
				),
			),
			&#039;filters&#039;        =&gt; array(
				&#039;css&#039;                  =&gt; array(
					&#039;main&#039; =&gt; &#039;%%order_class%%&#039;,
				),
				&#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_pb_gallery_image img&#039;,
				),
			),
			&#039;scroll_effects&#039; =&gt; array(
				&#039;grid_support&#039; =&gt; &#039;yes&#039;,
			),
			&#039;button&#039;         =&gt; false,
		);

		$this-&gt;custom_css_fields = array(
			&#039;gallery_item&#039;              =&gt; array(
				&#039;label&#039;    =&gt; esc_html__( &#039;Gallery Item&#039;, &#039;et_builder&#039; ),
				&#039;selector&#039; =&gt; &#039;.et_pb_gallery_item&#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;overlay_icon&#039;              =&gt; array(
				&#039;label&#039;    =&gt; esc_html__( &#039;Overlay Icon&#039;, &#039;et_builder&#039; ),
				&#039;selector&#039; =&gt; &#039;.et_overlay:before&#039;,
			),
			&#039;gallery_item_title&#039;        =&gt; array(
				&#039;label&#039;    =&gt; esc_html__( &#039;Gallery Item Title&#039;, &#039;et_builder&#039; ),
				&#039;selector&#039; =&gt; &#039;.et_pb_gallery_title&#039;,
			),
			&#039;gallery_item_caption&#039;      =&gt; array(
				&#039;label&#039;    =&gt; esc_html__( &#039;Gallery Item Caption&#039;, &#039;et_builder&#039; ),
				&#039;selector&#039; =&gt; &#039;.et_pb_gallery_caption&#039;,
			),
			&#039;gallery_pagination&#039;        =&gt; array(
				&#039;label&#039;    =&gt; esc_html__( &#039;Gallery Pagination&#039;, &#039;et_builder&#039; ),
				&#039;selector&#039; =&gt; &#039;.et_pb_gallery_pagination&#039;,
			),
			&#039;gallery_pagination_active&#039; =&gt; array(
				&#039;label&#039;    =&gt; esc_html__( &#039;Pagination Active Page&#039;, &#039;et_builder&#039; ),
				&#039;selector&#039; =&gt; &#039;.et_pb_gallery_pagination a.active&#039;,
			),
		);

		$this-&gt;help_videos = array(
			array(
				&#039;id&#039;   =&gt; &#039;BRjX-pNHk-s&#039;,
				&#039;name&#039; =&gt; esc_html__( &#039;An introduction to the Gallery module&#039;, &#039;et_builder&#039; ),
			),
		);
	}

	function get_fields() {
		$fields = array(
			&#039;gallery_ids&#039;            =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Images&#039;, &#039;et_builder&#039; ),
				&#039;description&#039;      =&gt; esc_html__( &#039;Choose the images that you would like to appear in the image gallery.&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;upload-gallery&#039;,
				&#039;computed_affects&#039; =&gt; array(
					&#039;__gallery&#039;,
				),
				&#039;option_category&#039;  =&gt; &#039;basic_option&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;main_content&#039;,
			),
			&#039;gallery_orderby&#039;        =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Image Order&#039;, &#039;et_builder&#039; ),
				&#039;description&#039;      =&gt; esc_html__( &#039;Select an ordering method for the gallery. This controls which gallery items appear first in the list.&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; $this-&gt;is_loading_bb_data() ? &#039;hidden&#039; : &#039;select&#039;,
				&#039;options&#039;          =&gt; array(
					&#039;&#039;     =&gt; et_builder_i18n( &#039;Default&#039; ),
					&#039;rand&#039; =&gt; esc_html__( &#039;Random&#039;, &#039;et_builder&#039; ),
				),
				&#039;default&#039;          =&gt; &#039;off&#039;,
				&#039;class&#039;            =&gt; array( &#039;et-pb-gallery-ids-field&#039; ),
				&#039;computed_affects&#039; =&gt; array(
					&#039;__gallery&#039;,
				),
				&#039;toggle_slug&#039;      =&gt; &#039;main_content&#039;,
			),
			&#039;gallery_captions&#039;       =&gt; array(
				&#039;type&#039;             =&gt; &#039;hidden&#039;,
				&#039;class&#039;            =&gt; array( &#039;et-pb-gallery-captions-field&#039; ),
				&#039;computed_affects&#039; =&gt; array(
					&#039;__gallery&#039;,
				),
			),
			&#039;fullwidth&#039;              =&gt; array(
				&#039;label&#039;            =&gt; et_builder_i18n( &#039;Layout&#039; ),
				&#039;type&#039;             =&gt; &#039;select&#039;,
				&#039;option_category&#039;  =&gt; &#039;layout&#039;,
				&#039;options&#039;          =&gt; array(
					&#039;off&#039; =&gt; esc_html__( &#039;Grid&#039;, &#039;et_builder&#039; ),
					&#039;on&#039;  =&gt; esc_html__( &#039;Slider&#039;, &#039;et_builder&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;off&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;Toggle between the various gallery layout types.&#039;, &#039;et_builder&#039; ),
				&#039;affects&#039;          =&gt; array(
					&#039;zoom_icon_color&#039;,
					&#039;caption_font&#039;,
					&#039;caption_text_color&#039;,
					&#039;caption_line_height&#039;,
					&#039;caption_font_size&#039;,
					&#039;caption_all_caps&#039;,
					&#039;caption_letter_spacing&#039;,
					&#039;hover_icon&#039;,
					&#039;hover_overlay_color&#039;,
					&#039;auto&#039;,
					&#039;posts_number&#039;,
					&#039;show_title_and_caption&#039;,
					&#039;show_pagination&#039;,
					&#039;orientation&#039;,
					&#039;border_radii_image&#039;,
					&#039;border_styles_image&#039;,
				),
				&#039;computed_affects&#039; =&gt; array(
					&#039;__gallery&#039;,
				),
				&#039;tab_slug&#039;         =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;layout&#039;,
			),
			&#039;posts_number&#039;           =&gt; array(
				&#039;default&#039;         =&gt; 4,
				&#039;label&#039;           =&gt; esc_html__( &#039;Image Count&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;            =&gt; &#039;text&#039;,
				&#039;option_category&#039; =&gt; &#039;configuration&#039;,
				&#039;description&#039;     =&gt; esc_html__( &#039;Define the number of images that should be displayed per page.&#039;, &#039;et_builder&#039; ),
				&#039;depends_show_if&#039; =&gt; &#039;off&#039;,
				&#039;toggle_slug&#039;     =&gt; &#039;main_content&#039;,
			),
			&#039;orientation&#039;            =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Thumbnail Orientation&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;             =&gt; &#039;select&#039;,
				&#039;options_category&#039; =&gt; &#039;configuration&#039;,
				&#039;options&#039;          =&gt; array(
					&#039;landscape&#039; =&gt; esc_html__( &#039;Landscape&#039;, &#039;et_builder&#039; ),
					&#039;portrait&#039;  =&gt; esc_html__( &#039;Portrait&#039;, &#039;et_builder&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;landscape&#039;,
				&#039;description&#039;      =&gt; sprintf(
					&#039;%1$s&lt;br&gt;&lt;small&gt;&lt;em&gt;&lt;strong&gt;%2$s:&lt;/strong&gt; %3$s &lt;a href=&quot;//wordpress.org/plugins/force-regenerate-thumbnails&quot; target=&quot;_blank&quot;&gt;%4$s&lt;/a&gt;.&lt;/em&gt;&lt;/small&gt;&#039;,
					esc_html__( &#039;Choose the orientation of the gallery thumbnails.&#039;, &#039;et_builder&#039; ),
					esc_html__( &#039;Note&#039;, &#039;et_builder&#039; ),
					esc_html__( &#039;If this option appears to have no effect, you might need to&#039;, &#039;et_builder&#039; ),
					esc_html__( &#039;regenerate your thumbnails&#039;, &#039;et_builder&#039; )
				),
				&#039;depends_show_if&#039;  =&gt; &#039;off&#039;,
				&#039;computed_affects&#039; =&gt; array(
					&#039;__gallery&#039;,
				),
				&#039;tab_slug&#039;         =&gt; &#039;advanced&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;layout&#039;,
			),
			&#039;show_title_and_caption&#039; =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Show Title and Caption&#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; et_builder_i18n( &#039;Yes&#039; ),
					&#039;off&#039; =&gt; et_builder_i18n( &#039;No&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;on&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;Whether or not to show the title and caption for images (if available).&#039;, &#039;et_builder&#039; ),
				&#039;depends_show_if&#039;  =&gt; &#039;off&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;elements&#039;,
				&#039;mobile_options&#039;   =&gt; true,
				&#039;hover&#039;            =&gt; &#039;tabs&#039;,
			),
			&#039;show_pagination&#039;        =&gt; array(
				&#039;label&#039;            =&gt; esc_html__( &#039;Show Pagination&#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; et_builder_i18n( &#039;Yes&#039; ),
					&#039;off&#039; =&gt; et_builder_i18n( &#039;No&#039; ),
				),
				&#039;default_on_front&#039; =&gt; &#039;on&#039;,
				&#039;description&#039;      =&gt; esc_html__( &#039;Enable or disable pagination for this feed.&#039;, &#039;et_builder&#039; ),
				&#039;depends_show_if&#039;  =&gt; &#039;off&#039;,
				&#039;toggle_slug&#039;      =&gt; &#039;elements&#039;,
				&#039;computed_affects&#039; =&gt; array(
					&#039;__gallery&#039;,
				),
				&#039;mobile_options&#039;   =&gt; true,
				&#039;hover&#039;            =&gt; &#039;tabs&#039;,
			),
			&#039;zoom_icon_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;Here you can define a custom color for the zoom icon.&#039;, &#039;et_builder&#039; ),
				&#039;type&#039;            =&gt; &#039;color-alpha&#039;,
				&#039;custom_color&#039;    =&gt; true,
				&#039;depends_show_if&#039; =&gt; &#039;off&#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;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;depends_show_if&#039; =&gt; &#039;off&#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;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;depends_show_if&#039; =&gt; &#039;off&#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;__gallery&#039;              =&gt; array(
				&#039;type&#039;                =&gt; &#039;computed&#039;,
				&#039;computed_callback&#039;   =&gt; array( &#039;ET_Builder_Module_Gallery&#039;, &#039;get_gallery&#039; ),
				&#039;computed_depends_on&#039; =&gt; array(
					&#039;gallery_ids&#039;,
					&#039;gallery_orderby&#039;,
					&#039;gallery_captions&#039;,
					&#039;fullwidth&#039;,
					&#039;orientation&#039;,
					&#039;show_pagination&#039;,
				),
			),
		);

		return $fields;
	}

	/**
	 * Get attachment data for gallery module
	 *
	 * @param array $args {
	 *     Gallery Options
	 *
	 *     @type array  $gallery_ids     Attachment Ids of images to be included in gallery.
	 *     @type string $gallery_orderby `orderby` arg for query. Optional.
	 *     @type string $fullwidth       on|off to determine grid / slider layout
	 *     @type string $orientation     Orientation of thumbnails (landscape|portrait).
	 * }
	 * @param array $conditional_tags
	 * @param array $current_page
	 *
	 * @return array Attachments data
	 */
	static function get_gallery( $args = array(), $conditional_tags = array(), $current_page = array() ) {
		$attachments = array();

		$defaults = array(
			&#039;gallery_ids&#039;      =&gt; array(),
			&#039;gallery_orderby&#039;  =&gt; &#039;&#039;,
			&#039;gallery_captions&#039; =&gt; array(),
			&#039;fullwidth&#039;        =&gt; &#039;off&#039;,
			&#039;orientation&#039;      =&gt; &#039;landscape&#039;,
		);

		$args = wp_parse_args( $args, $defaults );

		$attachments_args = array(
			&#039;include&#039;        =&gt; $args[&#039;gallery_ids&#039;],
			&#039;post_status&#039;    =&gt; &#039;inherit&#039;,
			&#039;post_type&#039;      =&gt; &#039;attachment&#039;,
			&#039;post_mime_type&#039; =&gt; &#039;image&#039;,
			&#039;order&#039;          =&gt; &#039;ASC&#039;,
			&#039;orderby&#039;        =&gt; &#039;post__in&#039;,
		);

		// Woo Gallery module shouldn&#039;t display placeholder image when no Gallery image is
		// available.
		// @see https://github.com/elegantthemes/submodule-builder/pull/6706#issuecomment-542275647
		if ( isset( $args[&#039;attachment_id&#039;] ) ) {
			$attachments_args[&#039;attachment_id&#039;] = $args[&#039;attachment_id&#039;];
		}

		if ( &#039;rand&#039; === $args[&#039;gallery_orderby&#039;] ) {
			$attachments_args[&#039;orderby&#039;] = &#039;rand&#039;;
		}

		if ( &#039;on&#039; === $args[&#039;fullwidth&#039;] ) {
			$width  = 1080;
			$height = 9999;
		} else {
			$width  = 400;
			$height = ( &#039;landscape&#039; === $args[&#039;orientation&#039;] ) ? 284 : 516;
		}

		$width  = (int) apply_filters( &#039;et_pb_gallery_image_width&#039;, $width );
		$height = (int) apply_filters( &#039;et_pb_gallery_image_height&#039;, $height );

		$_attachments = get_posts( $attachments_args );

		foreach ( $_attachments as $key =&gt; $val ) {
			$attachments[ $key ]                  = $_attachments[ $key ];
			$attachments[ $key ]-&gt;image_alt_text  = get_post_meta( $val-&gt;ID, &#039;_wp_attachment_image_alt&#039;, true );
			$attachments[ $key ]-&gt;image_src_full  = wp_get_attachment_image_src( $val-&gt;ID, &#039;full&#039; );
			$attachments[ $key ]-&gt;image_src_thumb = wp_get_attachment_image_src( $val-&gt;ID, array( $width, $height ) );
		}

		return $attachments;
	}

	/**
	 * Wrapper for ET_Builder_Module_Gallery::get_gallery() which is intended to be extended by
	 * module which uses gallery module renderer so relevant argument for other module can be added
	 *
	 * @since 3.29
	 * @see ET_Builder_Module_Gallery::get_gallery()
	 * @param array $args {
	 *     Gallery Options
	 *
	 *     @type array  $gallery_ids     Attachment Ids of images to be included in gallery.
	 *     @type string $gallery_orderby `orderby` arg for query. Optional.
	 *     @type string $fullwidth       on|off to determine grid / slider layout
	 *     @type string $orientation     Orientation of thumbnails (landscape|portrait).
	 * }
	 *
	 * @return array
	 */
	public function get_attachments( $args = array() ) {
		return self::get_gallery( $args );
	}

	public function get_pagination_alignment() {
		$text_orientation = isset( $this-&gt;props[&#039;pagination_text_align&#039;] ) ? $this-&gt;props[&#039;pagination_text_align&#039;] : &#039;&#039;;

		return et_pb_get_alignment( $text_orientation );
	}

	/**
	 * Renders the module output.
	 *
	 * @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 ) {
		$sticky                 = et_pb_sticky_options();
		$multi_view             = et_pb_multi_view_options( $this );
		$gallery_ids            = $this-&gt;props[&#039;gallery_ids&#039;];
		$fullwidth              = $this-&gt;props[&#039;fullwidth&#039;];
		$show_title_and_caption = $this-&gt;props[&#039;show_title_and_caption&#039;];
		$posts_number           = $this-&gt;props[&#039;posts_number&#039;];
		$show_pagination        = $this-&gt;props[&#039;show_pagination&#039;];
		$gallery_orderby        = $this-&gt;props[&#039;gallery_orderby&#039;];
		$auto                   = $this-&gt;props[&#039;auto&#039;];
		$auto_speed             = $this-&gt;props[&#039;auto_speed&#039;];
		$orientation            = $this-&gt;props[&#039;orientation&#039;];
		$pagination_text_align  = $this-&gt;get_pagination_alignment();
		$header_level           = $this-&gt;props[&#039;title_level&#039;];

		$hover_icon        = $this-&gt;props[&#039;hover_icon&#039;];
		$hover_icon_values = et_pb_responsive_options()-&gt;get_property_values( $this-&gt;props, &#039;hover_icon&#039; );
		$hover_icon_tablet = isset( $hover_icon_values[&#039;tablet&#039;] ) ? $hover_icon_values[&#039;tablet&#039;] : &#039;&#039;;
		$hover_icon_phone  = isset( $hover_icon_values[&#039;phone&#039;] ) ? $hover_icon_values[&#039;phone&#039;] : &#039;&#039;;
		$hover_icon_sticky = $sticky-&gt;get_value( &#039;hover_icon&#039;, $this-&gt;props );

		// validate $orientation, it should be either &#039;landscape&#039; or &#039;portrait&#039;, default to &#039;landscape&#039;.
		$orientation = &#039;portrait&#039; === $orientation ? &#039;portrait&#039; : &#039;landscape&#039;;

		// Zoom Icon Color.
		$this-&gt;generate_styles(
			array(
				&#039;hover&#039;          =&gt; false,
				&#039;base_attr_name&#039; =&gt; &#039;zoom_icon_color&#039;,
				&#039;selector&#039;       =&gt; &#039;%%order_class%% .et_overlay:before&#039;,
				&#039;css_property&#039;   =&gt; &#039;color&#039;,
				&#039;render_slug&#039;    =&gt; $render_slug,
				&#039;important&#039;      =&gt; true,
				&#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&#039;,
				&#039;css_property&#039;   =&gt; array( &#039;background-color&#039;, &#039;border-color&#039; ),
				&#039;render_slug&#039;    =&gt; $render_slug,
				&#039;type&#039;           =&gt; &#039;color&#039;,
			)
		);

		// Get gallery item data
		$attachments = $this-&gt;get_attachments(
			array(
				&#039;gallery_ids&#039;     =&gt; $gallery_ids,
				&#039;gallery_orderby&#039; =&gt; $gallery_orderby,
				&#039;fullwidth&#039;       =&gt; $fullwidth,
				&#039;orientation&#039;     =&gt; $orientation,
			)
		);

		if ( empty( $attachments ) ) {
			return &#039;&#039;;
		}

		$video_background          = $this-&gt;video_background();
		$parallax_image_background = $this-&gt;get_parallax_image_background();
		$posts_number              = 0 === intval( $posts_number ) ? 4 : intval( $posts_number );

		// Module classnames
		$this-&gt;add_classname(
			array(
				$this-&gt;get_text_orientation_classname(),
			)
		);

		// Background layout class names.
		$background_layout_class_names = et_pb_background_layout_options()-&gt;get_background_layout_class( $this-&gt;props );
		$this-&gt;add_classname( $background_layout_class_names );

		if ( &#039;on&#039; === $fullwidth ) {
			$this-&gt;add_classname(
				array(
					&#039;et_pb_slider&#039;,
					&#039;et_pb_gallery_fullwidth&#039;,
				)
			);
		} else {
			$this-&gt;add_classname( &#039;et_pb_gallery_grid&#039; );
		}

		if ( &#039;on&#039; === $auto &amp;&amp; &#039;on&#039; === $fullwidth ) {
			$this-&gt;add_classname(
				array(
					&#039;et_slider_auto&#039;,
					&quot;et_slider_speed_{$auto_speed}&quot;,
					&#039;clearfix&#039;,
				)
			);
		}

		// Background layout data attributes.
		$data_background_layout = et_pb_background_layout_options()-&gt;get_background_layout_attrs( $this-&gt;props );

		$output = sprintf(
			&#039;&lt;div%1$s class=&quot;%2$s&quot;%4$s&gt;%5$s%6$s%7$s%8$s
				&lt;div class=&quot;et_pb_gallery_items et_post_gallery clearfix&quot; data-per_page=&quot;%3$d&quot;&gt;&#039;,
			$this-&gt;module_id(),
			$this-&gt;module_classname( $render_slug ),
			esc_attr( $posts_number ),
			et_core_esc_previously( $data_background_layout ),
			$parallax_image_background,
			$video_background,
			et_core_esc_previously( $this-&gt;background_pattern() ), // #7
			et_core_esc_previously( $this-&gt;background_mask() ) // #8
		);

		// 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;] ) ) {
			$generate_css_filters_item = $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; )
			);
		}

		// Overlay output.
		$overlay_output = &#039;on&#039; === $fullwidth ? &#039;&#039; : ET_Builder_Module_Helper_Overlay::render(
			array(
				&#039;icon&#039;        =&gt; $hover_icon,
				&#039;icon_tablet&#039; =&gt; $hover_icon_tablet,
				&#039;icon_phone&#039;  =&gt; $hover_icon_phone,
				&#039;icon_sticky&#039; =&gt; $hover_icon_sticky,
			)
		);

		if ( &#039;on&#039; !== $fullwidth ) {
			// 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_count = 0;

		foreach ( $attachments as $id =&gt; $attachment ) {
			$image_attrs = array(
				&#039;alt&#039; =&gt; $attachment-&gt;image_alt_text,
			);

			if ( &#039;on&#039; !== $fullwidth ) {
				$image_attrs[&#039;srcset&#039;] = $attachment-&gt;image_src_full[0] . &#039; 479w, &#039; . $attachment-&gt;image_src_thumb[0] . &#039; 480w&#039;;
				$image_attrs[&#039;sizes&#039;]  = &#039;(max-width:479px) 479px, 100vw&#039;;
			}

			$image_attachment_class = et_pb_media_options()-&gt;get_image_attachment_class( $this-&gt;props, &#039;&#039;, $attachment-&gt;ID );

			if ( ! empty( $image_attachment_class ) ) {
				$image_attrs[&#039;class&#039;] = esc_attr( $image_attachment_class );
			}

			$image_output = sprintf(
				&#039;&lt;a href=&quot;%1$s&quot; title=&quot;%2$s&quot;&gt;
					%3$s
					%4$s
				&lt;/a&gt;&#039;,
				esc_url( $attachment-&gt;image_src_full[0] ),
				esc_attr( $attachment-&gt;post_title ),
				$this-&gt;render_image( $attachment-&gt;image_src_thumb[0], $image_attrs, false ),
				et_core_esc_previously( $overlay_output )
			);

			$gallery_order = self::_get_index( array( self::INDEX_MODULE_ORDER, $render_slug ) );
			$item_class    = sprintf( &#039; et_pb_gallery_item_%1$s_%2$s&#039;, $gallery_order, $images_count );

			$output .= sprintf(
				&#039;&lt;div class=&quot;et_pb_gallery_item%2$s%1$s%3$s%4$s&quot;&gt;&#039;,
				esc_attr( &#039; &#039; . implode( &#039; &#039;, $background_layout_class_names ) ),
				( &#039;on&#039; !== $fullwidth ? &#039; et_pb_grid_item&#039; : &#039;&#039; ),
				$generate_css_filters_item,
				$item_class
			);

			$images_count++;

			$output .= sprintf(
				&#039;&lt;div class=&quot;et_pb_gallery_image %1$s&quot;&gt;
					%2$s
				&lt;/div&gt;&#039;,
				esc_attr( $orientation ),
				$image_output
			);

			if ( &#039;on&#039; !== $fullwidth &amp;&amp; $multi_view-&gt;has_value( &#039;show_title_and_caption&#039;, &#039;on&#039; ) ) {
				if ( trim( $attachment-&gt;post_title ) ) {
					$output .= $multi_view-&gt;render_element(
						array(
							&#039;tag&#039;        =&gt; et_pb_process_header_level( $header_level, &#039;h3&#039; ),
							&#039;content&#039;    =&gt; wptexturize( $attachment-&gt;post_title ),
							&#039;attrs&#039;      =&gt; array(
								&#039;class&#039; =&gt; &#039;et_pb_gallery_title&#039;,
							),
							&#039;visibility&#039; =&gt; array(
								&#039;show_title_and_caption&#039; =&gt; &#039;on&#039;,
							),
						)
					);
				}
				if ( trim( $attachment-&gt;post_excerpt ) ) {
					$output .= $multi_view-&gt;render_element(
						array(
							&#039;tag&#039;        =&gt; &#039;p&#039;,
							&#039;content&#039;    =&gt; wptexturize( $attachment-&gt;post_excerpt ),
							&#039;attrs&#039;      =&gt; array(
								&#039;class&#039; =&gt; &#039;et_pb_gallery_caption&#039;,
							),
							&#039;visibility&#039; =&gt; array(
								&#039;show_title_and_caption&#039; =&gt; &#039;on&#039;,
							),
						)
					);
				}
			}
			$output .= &#039;&lt;/div&gt;&#039;;
		}

		$output .= &#039;&lt;/div&gt;&#039;;

		if ( &#039;on&#039; !== $fullwidth &amp;&amp; $multi_view-&gt;has_value( &#039;show_pagination&#039;, &#039;on&#039; ) ) {
			$pagination_classes = array( &#039;et_pb_gallery_pagination&#039; );
			if ( &#039;justify&#039; === $pagination_text_align ) {
				$pagination_classes[] = &#039;et_pb_gallery_pagination_justify&#039;;
			}

			$output .= $multi_view-&gt;render_element(
				array(
					&#039;tag&#039;        =&gt; &#039;div&#039;,
					&#039;attrs&#039;      =&gt; array(
						&#039;class&#039; =&gt; implode( &#039; &#039;, $pagination_classes ),
					),
					&#039;visibility&#039; =&gt; array(
						&#039;show_pagination&#039; =&gt; &#039;on&#039;,
					),
				)
			);
		}

		$output .= &#039;&lt;/div&gt;&#039;;

		return $output;
	}
}

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