Los mejores fragmentos de código de WooCommerce para WordPress

Publicado: 2023-05-12

¿Quieres conocer los mejores fragmentos de código de WooCommerce para WordPress ? Si planea modificar su tienda en línea y agregar más funciones, siga leyendo este artículo. Esta guía le mostrará un conjunto de fragmentos de código que debe conocer.

Pero primero, veamos qué es un fragmento de código y por qué necesitamos usarlo.

¿Qué es un fragmento de código?

Un fragmento de código es una pequeña sección de código que realiza una tarea o función específica en un sitio web o programa. A menudo se usa para personalizar el sitio web o la herramienta y mejorar las funciones.

Puede escribir fragmentos de código en cualquier lenguaje de programación, con una complejidad que va desde una simple línea hasta una función o algoritmo de varias líneas. Además, también puede encontrarlos en línea en bibliotecas de códigos, foros y blogs de programación, y los desarrolladores suelen compartirlos y modificarlos para que se ajusten a sus necesidades específicas.

El uso de fragmentos de código puede ahorrar tiempo y esfuerzo. Pero es esencial entender cómo funciona el código y asegurarse de que sea seguro y no cause ninguna vulnerabilidad. Además de eso, cuando se utilizan fragmentos de código de fuentes externas, es esencial verificar sus requisitos de licencia y atribución para evitar la infracción de derechos de autor.

¿Por qué agregar fragmentos de código de WooCommerce a WordPress?

Si usa fragmentos de código de WooCommerce para WordPress, beneficiará tanto al propietario como a los desarrolladores.

Por ejemplo, puede usar fragmentos de código de WooCommerce para agregar nuevas funciones o cambiar las funciones existentes de una tienda en línea. Esto puede ayudar a mejorar la experiencia del usuario y aumentar las ventas.

Por ejemplo, puede usar un fragmento de código para agregar una opción de clasificación de productos personalizada o para cambiar el proceso de pago para que se adapte mejor a las necesidades de una empresa en particular.

Además, usar fragmentos de código de WooCommerce para WordPress puede ser más eficiente que instalar y configurar un complemento por separado porque permite modificaciones más específicas y evita posibles conflictos con otros complementos o temas.

Además, los fragmentos de código de WooCommerce pueden ayudar a mejorar la seguridad y el rendimiento de una tienda en línea. Al agregar un código personalizado al archivo functions.php o un archivo de complemento separado, los desarrolladores pueden asegurarse de que el código esté optimizado para las necesidades específicas del sitio web.

Finalmente, los fragmentos de código pueden proporcionar una solución más rentable que contratar a un desarrollador. Aunque algunas personalizaciones pueden requerir un trabajo de desarrollo más complejo, puede lograr muchas modificaciones utilizando fragmentos de código simples que se encuentran en línea.

Sin embargo, un código mal escrito puede causar errores y vulnerabilidades de seguridad. Por lo tanto, recomendamos probar y comprender el código en un entorno de prueba antes de agregarlo a un sitio web.

Además, mantenga una copia de seguridad de los archivos y la base de datos del sitio web para asegurar su arduo trabajo.

Cómo agregar fragmentos de código de WooCommerce a WordPress

Puede agregar fragmentos de código de WooCommerce a WordPress en unos simples pasos:

  • Abra el archivo functions.php: El archivo functions.php es donde puede encontrar la mayoría de los fragmentos de código de WordPress. Suele estar en la carpeta de temas; puede acceder a él a través del panel de control de WordPress o un cliente FTP.
  • Agregue el fragmento de código: copie y pegue el fragmento deseado en el archivo functions.php. Asegúrese de agregarlo en la ubicación adecuada, como al final del archivo, después de cualquier código existente.
  • Guarde los cambios: una vez que agregue el fragmento de código, guarde los cambios en el archivo functions.php. Esto activará el código que acabas de ingresar.
  • Pruebe la funcionalidad: después de agregar el fragmento de código, pruebe la nueva funcionalidad para asegurarse de que funciona según lo previsto.

Sin embargo, si no desea agregar el fragmento de código al archivo functions.php del tema principal, puede crear un tema secundario personalizado. De esta manera, las actualizaciones del tema no causarán ningún problema.

Los mejores fragmentos de código de WooCommerce para WordPress

Ahora que hemos aprendido por qué y cómo agregar fragmentos de código de WooCommerce para WordPress. A continuación, pasemos a los mejores fragmentos de código de WooCommerce seleccionados para sus necesidades generales.

En pocas palabras, los códigos que vamos a compartir te ayudarán a:

  • Agregar una pestaña de producto personalizada
  • Agregar soporte de WooCommerce a un tema
  • Agregue una moneda personalizada a WooCommerce
  • Mostrar el enlace "Mi cuenta" en una plantilla
  • Completar pedidos automáticamente
  • Cambiar el número de productos que se muestran en la tienda
  • Deshabilitar búsqueda
  • Modificar el texto del botón Agregar al carrito
  • Modificar el título de la página de la tienda

Echemos un vistazo profundo a cada código.

1) Agregar una pestaña de producto personalizado

Agregar una pestaña de producto personalizada en WooCommerce es una excelente manera de mostrar información adicional sobre sus productos. Entonces, aquí hay un fragmento de código que le permitirá agregar uno:

 // Agregar pestaña de producto personalizado

add_filter('woocommerce_product_tabs', 'add_custom_product_tab');
función add_custom_product_tab ($ pestañas) {
$tabs['custom_tab'] = array(
'título' => __( 'Pestaña personalizada', 'woocommerce'),
'prioridad' => 50,
'devolución de llamada' => 'custom_product_tab_content'
);

devolver $pestañas;

}

// Contenido de la pestaña del producto personalizado

función custom_product_tab_content() {
echo '<h2>Pestaña de productos personalizados</h2>';
echo '<p>El contenido personalizado va aquí.</p>';
}

Este código agrega una nueva pestaña "Pestaña personalizada" a la página del producto, con una prioridad de 50. Además, puede cambiar el título y el contenido de la pestaña del producto personalizado según sus requisitos. La función de devolución de llamada custom_product_tab_content muestra el contenido de la pestaña. Puede personalizar el código según sus necesidades.

2) Declarar compatibilidad con WooCommerce en un tema de terceros

Si está utilizando un tema de terceros que no proporciona compatibilidad con WooCommerce de forma predeterminada, puede agregar una solución al problema agregando el siguiente fragmento de código al archivo functions.php del tema de su sitio web:

 // Agregar soporte de WooCommerce al tema

función mytheme_add_woocommerce_support() {
add_theme_support('woocommerce');
add_theme_support('wc-product-gallery-zoom');
add_theme_support('wc-product-gallery-lightbox');
add_theme_support('wc-product-gallery-slider');
}
add_action('after_setup_theme', 'mytheme_add_woocommerce_support');

Fuente: Medio.

3) Agregar moneda personalizada a WooCommerce

Si desea agregar una moneda personalizada a WooCommerce, puede usar el siguiente fragmento de código:

 // Agregar moneda personalizada a WooCommerce

function agregar_mi_moneda ($monedas) {
$monedas['ABC'] = __('Mi moneda', 'woocommerce');
devolver $monedas;
}

add_filter('woocommerce_currencies', 'add_my_currency');
function agregar_mi_símbolo_de_moneda ($símbolos_de_moneda) {
$símbolos_moneda['ABC'] = '$'; // Cambie ABC a su código de moneda personalizado y $ a su símbolo de moneda.
devuelve $símbolos_de_moneda;
}

add_filter('woocommerce_currency_symbols', 'add_my_currency_symbol');

Aquí, usamos dos filtros: woocommerce_currencies y woocommerce_currency_symbols para agregar nuestra moneda personalizada y su símbolo. En primer lugar, agrega el nombre y el código de su moneda a la lista de monedas disponibles. En segundo lugar, puede agregar el símbolo de moneda para el código de moneda personalizado.

4) Mostrar el enlace Mi cuenta en un archivo de plantilla

Para mostrar el enlace de mi cuenta en un archivo de plantilla en WooCommerce, puede usar el siguiente fragmento de código:

 <?php si (is_user_logged_in()) : ?>

<a href="<?php echo esc_url( wc_get_account_endpoint_url( 'dashboard' ) ); ?>"><?php esc_html_e( 'Mi cuenta', 'woocommerce' ); ?></a>

<?php más: ?>

<a href="<?php echo esc_url( wc_get_page_permalink( 'myaccount' ) ); ?>"><?php esc_html_e( 'Iniciar sesión/Registrarse', 'woocommerce' ); ?></a>

<?php endif; ?>

Este código comprueba si el usuario ha iniciado sesión mediante la función is_user_logged_in() .

Si el usuario ha iniciado sesión, muestra un enlace al tablero usando la función wc_get_account_endpoint_url('dashboard') . Sin embargo, si el usuario no ha iniciado sesión, muestra un enlace a la página Mi cuenta mediante la función wc_get_page_permalink('myaccount') .

Puede agregar este código a cualquier archivo de plantilla en su tema de WooCommerce donde desee mostrar el enlace de mi cuenta. Por ejemplo, puede agregarlo a su archivo header.php para mostrar el enlace en el encabezado de su sitio.

5) Completar pedidos automáticamente

Si desea completar pedidos en WooCommerce automáticamente, puede usar el siguiente fragmento de código:

 // autocompletar pedidos
add_action('woocommerce_thankyou', 'custom_woocommerce_auto_complete_order');

función custom_woocommerce_auto_complete_order ($ order_id) {
if ( ! $order_id ) {
devolver;
}

$pedido = wc_get_order( $order_id );
$pedido->update_status('completado');
}

Fuente: StackOverflow

Este código agrega un enlace de acción a la función woocommerce_thankyou , que se activa cuando se completa un pedido. Cuando se activa este enlace, se ejecuta la función custom_woocommerce_auto_complete_order .

La función primero verifica si la variable $order_id está configurada. Si no está configurado, regresa. De lo contrario, accede al objeto de la orden desde la función wc_get_order() .

Finalmente, utiliza el método update_status() para colocar el estado del pedido en "completado".

Tenga en cuenta que completar pedidos automáticamente puede no ser adecuado para todos los productos o empresas. Por lo tanto, es esencial considerar sus necesidades específicas antes de activar este código.

6) Cambiar el Número de Productos Mostrados por Página

Si desea cambiar la cantidad de productos que se muestran por página en WooCommerce, puede usar el siguiente fragmento de código:

 // modificar productos por número de páginas
add_filter('loop_shop_per_page', 'custom_loop_shop_per_page', 22);
función custom_loop_shop_per_page ($cols) {
$columnas = 14; // Cambie este número al número deseado de productos por página.
devuelve $cols;

}

Este código agrega un filtro a la función loop_shop_per_page . Eso controla la cantidad de productos que se muestran por página en WooCommerce. A continuación, se ejecuta la función custom_loop_shop_per_page , que toma como parámetro el número actual de columnas.

En la función, también puede establecer la variable $cols en la cantidad deseada de productos por página (en este ejemplo, 14). Finalmente, obtienes el número actualizado de columnas.

Cambiar la cantidad de productos que se muestran por página puede afectar la experiencia del usuario y el tiempo de carga de la página. Por lo tanto, es esencial considerar sus necesidades específicas antes de cambiar esta configuración.

7) Deshabilitar búsqueda

Para deshabilitar la búsqueda en WordPress, puede usar el siguiente fragmento de código:

 // Deshabilitar búsqueda
function fb_filter_query( $consulta, $error = verdadero ) {
si ( es_buscar() ) {
$consulta->es_buscar = false;
$consulta->consulta_vars[s] = false;
$consulta->consulta[s] = false;

// al error
si ( $ error == verdadero )
$consulta->is_404 = verdadero;
}
}

add_action( 'parse_query', 'fb_filter_query' );
add_filter('get_search_form', create_function('$a', "return null;" ) );

Fuente: StackOverflow

Este código usa una función personalizada llamada custom_disable_search() para deshabilitar la función de búsqueda en WordPress. Aquí agrega un enlace de acción a la función parse_query , que se activa cuando se ejecuta una consulta de búsqueda.

En la función, comprueba si la consulta actual es una consulta de búsqueda (is_search()); si es así, establece la propiedad is_search del objeto de consulta en nulo. También establece la variable de consulta s en nulo, deshabilita efectivamente la consulta de búsqueda.

Finalmente, este fragmento de código agrega un filtro a get_search_form para ocultar el formulario de búsqueda de su sitio de WordPress.

8) Cambiar el texto del botón Agregar al carrito

Para cambiar el texto del botón "Agregar al carrito" en WooCommerce, puede usar el siguiente fragmento de código:

 add_filter('woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_text');
add_filter('woocommerce_product_add_to_cart_text', 'custom_add_to_cart_text');

función custom_add_to_cart_text() {
return __('Comprar ahora', 'woocommerce');
}

Fuente: Njengah

Este código agrega dos filtros a las funciones woocommerce_product_single_add_to_cart_text y woocommerce_product_add_to_cart_text , que controlan el texto del botón "Agregar al carrito" en WooCommerce. A continuación, se ejecuta la función custom_add_to_cart_text() , que devuelve el texto del botón actualizado.

Usamos la función __() para acceder al texto "Comprar ahora" definido en el archivo de traducción de WooCommerce. Si desea cambiar el texto a otra cosa, reemplace 'Comprar ahora' con el texto deseado.

9) Reemplace el título de la página de la tienda en WooCommerce

Para reemplazar el título de la página de la tienda en WooCommerce, puede usar el siguiente fragmento de código:

 add_filter('woocommerce_page_title', 'custom_shop_page_title');
función custom_shop_page_title ($page_title) {
if( 'tienda' == $título_página) {
return __('Título de la nueva tienda', 'woocommerce');
}

devuelve $título_página;
}

Este código agregará un filtro a la función woocommerce_page_title , que controla el título de la página de la tienda de WooCommerce. A continuación, se ejecuta la función custom_shop_page_title() , que comprueba si el título de la página es "tienda" y, en caso afirmativo, devuelve el título actualizado ("Título de la nueva tienda").

Este fragmento de código usa la función __() para acceder al texto traducido del título de la página de la tienda actualizada, definido en el archivo de traducción de WooCommerce. Sin embargo, si desea cambiar el texto a otra cosa, reemplace 'Título de la nueva tienda' con el texto deseado.

Conclusión

El uso de fragmentos de código de WooCommerce para WordPress es una forma poderosa de personalizar su tienda en línea y agregar nuevas funcionalidades. Por ejemplo, si está buscando cambiar la apariencia de su tienda, el proceso de pago o agregar nuevas funciones, los fragmentos de código pueden ayudarlo a lograr sus objetivos.

Para agregar un fragmento de código, pegue el código en el archivo functions.php de su tema secundario o cree un complemento personalizado. Pero es importante recordar que modificar el código de su sitio web puede tener consecuencias no deseadas. Por lo tanto, siempre recomendamos crear una copia de seguridad de su sitio antes de realizar cualquier cambio.

Con los códigos que proporcionamos anteriormente, puede ejecutar una fantástica tienda WooCommerce con muchas personalizaciones. Para resumir, hemos compartido fragmentos para

  • Agregar una pestaña de producto personalizada
  • Agregar soporte de WooCommerce a un tema
  • Agregue una moneda personalizada a WooCommerce
  • Mostrar el enlace "Mi cuenta" en una plantilla
  • Completar pedidos automáticamente
  • Cambiar el número de productos que se muestran en la tienda
  • Deshabilitar búsqueda
  • Modificar el texto del botón Agregar al carrito
  • Modificar el título de la página de la tienda

Puede elegir un código y trabajar con él según sus requisitos.

Esperamos que este artículo le haya resultado útil y que haya disfrutado leyéndolo. Si lo desea, considere compartir esta publicación con sus amigos y compañeros blogueros en las redes sociales. También puede consultar nuestro archivo de blog para obtener más guías de WordPress/WoCommerce.

¿Necesitamos agregar otros fragmentos a esta guía?

Háganos saber en los comentarios a continuación.

Artículos similares que te pueden gustar:

  • Cómo filtrar productos de WooCommerce por atributo
  • Los mejores complementos de donación de WooCommerce
  • Los mejores complementos del administrador de licencias de WooCommerce