· woocomerce is the backing of more than 5 million activities installed in the WordPress community, and this number is increasing every day. Through all user data, woocomerce can get enough feedback and greatly improve the needs of users. There is no doubt that woocomerce cannot change capriciously. Especially for complex sites, there are many factors to consider. This means that small changes may bring great differences to the content displayed on the front end, and in the worst case, it will produce a serious negative customer experience. That’s why I decided to create the ultimate woocommerce hide guide.
Woocommerce ultimate hiding guide this post will learn how to hide specific elements in the woocommerce store. Please note that the flexibility provided by woocommerce is modest. However, performing many tasks on the WordPress \/ woocommerce site requires technology and experience. This ultimate guide will ensure that you can hide all elements without damaging the site. Before you start, you need to pay more attention to updating and adding functions on the WordPress site, so you must always be ready for backup. This is just a legitimate warning. The biggest disadvantage is that if the developer updates the theme, the content of the theme modified in this way will be lost.
The best way to overcome this situation is to use subtopics. Subtopics allow you to make any changes to your web site without touching the original theme file. The subtheme is entirely dependent on working parents. If there is no parent theme, nothing will be done and cannot be activated. Here, you will learn how to create sub themes. Let’s take a look at how to hide various elements in woocommerce store pages, such as shopping page, single product page, my account page, home page, check-out page and shopping cart page.
This section will learn how to hide other elements in the shop page. The store page is where your products are displayed and is one of the most important pages in the store. Therefore, it must be charming and user-friendly design. However, the store page is a pre designed component of the store, and there is no built-in tool that can change the shape and feel. Therefore, use custom snippets to hide elements. Woocommerce product visibility woocommerce stores have a situation where products need to be hidden. Some of them are:
If the product is only for specific customers, the product should be hidden from the public. The product is no longer sold, but may be sold again in the future. If a service-based product is offered, it must be manually added to the sales rep quote. Although there are many other scripts, these are very attractive. To get started, we’ll share how to hide a single woocomer product at the front end using the built-in woocomer and WordPress features. Woocomerce is a way to hide products in shopping carts, payments, orders and emails. Here, you can learn more about product visibility.
Log in to the WordPress site that hides the stage (single product) of the woocommerce product and access the dashboard as an administrator. In the dashboard menu, click products and select the products you want to hide in the site. Click the product title and go to the edit page as follows: The familiar publish meta box appears on the right. You can set publishing options and post posts, products, or pages. The option is catalog visibility. Edit link next to
single click. The front end displays a list of options for product visibility. Select the hide option and click the update button. The product will completely disappear from the front end of the woocommerce store. It is important to note that if hidden products are added to the \
Woocommerce shopping cart, steps to hide products in payment, order and e-mail. Woocommerce shopping cart hides sub topic functions of products in payment, order and e-mail. Consider adding the following code to your PHP file:\/**
*Hide products hidden in shopping cart, payment and order
*\/
add_filter( ‘woocommerce_cart_item_visible’, ‘njengah_hide_hidden_product_from_cart’ , 10, 3 );
add_filter( ‘woocommerce_widget_cart_item_visible’, ‘njengah_hide_hidden_product_from_cart’, 10, 3 );
add_filter( ‘woocommerce_checkout_cart_item_visible’, ‘njengah_hide_hidden_product_from_cart’, 10, 3 );
add_filter( ‘woocommerce_order_item_visible’, ‘njengah_hide_hidden_product_from_order_woo333’, 10, 2 );
Function njengah_hide_product_from_cart ($visible, $cart_item, $cart_item_key){
$product = apply_filters( ‘woocommerce_cart_item_product’, $cart_item[‘data’], $cart_item, $cart_item_key );
If ($product – > get_catalog_visibility() = = \
$visible = false;
}
$visible returns;
}
Function njengah_hide_hidd_product_from_order_woo333 ($visible, $order_item){
$product = $order_item->get_product();
If ($product – > get_catalog_visibility() = = \
$visible = false;
}
$visible returns;
}Don’t forget to save your changes.
Hide woocommerce empty category woocommerce allows you to classify products into various categories and tags. That is, even empty categories are displayed on the store and home page. Empty categories can be hidden to prevent users from finding them. However, woocommerce has no built-in option to hide categories in the home page or archive. The category is displayed even if it is empty. It’s easy for experienced WordPress developers to hide empty categories. You will use PHP snippets to hide empty categories. However, although CSS can also be used, the score of search engine is negative, which will damage SEO. You can learn to hide empty categories here.
In the category component of woocommerce, the steps to hide empty categories include: Log in to the WordPress site and access the dashboard as an administrator. First, you must create categories and assign products. To do this, click Products > categories. You can specify categories here. In the screenshot below, you may see that I assigned five products to the auto parts category and four products to njengah tech.
The first category is empty. Or specify the category for the product on the \
$list_args[ ‘hide_empty’ ] = 1;
Return $list_args;
}
Don’t forget to save the file after deploying the code above add_filter (\
To hide the price of the logged out user and the Add button on the shopping cart, use the subtheme function. Consider adding the following code to your PHP file:\/**
*Add hidden prices to the cart and sign out for users
*\/
Add_action (\
Function njengah_hide_price_add_cart_not_logged_in(){
if ( ! is_user_logged_in() ) {
remove_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_add_to_cart’, 10 );
remove_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_add_to_cart’, 30 );
remove_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_price’, 10 );
remove_action( ‘woocommerce_after_shop_loop_item_title’, ‘woocommerce_template_loop_price’, 10 );
add_action( ‘woocommerce_single_product_summary’, ‘njengah_print_login_to_see’, 31 );
add_action( ‘woocommerce_after_shop_loop_item’, ‘njengah_print_login_to_see’, 11 );
}
}
Function njengah_print_login_to_see(){
echo ‘
‘ . __ (\
}Don’t forget to save your changes.
This will be the result of the front end: pictures can be deleted from the price field. In other words, the product no longer has a price, so the shopping cart will not display the Add button. Alternatively, you can create a file manager. This filter detects the product ID of the target product and returns false. The add to cart button will be deleted\/**
*Hide buttons and variable products for products with id = 10
*\/
a
dd_filter(‘woocommerce_loop_add_to_cart_link’, function( $add_to_cart_html, $product ) {
If ($product – > get_id() = = = 604| $product – > is_type (\
Return \
}
$add_to_cart_html return;
}, 10, 2); You must add a valid product ID. The results are as follows: · woocomerce hides out of stock products. Woocomerce provides excellent inventory management system to help users build e-commerce websites in the shortest possible time. In e-commerce, one of the most important requirements of inventory management is the option to hide out of stock products. Fortunately, woocommerce provides an immediately available solution to hide products that are not in stock in settings. Here, you can learn more about adding products. To hide out of stock products in a single product, go to the woocommerce – > Settings submenu on the word press dashboard. Click the products tab > inventory subtab. Please check the out of stock display option to hide out of stock items. Navigate to the woocommerce dashboard menu, use the product tab and click the inventory sub tab to view the option to hide products without inventory, as shown in the following figure. Select this option and save the settings to successfully hide the out of stock products in the catalog. Or function. You can add custom PHP scripts to your PHP files. You can add a task hook connected to pre_get_posts. The callback function must have logic to hide out of stock products using classification query. The following is an example of snipt code, which can perfectly hide out of stock products. 
is_main_query() || is_admin() ) {
return goods
}
if ( $outofstock_term = get_term_by( ‘name’, ‘outofstock’, ‘product_visibility’ ) ) {
$tax_query = (array) $query – > get (\
Array [$taxquery]（
\
\
\
\
);
$query->set( ‘tax_query’, $tax_query );
}
remove_action( ‘pre_get_posts’, ‘njengah_hide_out_of_stock_products’ );
}Don’t forget to save your changes. On the woocommerce store page, this solution will help if you operate a B2B \/ wholesale or membership store that hides all products and you don’t want to disclose all products to the public. This developer friendly solution uses custom PHP scripts. Woocommerce’s built-in solution hides specific products in the shopping page. Here, you can learn more about the solution. The steps to hide the woocommerce shop page of all products include: Log in to the WordPress site and access the dashboard as an administrator. In the panel menu, click shape Menu > theme editor menu. After opening the theme editor page, on the woocommerce shopping page, find the theme function file to add the function that hides all product functions. functions. Add the following code to the PHP file\/**
*@Delete snippet product loop @ woocommerce shop
*\/
add_action( ‘pre_get_posts’, ‘njengah_remove_products_from_shop_page’
count’ );
Function njengah_remove_category_products_count(){
return goods
}Don’t forget to save your changes. This will be the result of the front end: woocommerce also displays the number of products in the subcategory. functions. You can hide the number of products by adding the following code at the bottom of the PHP file: add_filter( ‘woocommerce_subcategory_count_html’, ‘__return_false’ ); This code will delete the number of products in the subcategory. According to the marketing strategy of hiding the product price according to the user role of woocommerce, the product price can be hidden according to the specific user role of woocommerce store. But woocommerce basically has no option to hide the price. This post focuses on Pricing Based on user roles or insufficient roles (guest users). The main goal is to encourage users to register to view prices. To add this feature, stick to it. Best of all, it provides a step-by-step guide to hiding prices. But I need some technical knowledge. Further, you can hide the shopping cart and checkout price and total of guest users. You can learn the method here. In the stage of hiding the price of guest users, the price of guest users and the function of theme should be hidden in woocommerce store. Consider adding the following code to your PHP file:\/**
*Hide product prices according to user roles.
*\/
Function njengah_hide_price_guest ($price){
if ( ! is_user_logged_in() ) {
Return \
}
Return $price;
}
add_filter( ‘woocommerce_get_price_html’, ‘njengah_hide_prices_guests’ ); \/\/ Don’t forget to save hidden product price changes. The results of the front end are as follows: Male hide woocommerce category this section will show how to hide the woocommerce category to avoid being displayed on the store page. Woocomerce allows you to decide how to display products on the shopping page. Here, you will learn how to display categories. For various reasons, you may not want to display certain categories on the home page. In this example, we will delete the attachment category. You can do this by hiding to avoid specifying the correct name or listing for this category. Categories are displayed in the front end as follows: The function of hiding categories. Consider adding the following code at the bottom of the PHP file:\/**
*Show only items in the selected category.
*\/
Function get_subcategory_terms ($terms, $taxonomy, $args){
$new_terms = array ();
$hide_category = array (19)\/\/ ID of the category you don’t want to display on the shopping page
\/\/If it is a product category and store page
if ( in_array( ‘product_cat’, $taxonomies ) && ! is_admin() && is_shop() ) {
foreach ( $terms as $key => $term ) {
if ( ! in_array( $term->term_id, $hide_
category ) ) {
$new_terms[] = $term;
}
}
$terms = $new_terms;
}
Return $terms;
}
add_filter( ‘get_terms’, ‘get_subcategory_terms’, 10, 3 ); Refresh the page to see the results. Male: from the screenshot above, we can see that the \
Function njengah_hide_products_uth_price ($q){
$meta_query = $q->get( ‘meta_query’ );
$meta_query [] = array（
\
\
\
);
$q->set( ‘meta_query’, $meta_query );
}This code is a function. Must be added to PHP and successfully hide all products without price. As you can see from the code callback function, the value of the meta query is set to an empty string. Woocommerce hidden sales badge woocommerce sales badge is a label displayed on a single product page, product archive page, up sell, cross sell and related products. Ideally, this button is to let store visitors know that a particular product is on sale. You can add the selling price and normal price of the same product, and set the woocommerce discount badge for each product. I want to explain in my post how to change the sales badge and how to delete or completely hide the sales badge. The badge design in sales may vary according to the theme of the store. Default woocommerce theme – storefront is provided with the default ordinary sales badge without design, as shown below: The woocomerce store removes the sub theme function of the sales badge. Consider adding the following code to your PHP file:\/\/ Add filters to remove sale_badge
add_filter( ‘woocommerce_sale_flash’, ‘njengah_remove_on_sale_badge’ );
Function njengah_remove_on_sale_badge ($sale_badge){
Return \
}This code is a filter that checks the sales badge on the page and replaces it with an empty string in the palindrome of the callback function. The results are as follows: Or learn how to use CSS to hide the sales badge and change the badge here. WooCommerce
Hide inventory quantity you can hide the inventory message of products by making changes to the theme application code used in the woocommerce store. It is recommended to fully back up the woocommerce store. If there is a problem with the code change, you can restore it to its previous state. Alternatively, you can use subtopics. Woocomerce has appropriate inventory management functions. You can open this option in the store using the inventory tab on the product editing screen in the WordPress management area. Here, you can see how to display the inventory quantity. By default, inventory messages are displayed on a single product page as follows: To hide the element, use the function. Consider adding the following code snippet at the bottom of the PHP file\/**
*Hide the \
*
*@Param string $HTML
*@Param string $text
*@param WC_product$product
*@Return string
*\/
$njeu message{
$availability = $product->get_availability();
If (isset ($availability [\
Return \
}
Return $HTML;
}
add_filter( ‘woocommerce_stock_html’, ‘njengah_wc_hide_in_stock_message’, 10, 3 ); To view the results, refresh the product page to view the deleted messages. The weight of woocomerce product is hidden. When selling digital products, it is not necessary to display the weight and size of the product. In addition, if you do not ship, you do not need to display the weight. However, it is worth mentioning that the weight and size of the product will not be displayed in the topic unless you add this information to the back end before you start. Here, you can learn more about product weight. It can be seen from the image that the weight is added, and the front end is shown as follows: To hide this element, the function of the theme. It is recommended to add the following code at the bottom of the PHP file\/**
*Hide the weight and size of the product on a single product page.
*\/
add_filter( ‘wc_product_enable_dimensions_display’, ‘__return_false’ ); Don’t forget to save changes to this file. The results of the front end are as follows: Male WordPress developers who hide SKUs, categories and tags on the woocomer product page will think that there is a woocomer filter specific to this. But it is not filtered. This means that the entire \
*Hide SKU, cat, tag on single product page – woocomerce
*\/
remove_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_meta’, 40 ); Don’t forget to save your changes. This will be the result of the front end: malewoocom me
When rce has no inventory, the hidden price woommerce processes the inventory requirements. Woocommerce saves the time and effort required to update inventory through an optimized system. In addition, the user definition is flexible, which can make up for the deficiency. Potential buyers will be frustrated when they see out of stock notices or when the product is unavailable. One of the things you can do is hide the price of out of stock products. In addition, this function also has a lot of significance. For example, if you have a woocommerce membership store, you may want to hide prices from unregistered visitors. Here, you can learn more about how to hide prices. To hide the prices of products that are out of stock on a single product page, use the functions in the topic. Add the following code to the PHP file\/**
*Hide price when inventory is insufficient
*\/
add_filter( ‘woocommerce_variable_sale_price_html’, ‘njengah_remove_prices’, 10, 2 );
add_filter( ‘woocommerce_variable_price_html’, ‘njengah_remove_prices’, 10, 2 );
add_filter( ‘woocommerce_get_price_html’, ‘njengah_remove_prices’, 10, 2 );
Function $u remove price ($u price){
if ( ! $product->is_in_stock()) {
$price = \
}
Return $price;
}The results are as follows: Male woocommerce hides additional information and adds delivery information (weight and size) to the woocommerce additional information tab on the product page. The template in the notes tab adds a complete list of product attributes. The survey found that this attribute is through the enable_dimensions_display() function product attributes. As you can see, it is added from the PHP template. You can see the reason why PHP solution is better than CSS solution. The additional information tab in the storefront topic is displayed as follows: To hide the additional information section, use functions. Consider adding the following code at the bottom of the PHP file:\/**
*Remove the notes tab from the woocommerce single product page
*\/
add_filter( ‘woocommerce_product_tabs’, ‘njengah_remove_product_tabs’, 9999 );
Function njengah_remove_product_tabs ($tabs){
unset( $tabs[‘additional_information’] );
Return to the $tab.
}The results of a single product page are as follows: Male: hide the title of woocommerce tag. Woocommerce has three tags with titles. These tabs include: Additional information comment description (displayed if product description content is added) this section describes how to hide and change the description tab title on a single product page. To hide or change the notes and comments tab title, you can find the entire solution here. The description tab title is displayed in the front as follows: To hide or change the description label title, use functions. Consider adding the following code snippet at the end of the PHP file:\/\/ Delete product description title
add_filter( ‘woocommerce_product_description_heading’, ‘__return_null’ );
\/\/Trade description Title Change
add_filter(‘woocommerce_product_description_heading’, ‘change_product_description_heading’);
Function change_product
Amarray $attachment_id the ID of each image variable.
*\/
Function njengah_woocomerce_remove_feature_image ($HTML, $attach_id){
Global $post, $product;
\/\/ID。
$attachment_ids = $product->get_gallery_image_ids();
\/\/If not, please return to the recommended pictures contained in the picture library earlier.
If (! $attachment_ids){
Return $HTML;
}
\/\/Find recommended images.
$featured_image = get_post_thumbnail_id( $post->ID );
\/\/If so, exclude it from the gallery.
if ( is_product() && $attachment_id === $featured_image ) {
$html = ”;
}
Return $HTML;
}
add_filter( ‘woocommerce_single_product_image_thumbnail_html’, ‘njengah_woocommerce_remove_featured_image’, 10, 2 ); The results are as follows: Hide the woocommerce product quantity field in the product page. In this section, you will easily see how to hide the number of products registered in a single product page. We will show you how to handle many products. However, you can use custom PHP or CSS snipet to hide the quantity selector for a specific product. You can learn more here. The quantity selector is displayed on the product page as follows: The following codes help to hide or delete quantities when there are many products. This is very simple. functions. Because you need to copy and paste the code into your PHP file\/****@ Delete from desc all product types*\/
Function woo_remove_all_quantity_fields ($return, $product){
Returns true.
}
add_filter( ‘woocommerce_is_sold_individually’, ‘woo_remove_all_quantity_fields’, 10, 2 ); The results are as follows: The method of hiding out of stock deformation in woocomerce. If there are digital products, it will provide users with a convenient place to access the products. A good example is the iTunes Store created by Apple company, which can easily find music. You can these products, so you will be happy to pay for these convenience. Prevent users from choosing products or product variants without inventory, and realize that they can’t buy, so as to avoid frustration. Woocommerce does not gray out variants without inventory by default. First select the roadblock, and then notify the user that the product is out of stock. The default appearance of the product page is the out of stock variant: If you don’t know how to sell complex woocomerce able products, you can learn how to create and add them here. The function of the topic is that now you know how to sell complex able products. You must add the following code at the bottom of the PHP file\/**
*@Snippet no stock disable variant @ woocommerce single
*\/
add_filter( ‘woocommerce_variation_is_activ
Before using a CSS solution, you must identify the elements that need to be changed. You can learn more here. If you use chrome or Firefox, you can easily check and manipulate the elements in the dom. Using these browsers, you can view the overall structure of the web page, including all elements and their attributes. In our case, you will select a specific element called the shopping cart icon. The shopping cart icon is displayed in the title as follows: To hide this element, the function of the theme. Consider adding the following PHP code at the bottom of the PHP file\/**
*Disable shopping cart icon
*\/
Delete function _sf_actions(){
remove_action( ‘storefront_header’, ‘storefront_header_cart’, 60 );
}
Add_action (\
Display: none;
}The results are as follows: The \
Doesn’t mean. They are not optimistic about naive visitors. Developers can create updates to modify warnings, but it will take longer. This section describes WP config. Customize PHP files. It is recommended that you create a site backup before changing the code. This is a measure to prevent problems. Quickly restore the site. wp-config. In the PHP file, find the following line: define(‘WP_DEBUG’, true); However, in some cases, it may be set to false. define(‘WP_DEBUG’, false); In both cases, this line must be replaced with the following code: Ini_set (\
Ini_set (\
Justice (\
Definition (\
*Disable update notifications on the word press dashboard
*\/
add_action( ‘admin_init’, ‘njengah_hide_update_notifications_users’ );
Function njengah_hide_update_notifications_users(){
Global $menu, $subnu;
$user = wp_get_current_user();
\/\/Enter a unique allowed user name here.
$allowed = permutation (\
\/\/Hide WP, plug-ins, and topic notifications for all other users
if ( $user && isset( $user->user_login ) && ! in_array( $user->user_login, $allowed ) ) {
add_filter( ‘pre_site_transient_update_core’, ‘njengah_disable_update_notifications’ );
add_filter( ‘pre_site_transient_update_plugins’, ‘njengah_disable_update_notifications’ );
add_filter( ‘pre_site_transient_update_themes’, ‘njengah_disable_update_notifications’ );
\/\/Remove the red update counter from the sidebar menu item.
$menu [65] [0] = \
$submanu [\
}
}
Function njengah_disable
set( $wc_statuses_arr[‘wc-cancelled’] );
\/\/}
$wc_statuses_arr return\/\/ Return result status
}
add_filter( ‘wc_order_statuses’, ‘njengah_remove_order_statuses’ ); The results are as follows: You can also add custom order status. Hiding prices in woocommerce Google Google is a powerful organization in terms of search products. Google surpasses Amazon in product search. In addition, it is worth mentioning that many online purchases begin with Google search. Google uses rich snipt, so it is excellent in search products. Rich snipt provides the ability for shoppers to view search related products. You can also read reviews and compare prices in one place. Rich snipt acts as a complete Encyclopedia of products. Therefore, online stores should become the general trend of Google ridge snipt. By default, schema tags display product prices in Google search results. It also displays data such as comment ratings, inventory status, and number of comments. But in some cases, you may want to hide the price of woocommerce products in Google search results. The function of hiding price and theme in Google. Add the following code at the bottom of the PHP file\/**
*@Hide price in snippet search engine
*\/
add_filter( ‘woocommerce_structured_data_product_offer’, ‘__return_empty_array’ ); Don’t forget to save your changes. Woocommerce hides the marketing center. Starting from woocommerce 4.1, there is a marketing tab under the analysis menu item. This section is called woocommerce marketing center. This section lists the recommended plug-ins to help store owners start store marketing. This is a good start for the new woocommerce store owner. You can also create coupons in this section. However, some store owners only recommend the best marketing plug-ins, so they may want to hide the marketing center. In the future, this section may be expanded to include more useful information, but it may appear abstract and meaningless if the store does not provide coupons. The marketing center is displayed in the management area as follows: To delete this section, the function of the topic. You must add the following code at the bottom of the PHP file\/**
*@Hide snippet woomerce Marketing Center
*\/
Add_filter (\
\/**
*Filter the function list and delete unnecessary functions*
*\/
array_values(
array_filter( $features, function($feature) {
return $feature !== ‘ \
}
)
);
}
); Don’t forget to save your changes. Woocommerce hides customer order email for free orders. Creating impressive HTML email is a real achievement in itself, but woocommerce provides several options for beginners of WordPress to create email. Learn more about how \
Indicates that you do not want to send an order complete email or automatically redirect to resources at checkout$ For orders other than 0, you may want to keep the order complete email. Woocommerce does not have this built-in feature. To achieve this, we will use custom PHP code snippets\/**
*@Snippet free order disable customer order email – woocommerce
*\/
\/\/To target other e-mail messages, you can change the filter to:
\/\/ \
add_filter( ‘woocommerce_email_recipient_customer_completed_order’, ‘njengah_disable_customer_order_email_if_free’, 10, 2 );
Function njengah_disable_customer_order_email_if_free ($receiver, $order){
$page=$_GET[“page”]=isset（$_GET[“page”]）？$_ Get [page]: \
if ( ‘wc-settings’ === $page ) {
$return to recipient;
}
if ( (float) $order->get_total() === ‘0.00’ ) $recipient = ”;
$return to recipient;
}Don’t forget to save your changes. How to hide labels in the store theme woocommerce the woocommerce store has two main classification options: category and label. The product label is similar to the product category, but the label has no hierarchical structure. This means that there are no \
*Delete product tag metabox
*\/
add_action( ‘admin_menu’, ‘njengah_hide_product_tags_metabox’ );
Function njengah_hide_product_tag_metabox (){
remove_meta_box( ‘tagsdiv-product_tag’, ‘product’, ‘side’ );
}The results are as follows: Here you can also learn how to hide the \
Function njengah_hide_products_uth_price ($q){
ight > 7 ) {
Foreach ($rate_id = > $rates of $rate_val){
If (\
($rates [$rates_id]) is not set;
}
}
}
Return $rates;
}
add_filter( ‘woocommerce_package_rates’, ‘njengah_hide_free_shipping_for_order_weight’, 100, 2 ); The results are as follows: If woocommerce can be delivered free of charge, even if there is no need to hide the delivery fee, the increase of distribution methods and availability on the shopping cart page will have a negative impact on the user experience of the website or confuse buyers. In this way, the sales of woocommerce store will be reduced. For example, if free shipping is available, you may not want to display other paid shipping options. Woocommerce displays all freight charges matching the specified delivery region by default, so setting alone cannot be achieved. To do this, you need PHP. We’ll show you how to disable all delivery methods except \
*If free delivery is available, please hide a delivery option in an area.
*\/
add_filter( ‘woocommerce_package_rates’, ‘njengah_unset_shipping_when_free_is_available_in_zone’, 10, 2 );
Function njengah_unset_shipping_when_free_is_available_in_zone ($rates, $package){
\/\/Free_shipping is free only when available
if ( isset( $rates[‘free_shipping:8’] ) ) {
unset( $rates[‘flat_rate:1’] );
}
Return $rates;
} functions. If you add the following code to the PHP file, you can use free shipping. Please disable all shipping in all regions\/**
*If you can deliver goods free of charge, hide all freight in all regions
*\/
add_filter( ‘woocommerce_package_rates’, ‘njengah_unset_shipping_when_free_is_available_all_zones’, 10, 2 );
Function njengah_unset_shipping_when_free_is_available_all_zones ($rates, $package){
$all_free_rates = array ();
Foreach ($rate_id = > $rates of $rate){
If (\
$all_free_rates[ $rate_id ] = $rate;
Fracture
}
}
If (empty) ($all_free_rates){
Return $rates;
}Another{
$all_free_rates returns;
}
}The results are as follows: Male hide the woocomer shopping cart page. Woocomer cart is a necessary page for users to accumulate what they want to buy on the website and make simple payment through online payment. Act as an ordinary shopping cart in a store. People can continue to add what they want to buy to the shopping basket and check out at the counter later. On this page, we’ll show you how to hide other elements. Woocommerce update hidden shopping cart button
If you are familiar with it, you know that if the customer decides to add products to the shopping cart and change the quantity, the only way the order may be reflected in the change is to click the update shopping cart button. This is just another step that customers want to see the total number of updates. Therefore, to save time, this function must be optimized. The update button is displayed on the shopping cart page as follows: To hide the shopping cart Update button, add the following CSS in the \
Display: none! important
}
\/*Or try this operation**\/
Button [name = \
Display: none! important
}The results are as follows: Further, through the \
Display: none;
}To extract the elements that need to be changed: The method of hiding woocommerce coupon code field and providing coupons to customers with high loyalty is a good way for woocommerce store owners to restore the community. With this coupon, you can offer a reward or discount as a purchase reward. This is just a way to thank the owner of the woocommerce store for buying products. In order to find coupons that can be used in the store, customers can throw away the shopping basket, so there is no need to show or train customers how to find discounts or coupons. In the process of purchasing coupons, users may be dissatisfied because they miss the discount, so they can’t complete the purchase. Woocommerce has built-in options or functions. You can completely hide the coupon code using the following custom PHP script that needs to be added to the PHP file:\/\/ Hide the coupon field in the shopping cart page.
Function disable_coupon_field_on_cart ($enabled){
if ( is_cart() ) {
$active = false;
}
Refundable $;
}
add_filter( ‘woocommerce_coupons_enabled’, ‘disable_coupon_field_on_cart’ ); To view the results of this code, you must visit the shopping cart page and display the following: The check-out process of woocomerce hidden settlement page is one of the most important stages of customers’ journey in the store. But remember, this is the last chance to convince shoppers to buy. Many customers may abandon your store because of this page. Therefore, you must optimize this page. One way to optimize the checkout page is to customize checkout fields based on business needs and target customers. For example, if you do not normally sell to a company, delete the company name field. This section describes how to hide elements in the payment page. Hide the woocommerce tax tag \
If the target is included, the pricing does not include tax and no notice is required. In the United States, the subtotal is generally displayed in addition to taxes. Taxes are included in the invoice. That is, stores that sell only in the United States usually do not need to use this label in email sending. To remove a label, use the function. Add the following code at the bottom of the PHP file: Function njengah_change_email_tax_label ($label){
$tag = \
Return $label;
}
add_filter( ‘woocommerce_countries_ex_tax_or_vat’, ‘njengah_change_email_tax_label’ ); Now, the \
*Hide PayPal icon filter
*\/
add_filter( ‘woocommerce_paypal_icon’, ‘njengah_hide_the_paypal_icon’ );
Function njengah_hide_the_paypal_icon (){
Return \
}Or use CSS to hide the PayPal icon. You can also change the woocommerce PayPal icon on the payment page. The results are as follows: There are many reasons why woocommerce checkout wants to hide the company name field. One of the situations where this field can be hidden is sales to consumers, not businesses. If you have a consumer centric woocommerce store, the checkout with the company name field will increase friction. If you are not sure if you need to create one, it may cause potential confusion to customers. To hide the company name field, use functions. Add the following code at the bottom of the PHP file:\/**
*@Hide company name field in snippet checkout page
*\/
add_filter( ‘woocommerce_checkout_fields’ , ‘remove_company_name’ );
Function delete company name ($fields){
unset($fields[‘billing’][‘billing_company’]);
Return the $field;
}Here, you can learn how the code works. This will be the result of the front end: androg hide the woocommerce payment field. By default, woocommerce will add a form for customers to enter billing details. However, in some cases, it may be necessary to delete the billing details section of some products. For example, you can hide the billing fields for able products. The price of woocommerce checkout field editor and other plug-ins can be used for $49. But it may be a little expensive. Payment details to hide include: The steps to delete billing details from the name company address City zip code status mobile country woommerce checkout are functions. Add the following code at the bottom of the PHP file\/**
* @sn
。 To remove footnote links, use functions. Add the following code at the bottom of the PHP file: remove_action(‘storefront_footer’, ‘storefront_credit’,20); Don’t forget to save your changes. To add your own credit links, you can learn how to redefine footer links using the subtopics feature. All in all, this post shares a way to hide various elements. As you can see, depending on the goal or programming experience, you can always hide the woocomer element. PHP snipt can be placed at the bottom of the subtheme function. Instead, CSS is a sub theme style. Navigate to the CSS file. Make sure you are doing something while editing these files. This is a code level guide. If you have any questions, please consider hiring qualified WordPress developers. Woocommerce redirection after logging out of similar articles [Ultimate Guide] Woocommerce redirection after check-out: hide and redirect the deformation unavailable in woocommerce with the customized audit page. Get the order ID from the settlement page. Woocommerce create a customized order receiving page. Woocommerce create coupons. Woocommerce add shopping basket View button. Woocommerce Method button for deleting coupons from settlement color store method for changing foreground theme woocommerce method for displaying product properties woocommerce method for creating custom store page product import method woocommerce method for setting woocommerce product price per kilogram woocommerce method for changing store page title woocommer How to add fields to the woocommerce registration form change the add to cart button to learn more. How to install woocommerce woocommerce storefront step by step, how to add calls to woocommerce [customer calls] customize woocommerce product page woocommerce how to add product SKUs
