Archivos de Categoría: Woocommerce

Agregar un mensaje en la página de finalizar compra (checkout)

Muchas veces un simple mensaje en el lugar correcto puede hacer la diferencia para mejorar la experiencia de compra, con el siguiente código agregaremos un mensaje para nuestros clientes en la página “finalizar compra” de WooCommerce, para eso utilizaremos el filtro “woocommerce_before_checkout_form”.

En el siguiente ejemplo agregaremos un mensaje con el texto “Gracias por su compra, lo esperamos pronto.” en la cabecera de la página “finalizar compra”, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function mi_mensaje_checkout() {
wc_print_notice( __( 'Gracias por su compra, lo esperamos pronto.', 'woocommerce' ), 'success' );
}
add_action( 'woocommerce_before_checkout_form', 'mi_mensaje_checkout', 9 );

Si deseas más información sobre como desarrollar en

WooCommerce

, visita el Codex oficial de WooCommerce haciendo clic aquí.

Si necesitas consultoría sobre

WooCommerce

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Ocultar algunas opciones para ordenar los productos que se muestran en la tienda

WooCommerce por defecto nos ofrece un selector para ordenar los productos de nuestra “Tienda” por popularidad, fecha, precio y valoración, en muchas ocaciones no es necesario tener todas las opciones y necesitamos ocultar algunas, para eso utilizaremos el filtro “woocommerce_catalog_orderby”.

En el siguiente ejemplo ocultaremos la opciones popularidad, valoración y fecha, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function personalizar_menu_ordenar ($orderby) {
unset ($orderby ["popularity"]);
unset ($orderby ["rating"]);
unset ($orderby ["date"]);
return $orderby;
}
add_filter ("woocommerce_catalog_orderby", "personalizar_menu_ordenar", 20);

Si deseas más información sobre como desarrollar en

WooCommerce

, visita el Codex oficial de WooCommerce haciendo clic aquí.

Si necesitas consultoría sobre

WooCommerce

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Cambiar la dirección url del botón volver a la tienda

Existen ocasiones en que no utilizamos las páginas predefinidas por WooCommerce y es necesario adecuar algunas cosas como la dirección url del botón “Volver a la tienda”, el cual por defecto te envía a la página “Tienda” instalada por WooCommerce, para cambiar esto usaremos el filtro “woocommerce_return_to_shop_redirect”.

En el siguiente ejemplo se muestra una función que nos redirige a la página principal del sitio web, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function wc_empty_cart_redirect_url() {
return '/inicio';
}
add_filter( 'woocommerce_return_to_shop_redirect', 'wc_empty_cart_redirect_url' );

En el ejemplo anterior podemos cambiar la opción “/inicio” por cualquier página de nuestro sitio o utilizar funciones predefinidas de WordPress como “site_url();”


function wc_empty_cart_redirect_url() {
return site_url();
}
add_filter( 'woocommerce_return_to_shop_redirect', 'wc_empty_cart_redirect_url' );

Si deseas más información sobre como desarrollar en

WooCommerce

, visita el Codex oficial de WooCommerce haciendo clic aquí.

Si necesitas consultoría sobre

WooCommerce

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Ocultar la pestañas de calificaciones e información adicional de la página del producto.

En algunas ocaciones por cuestiones de diseño, políticas de la empresa o simplemente no son necesarias las pestañas “calificaciones” e “información adicional” en la página del producto, es necesario ocultarlas, para eso usaremos el filtro “woocommerce_product_tabs”.

En el siguiente ejemplo se muestra como ocultar estas pestañas creando una función, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function woo_remove_product_tabs( $tabs ) {
//unset( $tabs['description'] );      	
unset( $tabs['reviews'] ); 			
unset( $tabs['additional_information'] );  
return $tabs;
}
add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

Si deseas más información sobre como desarrollar en

WooCommerce

, visita el Codex oficial de WooCommerce haciendo clic aquí.

Si necesitas consultoría sobre

WooCommerce

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Personalizar el texto del botón añadir al carrito

En muchas ocaciones necesitamos cambiar el texto de nuestro botón “Añadir al carrito” que esta predeterminado por WooCommerce, para esto usaremos el filtro “woocommerce_product_single_add_to_cart_text”.

En el siguiente ejemplo se muestra como se cambia el texto “Añadir al carrito” por “Comprar”, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function boton_anadir_carro() {
return __( 'Comprar', 'woocommerce' );
}
add_filter( 'woocommerce_product_single_add_to_cart_text', 'boton_anadir_carro' );

Si deseas más información sobre como desarrollar en

WooCommerce

, visita el Codex oficial de WooCommerce haciendo clic aquí.

Si necesitas consultoría sobre

WooCommerce

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css