{"id":14190,"date":"2021-09-02T21:28:05","date_gmt":"2021-09-03T02:28:05","guid":{"rendered":"https:\/\/launchflows.com\/?post_type=documentation&p=14190"},"modified":"2022-03-20T18:02:21","modified_gmt":"2022-03-20T23:02:21","slug":"how-to-hide-any-component","status":"publish","type":"documentation","link":"https:\/\/launchflows.com\/documentation\/how-to-hide-any-component\/","title":{"rendered":"Hide Any Component"},"content":{"rendered":"

What Is This?<\/h3>\n

Sometimes you may wish to hide one or more of the standard checkout or product components from being visible on the front end.<\/p>\n

A popular example of this is to hide the “Order Notes” (Additional) checkout fields.<\/p>\n

Since LaunchFlows displays all standard components unless you relocate or hide them, use this method to hide any component.<\/p>\n

Hide Blocks<\/h3>\n

In Gutenberg blocks, you can add “lf-hide<\/strong>” (without quotes) to the Advanced\/Additional Class(es) box for any widget.<\/p>\n

\"LF<\/a><\/p>\n

If you are using the free Editor Plus<\/a> plugin for Gutenberg:<\/p>\n

a) First, click the three dots to the right of your LaunchFlows block and select “Group”, to turn block into a Group Block<\/p>\n

\"Hide<\/a><\/p>\n

b) Second, select the block to hide then click the “Extras” tab on right side, and from the dropdown choose Display “None”<\/p>\n

\"Hide<\/a><\/p>\n

c) The component will change colors to light grey to reflect that it is hidden.<\/p>\n

\"Hide<\/a><\/p>\n

Hide Shortcodes<\/h3>\n

To hide any shortcode, simply wrap them with the following syntax:<\/p>\n

<span style=\"display:none\">[shortcode goes here]<\/span><\/code><\/pre>\n
Hide Billing or Order Review Titles<\/h3>\n
To hide the title of the Billing or Order Review Components in Gutenberg blocks, you can add “lf-hide-title<\/strong>” (without quotes) to the Advanced\/Additional Class(es) box for any widget.<\/p>\n
\"lf-hide-title\"<\/a><\/p>\n
Hide Shortcodes Titles (for Billing or Order Review Components Only)<\/h3>\n
To hide any shortcode, simply wrap them with the following syntax:<\/p>\n
<span class=\"lf-hide-title\">[shortcode goes here]<\/span><\/code><\/pre>\n
Hide Elementor Widgets<\/h3>\n
Simply slide the option toggle to “hide” any Elementor Component Widget. The component will change colors to red in the editor to reflect it is hidden.<\/p>\n
\"Hide<\/a><\/p>\n
Resources<\/h3>\n
Watch This Video<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
What Is This? Sometimes you may wish to hide one or more of the standard checkout or product components from being visible on the front end. A popular example of this is to hide the “Order Notes” (Additional) checkout fields. Since LaunchFlows displays all standard components unless you relocate or hide them, use this method…<\/p>\n","protected":false},"featured_media":0,"menu_order":39,"template":"","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"default","_kad_post_title":"default","_kad_post_layout":"default","_kad_post_sidebar_id":"","_kad_post_content_style":"default","_kad_post_vertical_padding":"default","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"documentation_tags":[],"acf":[],"featured_image_src_large":false,"author_info":[],"comment_info":"","taxonomy_info":{"documentation_categories":[{"value":252,"label":"Custom Checkouts"}]},"_links":{"self":[{"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/documentation\/14190"}],"collection":[{"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/types\/documentation"}],"version-history":[{"count":0,"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/documentation\/14190\/revisions"}],"wp:attachment":[{"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/media?parent=14190"}],"wp:term":[{"taxonomy":"documentation_tags","embeddable":true,"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/documentation_tags?post=14190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}