update your theme and Salient plugins<\/a>.<\/em>[\/vc_column_text][divider line_type=”Small Line” line_alignment=”default” line_thickness=”1″ divider_color=”default” custom_height=”80″][vc_column_text]Let’s take a closer look at an example that highlights the utility of Global Sections.<\/p>\nSuppose you want to incorporate a site-wide call-to-action area above your footer. In the conventional approach, you would need to manually add it to every page. While this might appear to be a minor inconvenience initially, the real issue arises when future edits need to be made. Updating the section would require revisiting each page individually.<\/p>\n
Salient Global Sections addresses this problem by providing a convenient solution for managing templates in a centralized location. Templates added within the Global Sections post type can be assigned to specific areas of your theme or inserted into pages using a page builder element. Any changes made to the core template within the Global Sections post type will automatically propagate to all other instances where the global section has been assigned.<\/p>\n
Furthermore, since “Global Sections” is a standard WordPress post type, you can effortlessly export and import the templates you’ve created across different websites![\/vc_column_text][vc_column_text css=”.vc_custom_1612122447016{margin-top: 40px !important;}”]\n
Getting Started<\/h4>\n
The Global Sections post type will be located under the Salient options panel your admin WordPress admin.[\/vc_column_text][image_with_animation image_url=”10489″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” img_link_large=”yes” border_radius=”5px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]When accessing it for the first time, you’ll see a notice letting you know that the WPBakery page builder is not set for the post type yet. You can enable it by going to the WPbakery settings \u2192 Role Manager and selecting “Custom” for “Post Types”, and finally checking the “salient_g_sections” checkbox.[\/vc_column_text][image_with_animation image_url=”10488″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” img_link_large=”yes” border_radius=”5px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][\/tab][tab icon_family=”none” title=”Locations & Conditionals” id=”1692194437241-5″ tab_id=”1692194437241-0″ sub_desc=”Learn how to render global sections on your website”][vc_column_text el_id=”locations”]\n
Global Section Locations & Conditions<\/h2>\n
Starting from Salient v16, every global section is equipped with a sidebar metabox that grants you precise control over where your global section should be displayed on your website. This enhancement enables you to fine-tune the rendering of your global sections with ease.[\/vc_column_text][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all”][vc_column_inner column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]Display Locations<\/strong><\/p>\n\n- Set the priority and location of where to render this section on your site. The priority will determine the order of sections when multiple are assigned to the same location.<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]Display Conditionals<\/strong><\/p>\n
\n- Optionally limit the display of your section based on certain conditions such as user privilege, post type etc.<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][divider line_type=”No Line” custom_height=”6vh”][vc_column_text]\n
Display Locations<\/h2>\n
Display locations define the specific areas within your theme where your global section will be attached. Depending on your requirements, you can choose one or multiple locations to suit your needs accordingly.[\/vc_column_text][nectar_video_player_self_hosted video_mp4=”https:\/\/themenectar.com\/demo-media\/global-section-hooks_4.mp4″ player_functionality=”default” border_radius=”none” box_shadow=”none” advanced_gradient_display_type=”linear”][divider line_type=”No Line” custom_height=”6vh”][vc_column_text]\n
Display Conditions<\/h2>\n
Selectively restrict the display of your section based on specific conditions, such as user privileges, post types, and more. When multiple conditions are specified, you can switch between the logical operators ‘AND’ and ‘OR’ by clicking on the label between each condition.<\/p>\n
Important: Ensure to add at least one condition to your location or else the global section will not be output anywhere.<\/strong>[\/vc_column_text][nectar_video_player_self_hosted video_mp4=”https:\/\/themenectar.com\/demo-media\/global-section-display-conditions_4.mp4″ player_functionality=”default” border_radius=”none” box_shadow=”none” advanced_gradient_display_type=”linear”][divider line_type=”No Line” custom_height=”6vh”][vc_column_text]\nSpecial Locations<\/h2>\n
There are specific display locations that possess unique characteristics. These locations have the ability to override the default theme functionality and are designed to use a limited number of elements that contribute to the final rendering.<\/p>\n
\n- Blog Archive Loop<\/strong>\n
\n- Utilizes the Post Loop Builder page builder element to override the default blog loop template. Additionally, it will impact the related post section on the single blog template.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n[\/vc_column_text][nectar_video_player_self_hosted video_mp4=”https:\/\/themenectar.com\/demo-media\/global-section-special-locations_4.mp4″ player_functionality=”default” border_radius=”none” box_shadow=”none” advanced_gradient_display_type=”linear”][divider line_type=”No Line” custom_height=”6vh”][vc_column_text]\n
Finding Output Locations (Hooks)<\/h2>\n
The global section locations are built upon the WordPress hook system. Salient offers a convenient feature that allows you to showcase all the available Global Section hooks on the frontend of your website. This functionality simplifies the process of locating specific areas.<\/p>\n
To access this feature, navigate to the front-end of your website while logged in and click on the “Show Salient Hooks” link located in the top admin bar.[\/vc_column_text][nectar_video_player_self_hosted video_mp4=”https:\/\/themenectar.com\/demo-media\/global-section-visual-hooks_4.mp4″ player_functionality=”default” border_radius=”none” box_shadow=”none” advanced_gradient_display_type=”linear”][vc_column_text]After clicking on a global section hook, you will be automatically redirected to a new global section where the corresponding hook is pre-selected.[\/vc_column_text][\/tab][tab icon_family=”none” title=”Page Builder Element” id=”1692194437307-10″ tab_id=”1692194437307-9″ sub_desc=”Another tool for displaying sections.”][vc_column_text]\n
Page Builder Element<\/h2>\n
If you don’t need a template to display on every page in your site, or just want more control on the placement, you can use the aptly named “Global Section” page builder element instead.<\/p>\n
Simply assign the desired template to the Global Section element and it will pull the content from your core template.<\/p>\n[\/vc_column_text][image_with_animation image_url=”10504″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” img_link_large=”yes” border_radius=”5px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][\/tab][\/tabbed_section][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"
[vc_row type=”full_width_background” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” top_padding=”80″ constrain_group_1=”yes” bottom_padding=”80″ text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default”…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/10476"}],"collection":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/comments?post=10476"}],"version-history":[{"count":7,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/10476\/revisions"}],"predecessor-version":[{"id":10892,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/10476\/revisions\/10892"}],"wp:attachment":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/media?parent=10476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}