How to Hide Price and Add to Cart Button Woocommerce

To hide the price and add to cart button in WooCommerce and maintain good coding practices, we’ll follow a similar approach to our previous tutorial on hiding the add to cart button. It is always advisable to create a child theme when making customization to your WooCommerce store using code snippets. This ensures that your modifications remain intact during theme updates.

Code Snippet to Hide Price and Add to Cart Button:

Step 1: Create a Child Theme (if not already created)

• Access Your WordPress Admin Dashboard:Log in to your WordPress admin dashboard using your administrator credentials.
• Navigate to Themes:Go to “Appearance” in the left-hand menu. Click on “Themes.”
• Add New Theme:Click on the “Add New” button to add a new theme.
• Choose a Parent Theme:Select a suitable parent theme, ideally the one you’re currently using.
• Add Theme Details:Provide a name for your child theme, a description, and other details as needed. Click on the “Create a Child Theme” button.

Step 2: Locate and Edit functions.php File

• Navigate to the Theme Editor:Go to “Appearance” in the left-hand menu. Click on “Theme Editor.”
• Select the Child Theme:Ensure that you have selected your child theme from the right-hand side of the Theme Editor.
• Locate and Edit functions.php:Look for functions.php in the list of theme files on the right.Click on it to open the file in the editor.

Step 3: Add the Code Snippet

• Paste the Code:Scroll to the end of the functions.php file.Paste the following code snippet:
  

// Code to hide price and add to cart button in WooCommerce shop and product pages
remove_action('woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10);
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_price', 10);
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30);