Remplazando las vistas de WooCommerces desde nuestro theme

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

Juanito Ortega Guzmán

student•

iaWooCommerce trae en su instalación datos de ejemplo para que puedan importar. Vayan a: Productos >> Importar productos (se muestra si no tienen productos) >> irán a una página donde pueden cargar un archivo .csv >> Carguen el archivo que está en: wp-content/plugins/woocommerce/sample-data/sample_products.csv ... solo den siguiente e importarán 18 productos, incluyendo fotografías. Saludos.

Julián Andrés Loaiza Ospina

student•

Remplazar vistas

En el caso de woocommerce para remplazar y modificar funcionalidades o vistas, este nos permite copiar una carpeta que se encuentra en el directorio:

\wp-content\plugins\woocommerce\templates

y pegarla en nuestro tema

wp-content\themes\yardsales

Cambiándole su nombre templates por → woommerce

cada archivo dentro de la carpeta corresponde a una vista dentro de woommerce la cuales mediante filtros podemos modificar

Napoleon Contreras

student•

++El primer enlace tiene error 404++

Andrés Felipe Patiño Vallejo

student•

Hola Napoleon, puedes probar con este enlace

Martin Tircio

company_admin•

no puedo ver los recursos ¿Alguién mas le pasa?

Andrés Felipe Patiño Vallejo

student•

Movernos con los hooks al momento del desarrollo siempre es la mejor idea. Por ello existen guías visuales como la que creo la gente de Business Bloomer.

Un material imperdible, sin duda.

Andrés Vega

student•

Como se llama la extensión de Google Chrome para Lorem Ipsum=

Tania Sosa

student•

¡Hola Andres! 😄

La extensión que uso se llama Lorem Ipsum Generator la encuentras AQUI

¡Nunca pares de aprender! 💚

Diego Castro

student•

Tengo un problema en mobile, no me agarra los estilos para hacerlo responsive.

Jean Carlos Hallak

student•

Rompi mi theme. Creo que lo correcto que habia que hacer es limpiar el theme de las cosas que ya no necesitamos del curso de creacion de temas para WP y luego comenzar agregarl as cosas que necesitamos. se puede mejorar mucho esta ruta pero creo que hay que buscar por fuera.

Remplazando las vistas de WooCommerces desde nuestro theme

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