Aprovechando las funcionalidades de StoreFront

Clase 5 de 12 • Curso de Creación de Temas para WooCommerce

Clase anteriorSiguiente clase

David Cancino

student•

El video se corta en el minuto 6:37 y no se sabe que va a hacer.

Jonathan Huertas

student•

4 años y no lo han arreglado xD.

Rolando Antonio Tovar Ruza

student•

video se corta

Julián Andrés Loaiza Ospina

student•

Extender funcionalidades

Es posible agregar nuestros propios fragmentos de código enganchándonos al entorno de ejecución medianto hooks que el propio tema ofrece:

Incluso extender nuestros a los hooks que hayamos creado en nuestro tema hijo funcionalidades del tema padre, por ejemplo las funcionalidades del header:

/**
 * Functions hooked into storefront_header action
 *
 * @hooked storefront_header_container                 - 0
 * @hooked storefront_skip_links                       - 5
 * @hooked storefront_social_icons                     - 10
 * @hooked storefront_site_branding                    - 20
 * @hooked storefront_secondary_navigation             - 30
 * @hooked storefront_product_search                   - 40
 * @hooked storefront_header_container_close           - 41
 * @hooked storefront_primary_navigation_wrapper       - 42
 * @hooked storefront_primary_navigation               - 50
 * @hooked storefront_header_cart                      - 60
 * @hooked storefront_primary_navigation_wrapper_close - 68
 */

Y se pueden agregar a nuestro header al lago del botón de sign in en functions.php

add_action("plz_signin", "storefront_product_search");

Julián Andrés Loaiza Ospina

student•

**I ncluso extender a los hooks que hayamos creado en nuestro tema hijo funcionalidades del tema padre, por ejemplo las funcionalidades del header.

Napoleon Contreras

student•

No se si alguien mas ha notado unos saltos extraños en la edicion de video. como por ejemplo entre el video 1 y el actual cuando se creo la carpeta templates-parts y sus archivos. he visto los videos varias veces y es facil perder el hilo.

Omar Daniel Centeno

student•

Hola

Puedes hacer un reporte al Team Platzi para que revisen los videos y hacer los ajustes necesarios. Da clic en la banderita que está debajo de la ventana de video para reportar este problema.

Saludos

Diego Castro

student•

Excelente curso! Lo que necesitaba

Napoleon Contreras

student•

Los dos primero en laces de las lecturas recomendadas, estan rotos.

Julian David Sierra Cabrera

student•

Se corta la clase en el 06:34 :( = Decepción.

John edward lopez gomez

student•

alguien me puede ayudar me salen so menus en el header

Kevin Daniel

student•

Tengo un problemita, todos los archivos del tema yard sale en todas las funciones de php me salen que no estan definidas, sin embargo si me acepta los cambios que hago, que podria hacer para quitar estos errores?

Cristian Ramanzin

teacher•

Ese error solo te lo dice el VSC? Porque si es así es porque no tienes toda el código de WordPress abierto y solo has abierto la carpeta del theme.

Adri Acevedo

student•

Va muy mal la grabación de pantalla

Martin Tircio

company_admin•

Link de documentación de Storefront

/**
 * Functions hooked into storefront_header action
 *
 * @hooked storefront_header_container                 - 0
 * @hooked storefront_skip_links                       - 5
 * @hooked storefront_social_icons                     - 10
 * @hooked storefront_site_branding                    - 20
 * @hooked storefront_secondary_navigation             - 30
 * @hooked storefront_product_search                   - 40
 * @hooked storefront_header_container_close           - 41
 * @hooked storefront_primary_navigation_wrapper       - 42
 * @hooked storefront_primary_navigation               - 50
 * @hooked storefront_header_cart                      - 60
 * @hooked storefront_primary_navigation_wrapper_close - 68
 */

Aprovechando las funcionalidades de StoreFront

Preparando nuestro proyecto

Configuración de StormFront y WooCommerce para eCommerce

Instalación de Storefront y WooCommerce en WordPress

Creación y uso de temas hijo en WordPress

Convirtiendo nuestro theme en child theme de StoreFront

Extendiendo nuestro Theme

Aprovechando las funcionalidades de StoreFront

Adaptando nuestro theme base

Remplazando las vistas de WooCommerces desde nuestro theme

Personalizando la lista de productos.

Personalizando el botón de Añadir a carrito

Agregando elementos a nuestro producto

Ajustes finales

Finalizando nuestro proyecto

Cierre del curso