Eliminar color de fondo cantidad articulos en categorias woocomerce

¿Cómo eliminar ese color amarillo que trae por defecto la mayoria de plantillas que usan Woocommerce?

Cuando estamos en nuestra web de woocomerce viendo la sección de TIENDA, normalmente nos aparecen las categorias con sus imágenes destacadas, acompañadas del nombre de la categoría así como el número de artículos existentes de cada una de ellas. El número tiene por defecto un espantoso color amarillo que daña a la vista así a primeras.

¿Cómo hacer que desaparezca? como casi siempre un poco de css y veremos un cambio como el siguiente:

Ahí va ese código CSS que como siempre pondremos en APARIENCIA-CUSTOM CSS:

.product-category mark {background-color: white;}

¿y si queremos que directament  no apareza la cantidad?

.product-category mark { display:none; }

Por otro lado, si lo que queremos es sólo quitar los paréntesis, hace ya mucho publique esto:

Cómo quitar los paréntisis en la cantidad de artículos de las categorías

Fue allá por 2014, espero que aún funcione..:)

¿Cómo eliminar una categoría del Widget en Woocommerce?

Por defecto en nuestros widgets de woocommerce, tenemos una visualización de las categorías de los productos de nuestra tienda online. ¿Pero qué pasa si queremos eliminar una o varias de las categorías de ese widget de woocommerce?

Rebuscando un poco he encontrado un código que al ponerlo en nuestro functions.php nos elimina de ese widget la categoría o categorías seleccionadas.

Este código elimina las categorías específicas del widget “WooCommerce Product Categories”: (más…)

¿Cómo mostrar el cupón de descuento en correo de pedido de WooCommerce?

Un cliente me ha pedido que para poder ver los cupones que se van usando, tiene que ir entrando en cada uno de los pedidos desde el panel de control del la web, y allí ir mirando uno por uno y apuntando los pedido que se han hecho con cupones.

¿No sería más fácil que en mail que recibimos cuando se hace un pedida salga en algun sitio si se ha usado un cupón y el nombre del cupón?

Pues lo temos más fácil de lo que parece, añadiendo el siguiente código a nuestro functions.php:

add_action( 'woocommerce_email_after_order_table', 'add_payment_method_to_admin_new_order', 15, 2 );

function add_payment_method_to_admin_new_order( $order, $is_admin_email ) {
	
	if ( $is_admin_email ) {
	
		if( $order->get_used_coupons() ) {
		
			$coupons_count = count( $order->get_used_coupons() );
		
		    echo '

<h4>' . __('Cupones utilizados') . ' (' . $coupons_count . ')</h4>


';
		     
		    echo '

<strong>' . __('Cupones utilizados') . ':</strong> ';
		    
		    $i = 1;
		    $coupons_list = '';
		    
		    foreach( $order->get_used_coupons() as $coupon) {
		        $coupons_list .=  $coupon;
		        if( $i < $coupons_count )
		        	$coupons_list .= ', ';
		        $i++;
		    }
		
		    echo '

<strong>Cupones utilizados (' . $coupons_count . ') :</strong> ' . $coupons_list . '

';
		
		} 
	
	} 
}
 
 
 
add_action( 'woocommerce_admin_order_data_after_billing_address', 'custom_checkout_field_display_admin_order_meta', 10, 1 );

¿Fácil verdad?  a mí me ha funcionado con un versión de WordPress 4.7.2  y una versión de Woocommerce 2.6.14

Código extraido de : https://mvkoen.com/mostrar-los-cupones-utilizados-en-el-correo-de-confirmacion-de-pedidos-de-woocommerce-y-en-el-editor-de-pedidos/

Donde tambien nos enseñan a ponerlo en el editor de pedidos.

¿Cómo cambiar el texto SALE de Woocommerce?

Cuando ponemos dos precios en los productos de Woocommerce, uno de ellos rebajado, se nos habilita una redonda bien chula con el texto SALE o REBAJADO muy llamativo.

¿Como se puede cambiar este texto? por ejemplo uno de mis clientes me ha pedido que salga un “-15%” y lo usará para hacer una rebaja de varios productos de forma manual.

Para cambiar el texto SALE se han de hacer unos cambios en un par de archivos: (más…)

Pago con tarjeta con woocommerce, configurar un TPV virtual

Configurar Pago con tarjeta con woocommerce:

Woocommerce es una de las herramientas de comercio electrónico más sencillas de utilizar, no tan desarolladas como Magento o Prestashop, pero que ofrece las características mínimas necesarias para poder llevar a cabo una página de venta online en condiciones.

Ahora bien, alguna de las pegas que le podemos poner, es que no viene por defecto el poder configurar el método de pago por tarjeta de crédito/débito. Si bien por PayPal se pueden hacer pagos por tarjeta, la comisión que tenemos siempre nos obliga a buscar una alternativa, en nuestro caso un plugin que nos facilitará la tarea:

WooCommerce Sermepa payment gateway

(del gran Jesús Ángel del Pozo Domínguez ), acceso al plugin: https://wordpress.org/plugins/woocommerce-sermepa-payment-gateway/

La configuración es sencilla, pero requiere de algunos pasos y a veces puede ser un poco lento. A continuación explicaremos como configurarlo: (más…)

Cuando tengo el plugin de SEO YOAST, las columnas de productos de Woocommerce se ven muy mal.

No es que se vea mal, es que el plugin de SEO YOAST, añade automáticamente varias columnas, y según la resolución de pantalla que tengamos, la columa de TITULO SEO se ve muy estrecha y puede ser que tendremos algo tan desagradable como esto:

¿Cómo solucionarlo? en OPCIONES DE PANTALLA deseleccionaremos las pestañas de TITULO SEO, META DESC y PALABRA CLAVE. Mirad que diferencia:

¿Mucho mejor verdad?

De hecho no sólo pasa con las columas de productos, que ya de por si tienen varias columnas. Nos puede pasar tambien con los artículos o post normales.

Eliminar sidebar o menú lateral en WooCommerce

Cuando instalamos el plugin de Woocommerce, a veces nos encontramos con alguna incompatibilidad, como que el sidebar o menú lateral se muestra incorrectamente, debajo de todo y mal posicionado.

Para quitar el sidebar o menú lateral en todas nuestras páginas de Woocommerce, tenemos que editar el archivo functions.php dentro de la carpeta wp-content/themes/your-theme:

añadiremos estas lineas al final de todo:

remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10);

De esta manera ya no aparecerá el menú lateral o sidebar en nuestra pantalla de productos.

Eliminar los productos relacionados en WooCommerce

Para quitar los productos relacionados en Woocommerce, tenemos que editar el archivo functions.php dentro de la carpeta wp-content/themes/your-theme:

añadiremos estas lineas al final de todo:

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);

De esta manera ya no aparecerán los productos relacionados en nuestra pantalla de productos.

///ACTUALIZACIÓN 22-2-2015

Tras el comentario de Ricardo, lo he probado en una versión 2.3.3. y funciona perfectamente. Sobre todo y muy importante, añadirlo al final del archivo functions.php de vuestra plantilla. Y no dejar nungun espacio en blanco o intro tras esta última instrucción.

Eliminar los comentarios de productos en WooCommerce

Para quitar los comentarios en el apartado productos en Woocommerce, tenemos que editar el archivo functions.php dentro de la carpeta wp-content/themes/your-theme:

añadiremos estas lineas al final de todo:

add_filter( 'woocommerce_product_tabs', 'sb_woo_remove_reviews_tab', 98);
function sb_woo_remove_reviews_tab($tabs)
{
   unset($tabs['reviews']);
   return $tabs;
} 

De esta manera ya no aparecerán los comentarios en nuestra pantalla de productos.

Cómo quitar los paréntisis en la cantidad de artículos de las categorías

Para quitar los paréntisis donde se muestran el número de artículos de cada categoría, tenemos que editar el archivo content-product_cat.php dentro de la carpeta templates del plugin de woocommerce:

donde pone:

echo apply_filters( 'woocommerce_subcategory_count_html', ' <mark class="count">(' . $category->count . ')</mark>', $category );

cambiarlo por:

echo apply_filters( 'woocommerce_subcategory_count_html', ' <mark class="count"> ' . $category->count . ' </mark>', $category );

con esto funcionará tal y como se muestra en la imagen:

Cambiar el número de columnas en productos de Woocommerce

Por defecto Woocommerce sólo muestra 4 columnasde productos. ¿Como se pueden cambiar el número de columnas en woocommerce?

Lo haremos modificando el archivo theme-woocommerce.php  desde APARIENCIA-EDITOR (o bien por FTP en includes/theme-woocommerce.php)

/////////ACTUALIZACIÓN Marzo de 2016, añadiremos este código directamente al final de nuestro functions.php de nuestra plantilla. Funciona correctamente para una version de WordPress 4.4.2 y de Woocommerce 2.5.5////////////////

Si queremos 4 columnas,  en el código añadiremos  esto:

 // Change thumbs on the single page to 4 per column
add_filter( 'woocommerce_product_thumbnails_columns', 'woocommerce_custom_product_thumbnails_columns' );
if (!function_exists('woocommerce_custom_product_thumbnails_columns')) {
function woocommerce_custom_product_thumbnails_columns() {
return 4;
}
}

// Change number or products per row to 4
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
return 4;
}
}

Si cambiamos el 4 por un 5 saldrán 5 columnas en los productos.
Cuidado que al hacer esto, si no tenemos redimensionadas la imagenes, nos puede quedar muy feo, normalmente hay que modificar el CSS siguiente:

ul.products li.product {
position: relative;
width: 12.05%;
}

El ancho suele estar al 22.05%, cambiandolo por 12.05% es suficiente, podeís jugar a ver cómo queda mejor. Según que plantilla useis, en lugar de porcentaje podeis encontrar pixels a pelo, se tendrían que reducir. También iría bien cambiar el tamaño de letra de los productos.
Espero que esto os solucione este problema, que francamente, me ha dado muchos dolores de cabeza.

Como ordenar los valores de atributos en Woocommerce

Cómo ordenar los valores de atributos en Woocommerce:

El caso típico y habitual, donde podemos encontrarnos con la duda de cómo ordenar los valores de atributos en Woocommerce, es una tienda de ropa, cómo ordenar atributos como el de las tallas, ya que en principio lo hace alfabeticamente, L/M/S/X/XL

Paso 1, en ATRIBUTOS, asegurarnos que tenga la opción CUSTOM ORDERING, donde le indicaremos que las ordenaremos a nuestros gusto.

(más…)

Error -1 Server returned HTTP response code: 403 for URL

Error -1 Server returned HTTP response code: 403 for URL

Muchas horas de llamadas al servicio REDSYS para solucionar este problema. No era problema de ellos, ni del servidor, parecía que todo estaba correcto. Haciendo las pruebas para configurar un TPV virtual para Woocommerce en WordPress me daba este error de validación:

-1 Server returned HTTP response code: 403 for URL

Por lo que los pedidos no aparecián como “en proceso”. El enlace era del tipo http://dominio.es/?wc-api=WC_Sermepa y en mi navegador resolvía corrrectamente con un valor 1, pero al parecer daba ese error 403 desde el servidor donde se validada el pago.

(más…)

Añadir parámetros a los mails de Nuevos Pedidos en Woocommerce

¿Cómo añadir campos para tener más información sobre los pedidos en Woocommerce?

Os cuento una forma de añadir parámetros a los mails de Nuevos Pedidos en Woocommerce.

Imaginemos que queremos incluir en el mail de Nuevo pedido, la forma de Pago o algún campo que nos pueda ser útil para tener más información del pedido sin tener que entrar en nuestro panel de administración de Woocommerce.

(más…)

Desactivar el modo venta en Woocomerce (Sólo catálogo)

Desactivar el modo venta en Woocomerce (Sólo catálogo)

El siguiente código nos permitirá usar nuestro Woocomerce pero sólo como catálogo, eliminando los accesos de “añadir a carrito de la compra”, con lo que podemos usar nuestro Woocomerce como sólo en forma de catálogo, mostrando los artículos y precio, pero sin posibilidad de comprar.

Como siempre, iremos a nuestro archivo funtions.php y añadiremos lo siguiente:

//Código para deshabilitar el botón de "Añadir al carrito" de la página de listado de productos:
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart' );

//Código para deshabilitar el botón de “Añadir al carrito” de la página individual de cada producto:
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

Otra historia sería desactivar las páginas de Carrito, Mi cuenta, etc…pero sólo lo podéis hacer desde Apariencia-Menús o bien con algún plugin.

Espero que os sirva!

Custom Fields o campos personalizados en Woocomerce, ejemplo CIF/NIF

Custom Fields o campos personalizados en Woocomerce, ejemplo CIF/NIF

////////18-7-2016—–NO FUNCIONA CON LA NUEVA VERSIÓN DE WOOCOMMERCE—– 18-7-2016/////////////

Como no hay manera de añadir el campo CIF/NIF en los datos de pedido de Woocomerce sólo nos quedan dos maneras de hacerlo.

-Pagar los 49 dólares para descargar el plugin woocommerce-checkout-field-editor o bien arriesgarnos a tocar código.

En mi caso me urge crear un campo personalizado CIF/NIF para poder generar después las facturas.

Pasos necesarios, (todo los códigos se añaden al archivo functions.php)

<?php
/**
 * Añadir el campo cuando se hace el pedido. Por defecto lo hará a continuación de los datos actuales
 **/
add_action('woocommerce_after_order_notes', 'my_custom_checkout_field');

function my_custom_checkout_field( $checkout ) {

    echo '<div id="my_custom_checkout_field"><h2>'.__('CIF/NIF').'</h2>';

    woocommerce_form_field( 'CIF/NIF', array(
        'type'          => 'text',
        'class'         => array('my-field-class form-row-wide'),
        'placeholder'       => __('Introduzca el CIF/NIF'),
        ), $checkout->get_value( 'CIF/NIF' ));

    echo '</div>';

}

/**
 * Comprobación de que no se deja en blanco, omitir si es un campo opcional
 **/
add_action('woocommerce_checkout_process', 'my_custom_checkout_field_process');

function my_custom_checkout_field_process() {
    global $woocommerce;

    
    if (!$_POST['CIF/NIF'])
         $woocommerce->add_error( __('RELLENE EL CIF/NIF.') );
}

/**
 * Actualizar el campo personalizado en la base de datos
 **/
add_action('woocommerce_checkout_update_order_meta', 'my_custom_checkout_field_update_order_meta');

function my_custom_checkout_field_update_order_meta( $order_id ) {
    if ($_POST['CIF/NIF']) update_post_meta( $order_id, 'CIF/NIF', esc_attr($_POST['CIF/NIF']));
}

/**
* Visualizarlo en la orden del pedido
**/
add_action( 'woocommerce_admin_order_data_after_billing_address', 'my_custom_checkout_field_display_admin_order_meta', 10, 1 );
 
function my_custom_checkout_field_display_admin_order_meta($order){
echo '<p><strong>'.__('CIF/NIF').':</strong> ' . $order->order_custom_fields['CIF/NIF'][0] . '</p>';
}?>

Con todo esto tendremos el campo CIF/NIF para introducir como campo obligatorio, y una vez se haga el pedido, al ir a la orden que se genera, lo tendremos como dato de facturación. Para poder modificarlo desde esta página, en la parte de abajo podremos modificarlo desde el desplegable de campo personalizado.

¿Que más faltaría? Quizás cambiar el lugar donde aparece el campo para rellenar, y que se enviase tambien por Email al cliente…pero eso ya es otra historia.

Woocommerce, añadir categorias de productos en Apariencia-Menús

Woocommerce, añadir categorias de productos en Apariencia-Menús:

Al principio como no aparecían, la única manera era añadir los accesos a las categorías de productos usando los “custom links” o “enlaces”, pero haciendo click en “OPCIONES DE PANTALLA” (arriba a la derecha de la pantalla), se pueden activar para que también aparezcan las categorias de los productos. No entiendo por que no salen por defecto, francamente ha sido un gran descubrimiento!!

-¿Como hacer que aparezcan las categorias de los productos de Woocommerce en los menus?

-Haciendo clic en Opciones de Pantalla y activándolos: