Segunda sesión del taller de Woocommerce avanzado para la comunidad WordPress Bogotá

1. TALLER AVANZADO DE
SESIÓN 2:
|

2. #w
@elpetote felipesilva.com #TallerWoocommerce
#
#wpbogota
CONFERENCISTA
Felipe Silva Herrán
Emprendedor
Filigrama 13 años
20 años
Diseñador gráfico Diseñador UI
Experto en WordPress
Universidad Nacional

3. Introducción
Shortcodes
1
2
3
4
Zonas de envío
Anulaciones
TEMAS
Problemas comunes
Enfermería WC
Hooks
Complementos y
Plugins avanzados
5
6
7

4. 4
El pasado, pasado
Conocimientos: HTML. Deseable CSS, PHP
1
2
3
4
Tener experiencia en WooCommerce
Preguntas al final de cada tema
REGLAS

5. 05
HOOKS

6. y para qué
Qué
Unidades funcionales de código.
Pueden ser Filtros o Acciones.
Alterar la visualización de los componentes de cada interfaz.
Extienden la funcionalidad de WC
Fortaleza de WC frente a otras soluciones
Exigen conocimientos técnicos.
Presentes en las plantillas de WC

7. add_action
(
'woocommerce_single_product_summary',
'woocommerce_template_single_title',
5
);
Estructura
Hooks
Declaración
Ubicación
Función
Prioridad

8. add_action(
'woocommerce_after_single_product_summary',
'elpetote_custom_action',
5
);
elpetote_custom_action() {
echo 'TEST';
}
Añadir una acción
Hooks
Declaración
Ubicación
Función
Prioridad
Ejecución

9. remove_action(
'woocommerce_before_main_content',
'woocommerce_breadcrumb',
20
);
Ejemplos
Hooks
Eliminar la navegación miga de pan

10. add_action('woocommerce_after_cart_totals', 'credit_cards' );
function credit_cards() {
echo '<div class=”credit-cards”>
<i class="fa fa-cc-visa"></i> <i class="fa fa-cc-mastercard"></i>
</div>
<div class=”credit-cards-message”>VISA y MasterCard</div>';
}
Ejemplos
Hooks
Añade mensaje y logos tarjetas de crédito

11. Cambiar ubicaciones
Hooks
remove_action(
'woocommerce_after_shop_loop_item_title',
'woocommerce_template_loop_rating', 5 );
remove_action(
'woocommerce_after_shop_loop_item_title',
'woocommerce_template_loop_price', 10 );
add_action(
'woocommerce_after_shop_loop_item_title',
'woocommerce_template_loop_rating', 10 );
add_action(
'woocommerce_after_shop_loop_item_title',
'woocommerce_template_loop_price', 5 );
Elimina las funciones de
las posiciones (hooks) ex-
trayéndolas de su prioridad
original
Añade las funciones en la
misma posición pero con
una nueva prioridad
Mover Precio y Calificación

12. Cambiar ubicaciones
Hooks
Mover Precio y Calificación

13. add_filter(
'woocommerce_checkout_fields' ,
'custom_override_checkout_fields' );
function custom_override_checkout_fields( $fields ) {
unset($fields['billing']['billing_postcode']);
unset($fields['billing']['billing_company']);
return $fields;
}
Eliminar elementos
Hooks
Eliminar campos del checkout

17. Hooks
businessbloomer.com/category/woocommerce-tips/vi-
sual-hook-series/
docs.woocommerce.com/documentation/plugins/woocommer-
ce/woocommerce-codex/snippets/
remicorson.com/
premmerce.com/woocommerce-hooks-guide/
wpklik.com/wordpress-tutorials/woocommerce-hooks/

18. 06
COMPLEMENTOS Y
PLUGINS AVANZADOS

19. Producto
Pasarelas de pago
Checkout
Envíos
Administrativos
Integraciones
1
2
3
4
5
6
Plugins

20. WooCommerce Products Filter
WooSwatches
Product Variation Swatches
Product Addons
Extra Product Options
YITH Ajax Product Filter
YITH Ajax Search
YITH Brands Add-on
YITH Compare
YITH Badge Management
YITH Quick View
Productos
Plugins

21. WooCommerce Multi-Step Checkout
Checkout Field Editor for WooCommerce
VarkTech Pricing Deals for WooCommerce
Woo Discount Rules
Departamentos y Ciudades de Colombia
Login/Signup Popup ( Inline Form + Woocommerce )
WP All Import - WooCommerce Add-On
WooCommerce Bookings
WOOCS – Currency Switcher for WooCommerce.
WooCommerce PDF Invoices & Packing Slips
WooCommerce Multivendor Marketplace
Administrativos
Plugins

22. 07
PROBLEMAS COMUNES
ENFERMERÍA WC

23. Se debe principalmente a que la versión de la traduc-
ción de Woocommerce no corresponde con la versión
del plugin.
Problemas comunes
Una anulación o hook no se activa

24. A partir de WC 3.3 añadir soporte a galerías, slider y lightbox:
add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );
remove_theme_support( 'wc-product-gallery-zoom' );
remove_theme_support( 'wc-product-gallery-lightbox' );
remove_theme_support( 'wc-product-gallery-slider' );
Quitar el soporte:
Problemas comunes

25. a.button,
button.button,
input.button,
#review_form #submit {
background:black;
}
Cambiar el estilo a los botones
Problemas comunes

26. add_filter( 'woocommerce_enqueue_styles', '__return_false' );
add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );
Deshabilitar los estilos de Woocommerce
o
Problemas comunes

27. function wp_enqueue_woocommerce_style(){
wp_register_style( 'mytheme-woocommerce',
get_template_directory_uri() . '/css/woocommerce.css' );
if ( class_exists( 'woocommerce' ) ) {
wp_enqueue_style( 'mytheme-woocommerce' );
}
}
add_action( 'wp_enqueue_scripts',
'wp_enqueue_woocommerce_style' );
Añadir estilos propios para WC
Problemas comunes

28. add_action( 'woocommerce_before_main_content',
'my_theme_wrapper_start', 10);
add_action( 'woocommerce_after_main_content',
'my_theme_wrapper_end', 10);
function my_theme_wrapper_start() {
echo '<section id="main">';
}
function my_theme_wrapper_end() {
echo '</section>';
}
Declarar soporte de WC en plantillas que no lo tienen (1)
Problemas comunes

29. function mytheme_add_woocommerce_support() {
add_theme_support( 'woocommerce' );
}
add_action( 'after_setup_theme',
'mytheme_add_woocommerce_support' );
Declarar soporte de WC en plantillas que no lo tienen (2)
Problemas comunes