Archivos de Categoría: Woocommerce

Mostrar un mensaje antes del formulario de registro

En el siguiente ejemplo crearemos una función que nos ayudará a mostrar un mensaje antes del formulario de registro en WooCommerce

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

add_action( 'woocommerce_before_customer_login_form', 'registration_message' );
function registration_message() {
    if ( get_option( 'woocommerce_enable_myaccount_registration' ) == 'yes' ) {
	?>
		<div class="woocommerce-info">
			<p><?php _e( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut imperdiet, erat in blandit sollicitudin, lacus quam tempor dolor, sit amet faucibus dolor lacus mollis mauris.' ); ?></p>
		</div>
	<?php
	}
}

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

Mostrar una cantidad de productos por página

En el siguiente ejemplo agregaremos un filtro que nos ayudará a administrar la cantidad de productos que se muestran por página en WooCommerce

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

add_filter( 'loop_shop_per_page', create_function( '$cols', 'return 3;' ), 20 );
//'return 3;' cantidad de productos

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

Administrar la cantidad de productos relacionados

En el siguiente ejemplo crearemos una función que nos ayudará a administrar la cantidad de productos relacionados que se muestran en WooCommerce

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

add_filter( 'woocommerce_output_related_products_args', 'related_products_args' );
	function related_products_args( $args ) {
		$args['posts_per_page'] = 4; // number of related products
		$args['columns'] = 2; // arranged in columns
		return $args;
}

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

Definir el País y el Estado al finalizar la compra (checkout)

En el siguiente ejemplo crearemos dos funciones que nos ayudará a definir el País y el Estado al finalizar la compra (checkout) en WooCommerce

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

add_filter( 'default_checkout_state', 'change_default_checkout_state' ); 
function change_default_checkout_state() {
  return 'Distrito Federal'; // Default state code
}
 
add_filter( 'default_checkout_country', 'change_default_checkout_country' );
function change_default_checkout_country() {
  return 'MX'; // Default country code
}

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

Agregar un campo personalizado en los productos

En el siguiente ejemplo crearemos varias funciones que nos ayudarán a agregar un campo personalizado en los productos de WooCommerce con el uso de varias acciones. Para este ejemplo en particular agregaré el campo «Marca» debajo del precio que se muestra en los productos.

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

Creamos el campo y lo añadimos al formulario de productos (en la pestaña «General»):

add_action( 'woocommerce_product_options_general_product_data', 'wc_custom_add_custom_fields' );
function wc_custom_add_custom_fields() {
    woocommerce_wp_text_input( array(
        'id' => '_custom_text_field',
        'label' => 'Marca del producto',
        'description' => 'Escribe la marca del producto.',
        'desc_tip' => 'true',
        'placeholder' => 'Marca del producto'
    ) );
}

Guardamos la información:

add_action( 'woocommerce_process_product_meta', 'wc_custom_save_custom_fields' );
function wc_custom_save_custom_fields( $post_id ) {
    if ( ! empty( $_POST['_custom_text_field'] ) ) {
        update_post_meta( $post_id, '_custom_text_field', esc_attr( $_POST['_custom_text_field'] ) );
    }
}

Imprimimos el campo debajo del precio:

function themeprefix_custom_price_message( $price ) { 
 global $post;
 $product_id = $post->ID;
 $marca = get_post_meta( get_the_ID(), '_custom_text_field', true );
 return $price . '<span class="price-description"></span>' . '<br>' . '<span> Marca: '  .  $marca  . '</span>';
}
add_filter( 'woocommerce_get_price_html', 'themeprefix_custom_price_message' );

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

Agregar un texto personalizado al lado del precio en WooCommerce

En el siguiente ejemplo crearemos una función que nos ayudarán a agregar un texto personalizado al lado del precio que muestran los productos en WooCommerce

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function custom_price_message( $price ) { 
	global $post;
 	$product_id = $post->ID;
 	$textafter = ' (IVA incluido)'; //texto que vamos agregar
 	return $price . '<span class="textafter">' . $textafter . '</span>'; //class textafter para el CSS
}
add_filter( 'woocommerce_get_price_html', 'custom_price_message' );

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

Agregar un campo personalizado al formulario de pago en WooCommerce

En el siguiente ejemplo crearemos varias funciones que nos ayudarán a agregar un campo personalizado al formulario de pago en WooCommerce con el uso de varias acciones. Para este ejemplo en particular agregaremos el RFC (Identificación tributaria para México) por si el cliente requiere factura.

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

Creamos el campo y lo añadimos al formulario de pago (antes de las notas):

add_action( 'woocommerce_before_order_notes', 'my_rfc_checkout_field' );
function my_rfc_checkout_field( $checkout ) {
    echo '<div id="my_rfc_checkout_field"><h3>' . __('Detalles del cliente') . '</h3>';
    woocommerce_form_field( 'my_field_rfc', array(
        'type'          => 'text',
        'class'         => array('my-field-rfc-class form-row-wide'),
        'label'         => __('RFC*'),
        'placeholder'   => __('Ingresa el rfc'),
        ), $checkout->get_value( 'my_field_rfc' ));

    echo '</div>';
}

Asignamos una restricción para que nuestro campo sea obligatorio (solo en caso de que así sea):

add_action('woocommerce_checkout_process', 'my_rfc_checkout_field_process');
function my_rfc_checkout_field_process() {
    if ( ! $_POST['my_field_rfc'] )
        wc_add_notice( __( 'Por favor ingresa el RFC.' ), 'error' );
}

Insertamos el RFC al pedido del cliente:

add_action( 'woocommerce_checkout_update_order_meta', 'my_rfc_checkout_field_update_order_meta' );
function my_rfc_checkout_field_update_order_meta( $order_id ) {
    if ( ! empty( $_POST['my_field_rfc'] ) ) {
        update_post_meta( $order_id, 'RFC', sanitize_text_field( $_POST['my_field_rfc'] ) );
    }
}

Mostramos el RFC en el pedido:

add_action( 'woocommerce_admin_order_data_after_billing_address', 'my_rfc_checkout_field_display_admin_order_meta', 10, 1 );
function my_rfc_checkout_field_display_admin_order_meta($order){
    echo '<p><strong>'.__('RFC').':</strong> ' . get_post_meta( $order->id, 'rfc', true ) . '</p>';
}

Mostramos el RFC en los correos del pedido:

add_filter('woocommerce_email_order_meta_keys', 'rfc_select_order_meta_keys');
function rfc_select_order_meta_keys( $keys ) {
	$keys['RFC'] = 'rfc';
	return $keys;
	
}

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 el logo de PayPal que aparece en la caja

En el siguiente ejemplo crearemos una función que nos ayudará a cambiar el logo de PayPal que aparece en la caja dentro de WooCommerce utilizando el siguiente filtro «woocommerce_add_to_cart».

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function paypal_caja_logo() {
return 'https://midominio.com/imagen.png'; //Cambiar la URL
}
add_filter( 'woocommerce_paypal_icon', 'paypal_caja_logo' );

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

Redireccionar a la caja después de agregar un producto

En el siguiente ejemplo crearemos una función que nos ayudará a redireccionar a la caja después de agregar un producto dentro de WooCommerce utilizando el siguiente filtro «woocommerce_add_to_cart».

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function agregar_enviaracaja() {
wp_safe_redirect( get_permalink( get_option( 'woocommerce_checkout_page_id' ) ) );
die();
}
add_action( 'woocommerce_add_to_cart',  'agregar_enviaracaja', 11 );

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

Agregar una nueva moneda y símbolo

En el siguiente ejemplo crearemos una función que nos ayudará a agregar una nueva moneda y símbolo dentro de WooCommerce utilizando los siguientes filtros «woocommerce_currencies» y «woocommerce_currency_symbol».

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function mi_nueva_moneda( $currencies ) {
$currencies['ABC'] = __( 'Nombre de la moneda', 'woocommerce' );
return $currencies;
}
add_filter( 'woocommerce_currencies', 'mi_nueva_moneda' );
 
function mi_nuevo_simbolo( $currency_symbol, $currency ) {
switch( $currency ) {
case 'ABC': $currency_symbol = '$'; // $ sustituir por el símbolo
break;
}
return $currency_symbol;
}
add_filter('woocommerce_currency_symbol', 'mi_nuevo_simbolo', 10, 2);

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