{"id":2747,"date":"2023-10-16T10:55:37","date_gmt":"2023-10-16T15:55:37","guid":{"rendered":"http:\/\/racmanuel.dev\/?p=2747"},"modified":"2023-10-16T10:55:44","modified_gmt":"2023-10-16T15:55:44","slug":"como-crear-un-tipo-de-producto-personalizado-en-woocommerce","status":"publish","type":"post","link":"https:\/\/racmanuel.dev\/en\/como-crear-un-tipo-de-producto-personalizado-en-woocommerce\/","title":{"rendered":"How to Create a Custom Product Type in WooCommerce"},"content":{"rendered":"\n
\"a
Photo by Pavel Danilyuk on Pexels.com<\/a><\/figcaption><\/figure>\n\n\n\n

Con el crecimiento constante de las tiendas en l\u00ednea basadas en WooCommerce, la necesidad de tipos de productos personalizados ha aumentado. En este art\u00edculo, te mostrar\u00e9 c\u00f3mo desarrollar tu propio tipo de producto personalizado en WooCommerce para que puedas ofrecer funcionalidades adicionales y \u00fanicas a tus clientes.<\/p>\n\n\n\n

\u00bfPor qu\u00e9 necesitas un tipo de producto personalizado?<\/span><\/strong><\/h3>\n\n\n\n

Los tipos de productos personalizados permiten a las tiendas en l\u00ednea ofrecer soluciones m\u00e1s adaptadas a sus productos y servicios espec\u00edficos. Por ejemplo, podr\u00edas querer crear un tipo de producto “Suscripci\u00f3n” que se maneje de manera diferente a los productos normales.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Pasos para Crear un Tipo de Producto Personalizado en WooCommerce:<\/span><\/strong><\/h3>\n\n\n\n
    \n
  1. Registrar el Tipo de Producto:<\/strong> Explica c\u00f3mo utilizar el add_action('init', 'register_my_subscription_product_type');<\/code> para registrar el nuevo tipo.<\/li>\n\n\n\n
  2. Agregar el Tipo de Producto al Selector:<\/strong> Muestra c\u00f3mo se puede agregar el tipo de producto al men\u00fa desplegable de tipos de producto utilizando el filtro product_type_selector<\/code>.<\/li>\n\n\n\n
  3. Personalizar la Visibilidad de las Pesta\u00f1as en la Caja de Datos del Producto:<\/strong> Explica c\u00f3mo se puede mostrar u ocultar pesta\u00f1as espec\u00edficas seg\u00fan el tipo de producto seleccionado.<\/li>\n\n\n\n
  4. A\u00f1adir Datos Personalizados al Producto:<\/strong> Describe c\u00f3mo se pueden agregar campos personalizados al producto, como una casilla de verificaci\u00f3n para habilitar la suscripci\u00f3n o un campo de texto para agregar detalles de la suscripci\u00f3n.<\/li>\n\n\n\n
  5. Guardar y Mostrar Datos Personalizados:<\/strong> Explica c\u00f3mo guardar estos datos personalizados y c\u00f3mo mostrarlos en la p\u00e1gina del producto.<\/li>\n\n\n\n
  6. Mostrar el Bot\u00f3n “A\u00f1adir al Carrito”:<\/strong> Detalla c\u00f3mo mostrar el bot\u00f3n “A\u00f1adir al carrito” para el tipo de producto personalizado.<\/li>\n<\/ol>\n\n\n\n
    <?php\r\n\/**\r\n * Plugin Name: Custom Product Type\r\n * Plugin URI:\r\n * Description:\r\n * Version:\r\n * Author:\r\n * Author URI:\r\n * License:\r\n * License URI:\r\n *\/\r\n\r\n\/**\r\n * Register a custom product type on initialization.\r\n *\/\r\nadd_action('init', 'register_my_subscription_product_type');\r\n\r\n\/**\r\n * Class WC_Product_my_subscription\r\n * \r\n * Define a custom product type.\r\n *\/\r\nfunction register_my_subscription_product_type()\r\n{\r\n    class WC_Product_my_subscription extends WC_Product\r\n    {\r\n        \/**\r\n         * WC_Product_my_subscription constructor.\r\n         *\r\n         * @param mixed $product\r\n         *\/\r\n        public function __construct($product)\r\n        {\r\n            $this->product_type = 'my_subscription';\r\n            parent::__construct($product);\r\n        }\r\n    }\r\n}\r\n\r\n\/**\r\n * Add the custom product type to product type selector.\r\n *\r\n * @param array $types Existing product types.\r\n * @return array Modified product types.\r\n *\/\r\nfunction add_my_subscription_product_type($types)\r\n{\r\n    $types['my_subscription'] = __('My Subscription');\r\n    return $types;\r\n}\r\nadd_filter('product_type_selector', 'add_my_subscription_product_type');\r\n\r\n\/**\r\n * Customize visibility of tabs in product data metabox.\r\n *\r\n * @param array $tabs Existing product data tabs.\r\n * @return array Modified product data tabs.\r\n *\/\r\nfunction wcs_hide_attributes_data_panel($tabs)\r\n{\r\n    $tabs['general']['class'][] = 'show_if_my_subscription';\r\n    $tabs['attribute']['class'][] = 'hide_if_my_subscription';\r\n    $tabs['shipping']['class'][] = 'hide_if_my_subscription';\r\n    $tabs['inventory']['class'][] = 'show_if_my_subscription';\r\n    return $tabs;\r\n}\r\n\r\n\/**\r\n * Display pricing fields for the custom product type.\r\n *\/\r\nfunction my_subscription_custom_js()\r\n{\r\n    if ('product' != get_post_type()) :\r\n        return;\r\n    endif;\r\n    ?>\r\n    <script type='text\/javascript'>\r\n        jQuery(document).ready(function() {\r\n            jQuery('.options_group.pricing').addClass('show_if_my_subscription').show();\r\n            jQuery('.general_options').show();\r\n        });\r\n    <\/script>\r\n<?php\r\n}\r\nadd_action('admin_footer', 'my_subscription_custom_js');\r\n\r\n\/**\r\n * Add custom product data tab.\r\n *\r\n * @param array $tabs Existing product data tabs.\r\n * @return array Modified product data tabs.\r\n *\/\r\nfunction my_subscription_product_tab($tabs)\r\n{\r\n    $tabs['my_subscription'] = array(\r\n        'label' => __('My Subscription Tab', 'dm_product'),\r\n        'target' => 'my_subscription_product_options',\r\n        'class' => 'show_if_my_subscription_product',\r\n    );\r\n    return $tabs;\r\n}\r\nadd_filter('woocommerce_product_data_tabs', 'my_subscription_product_tab');\r\n\r\n\/**\r\n * Content for custom product data tab.\r\n *\/\r\nfunction QL_custom_product_options_product_tab_content()\r\n{\r\n    ?><div id='my_subscription_product_options' class='panel woocommerce_options_panel'>\r\n        <div class='options_group'><?php\r\n                woocommerce_wp_checkbox(array(\r\n                    'id' => '_enable_custom_product',\r\n                    'label' => __('Enable Subscription'),\r\n                ));\r\n\r\n                woocommerce_wp_text_input(\r\n                    array(\r\n                        'id' => 'my_subscription_product_info',\r\n                        'label' => __('Enter Subscription Details', 'dm_product'),\r\n                        'placeholder' => '',\r\n                        'desc_tip' => 'true',\r\n                        'description' => __('Enter subscription details.', 'dm_product'),\r\n                        'type' => 'text',\r\n                    )\r\n                );\r\n\r\n                ?>\r\n        <\/div>\r\n    <\/div>\r\n<?php\r\n}\r\nadd_action('woocommerce_product_data_panels', 'QL_custom_product_options_product_tab_content');\r\n\r\n\/**\r\n * Save custom product data.\r\n *\r\n * @param int $post_id Product ID.\r\n *\/\r\nfunction save_my_subscription_product_settings($post_id)\r\n{\r\n    $engrave_text_option = isset($_POST['_enable_custom_product']) ? 'yes' : 'no';\r\n    update_post_meta($post_id, '_enable_custom_product', esc_attr($engrave_text_option));\r\n\r\n    if (!empty($_POST['my_subscription_product_info'])) {\r\n        update_post_meta($post_id, 'my_subscription_product_info', esc_attr($_POST['my_subscription_product_info']));\r\n    }\r\n}\r\nadd_action('woocommerce_process_product_meta', 'save_my_subscription_product_settings');\r\n\r\n\/**\r\n * Display custom product data in frontend.\r\n *\/\r\nfunction my_subscription_product_front()\r\n{\r\n    global $product;\r\n    if ('my_subscription' == $product->get_type()) {\r\n        echo \"<strong>Subscription Type: <\/strong>\" . esc_html(get_post_meta($product->get_id(), 'my_subscription_product_info', true));\r\n    }\r\n}\r\nadd_action('woocommerce_single_product_summary', 'my_subscription_product_front');\r\n\r\n\/**\r\n * Display add to cart button for the custom product type.\r\n *\/\r\nadd_action(\"woocommerce_my_subscription_add_to_cart\", function () {\r\n    do_action('woocommerce_simple_add_to_cart');\r\n});\r<\/code><\/pre>\n\n\n\n
    Conclusi\u00f3n<\/span><\/strong><\/h3>\n\n\n\n
    Con la habilidad de crear tipos de productos personalizados en WooCommerce, las posibilidades son pr\u00e1cticamente ilimitadas. Puedes adaptar tu tienda en l\u00ednea para que se ajuste perfectamente a las necesidades de tus clientes y productos.<\/p>\n\n\n\n
    \u00bfEst\u00e1s listo para llevar tu tienda WooCommerce al siguiente nivel? Comienza a implementar tipos de productos personalizados hoy mismo. Si necesitas ayuda adicional o un desarrollo personalizado, no dudes en ponerte en contacto con nosotros.<\/p>\n\n\n