Archivos de Etiquetas: #conceptos #wordpress #woocommerce #shortcodes #css

Cambiar el número de productos relacionados para mostrar

Existen muchas plantillas de paga que te permiten configurar esto directamente desde su panel de opciones, si tu plantilla no dispone de esto, puedes solucionarlo con el siguiente filtro “woocommerce_output_related_products_args».

En el siguiente ejemplo crearemos una función que nos ayudará a realizar el proceso descrito anteriormente mostrando 4 productos distribuidos en filas de 2, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function productos_relacionados( $args ) {
$args[ 'posts_per_page' ] = 4; 
$args[ 'columns' ] = 2; 
return $args;
}
add_filter( 'woocommerce_output_related_products_args', 'productos_relacionados' );

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 la tienda sólo a usuarios registrados

En algunas ocaciones nuestros clientes tienen sitios donde desean vender los productos sólo a usuarios registrados por ellos, esto se usa por ejemplo para propietarios de tiendas que sólo venden a mayoristas; para lograr nuestro objetivo de mostrar la tienda sólo a usuarios registrados utilizaremos la siguiente acción «template_redirect».

En el siguiente ejemplo crearemos una función que nos ayudará a realizar el proceso descrito anteriormente, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function venta_usuarios_registrados() {
if ( !is_user_logged_in() && ( is_woocommerce() || is_cart() || is_checkout()) ) {
$my_account_page_id = get_option( 'woocommerce_myaccount_page_id' );
wp_redirect( get_permalink( $my_account_page_id ));
exit;
}
}
add_action( 'template_redirect', 'venta_usuarios_registrados' );

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

Finalizar los pedidos virtuales automáticamente

Cuando vendemos productos virtuales generalmente no requieren ningún tipo de manipulación y en muchas ocaciones tenemos que finalizar el proceso de manera manual dentro del panel de WooCommerce, para automatizar este proceso vamos a utilizar la función “woocommerce_thankyou» para actualizar automáticamente cada pedido al estado de “Completado».

En el siguiente ejemplo crearemos una función que nos ayudará a realizar el proceso descrito anteriormente, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function autocompletar_orden( $order_id ) {
global $woocommerce;
if ( ! $order_id ) { return; }
$order = new WC_Order( $order_id );
$order->update_status( 'completed' );
}
add_action( 'woocommerce_thankyou', 'autocompletar_orden' );

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 misma página después de iniciar sesión

En ocaciones cuando permitimos el registro de usuarios en nuestro sitio es necesario redirigirlos a una página especifica después de este proceso, en este caso dejaremos al usuario en la misma página en la que inicio sesión, por ejemplo «si inician sesión desde una ventana emergente o un widget», para esto utilizaremos el filtro «login_redirect».

En el siguiente ejemplo utilizaremos un código que nos ayudará a realizar el proceso descrito anteriormente, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

if ( (isset($_GET['action']) && $_GET['action'] != 'logout') || (isset($_POST['login_location']) && !empty($_POST['login_location'])) ) {
add_filter('login_redirect', 'my_login_redirect', 10, 3);
function my_login_redirect() {
$location = $_SERVER['HTTP_REFERER'];
wp_safe_redirect($location);
exit();
}
}

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

WordPress en español

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

Descargar WordPress del repositorio oficial para México:haciendo clic aquí.
Repositorio oficial de Plugins para WordPress: haciendo clic aquí.
Repositorio oficial de temas gratuitos para WordPress: haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

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

#conceptos #wordpress #woocommerce #shortcodes #css

Cambiar la URL del logo en la página de inicio de sesión (wp-admin)

Para la entrega de nuestros proyectos siempre hay que cuidar todos los detalles de nuestro desarrollo y adecuar lo mas posible la imagen del sitio, con el siguiente código podrás cambiar la URL del logo de la página de inicio de sesión (wp-admin), para eso utilizaremos el filtro «login_headerurl».

En el siguiente ejemplo crearemos una función que nos ayudará a cambiar la URL del logo de la página de inicio de sesión, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function mi_logo_url ($url) { 
return 'https://dannydshore.com';
}
add_filter( 'login_headerurl', 'mi_logo_url' );

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

WordPress en español

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

Descargar WordPress del repositorio oficial para México:haciendo clic aquí.
Repositorio oficial de Plugins para WordPress: haciendo clic aquí.
Repositorio oficial de temas gratuitos para WordPress: haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

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

#conceptos #wordpress #woocommerce #shortcodes #css

Cambiar el logo en la página de inicio de sesión (wp-admin)

Para la entrega de nuestros proyectos siempre hay que cuidar todos los detalles de nuestro desarrollo y adecuar lo mas posible la imagen del sitio, con el siguiente código podrás cambiar el logo de la página de inicio de sesión (wp-admin), para eso utilizaremos la acción «login_head».

En el siguiente ejemplo crearemos una función que nos ayudará a cambiar el logo de la página de inicio de sesión, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function cambiar_logo() {
echo '<style type="text/css">
h1 a {background-image:url(/images/logo.jpg) !important; }
</style>';
}
add_action('login_head', 'cambiar_logo');

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

WordPress en español

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

Descargar WordPress del repositorio oficial para México:haciendo clic aquí.
Repositorio oficial de Plugins para WordPress: haciendo clic aquí.
Repositorio oficial de temas gratuitos para WordPress: haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

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

#conceptos #wordpress #woocommerce #shortcodes #css

Redirigir a los usuarios a una página después de registrase

En ocaciones cuando permitimos el registro de usuarios en nuestro sitio es necesario redirigirlos a una página especifica después de este proceso, por ejemplo para dar las gracias por su registro. Para eso utilizaremos el filtro «registration_redirect».

En el siguiente ejemplo crearemos una función que nos ayudará a redirigir a los usuarios después de registrarse, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function wp_registro_gracias(){
return home_url( ‘/gracias/‘ );
}
add_filter( 'registration_redirect', 'wp_registro_gracias' );

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

WordPress en español

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

Descargar WordPress del repositorio oficial para México:haciendo clic aquí.
Repositorio oficial de Plugins para WordPress: haciendo clic aquí.
Repositorio oficial de temas gratuitos para WordPress: haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

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

#conceptos #wordpress #woocommerce #shortcodes #css

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