Slide 1

Slide 1 text

Personalizando WooCommerce César Aquino Maximiliano (@cesjam7) cesar.pe

Slide 2

Slide 2 text

Sobre Mí - César J. Aquino Maximiliano - 26 años (8 años programando) - Trabajo en Orange612 como Senior Web Developer - Profesor de programación en el I.S.T.P. ISMEM - Bombero Voluntario (B-105)

Slide 3

Slide 3 text

Sobre Mí - César J. Aquino Maximiliano - 26 años (8 años programando) - Trabajo en Orange612 como Senior Web Developer - Profesor de programación en el I.S.T.P. ISMEM - Bombero Voluntario (B-105) - Padre de un hermoso bebé

Slide 4

Slide 4 text

¿Qué es WooCommerce? - Un plugin de WordPress - Convierte tu sitio en una tienda online - Más de 51 millones de descargas - Usado por 28% de todos los e-commerce del mundo - Super personalizable

Slide 5

Slide 5 text

¿Qué es WooCommerce? - Un plugin de WordPress - Convierte tu sitio en una tienda online - Más de 51 millones de descargas - Usado por 28% de todos los e-commerce del mundo - Super personalizable

Slide 6

Slide 6 text

Personalizando sin código

Slide 7

Slide 7 text

Plantilla: Storefront https://woocommerce.com/storefront/

Slide 8

Slide 8 text

Apariencia > Personalizar http://tusitio.com/wp-admin/customize.php 1. Aviso en la tienda: Activar y desactivar mensaje 2. Catálogo de producto: Mostrar categorías o sólo productos en el catálogo, orden y cantidad por fila 3. Imágenes de producto: Tamaño de imágenes, recorte de miniatura 4. Finalizar compra: Elegir qué campos son obligatorios, políticas de privacidad, términos y condiciones

Slide 9

Slide 9 text

Muchos plugins letsgodev.com - codecanyon.net - woocommerce.com/product-category/woocommerce-extensions/

Slide 10

Slide 10 text

Personalizando con código

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

Plantilla personalizada https://codex.wordpress.org/The_Loop

Slide 13

Slide 13 text

Plantilla personalizada https://codex.wordpress.org/Function_Reference/wp_head https://codex.wordpress.org/Function_Reference/wp_footer No olviden wp_head() y wp_footer()

Slide 14

Slide 14 text

Modificar estructuras y estilos https://github.com/woocommerce/woocommerce/tree/master/templates

Slide 15

Slide 15 text

Usando hooks y filters https://docs.woocommerce.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/ Agregando un campo extra en el checkout

Slide 16

Slide 16 text

Usando funciones propias de WooCommerce https://docs.woocommerce.com/wc-apidocs/class-WooCommerce.html Listar los items del carrito de compras

Slide 17

Slide 17 text

Mucho código!!!!

Slide 18

Slide 18 text

Qué debo aprender para ser un WooCommerce Developer - Aprender HTML, CSS y si se puede JS - Saber PHP básico - Tener nociones de desarrollo de plantillas WP - Estructura de archivos - Hooks y filters

Slide 19

Slide 19 text

Material de ayuda - Codex (Documentación de WordPress) - Documentación de WooCommerce - Cómo ser un WooCommerce Developer - Curso online de WooCommerce (Devcode) - Comunidad WP Perú (Lima - Cusco - Trujillo)

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

Elementor - WooCommerce Builder https://elementor.com/introducing-woocommerce-builder/

Slide 22

Slide 22 text

WC()->gracias; César Aquino Maximiliano Web: cesar.pe Email: [email protected] Twitter: twitter.com/cesjam7 Linkedin: www.linkedin.com/in/cesjam7 Instagram: instagram.com/cesjam7 GitHub: github.com/cesjam7 Diapositivas: speakerdeck.com/cesjam7