Introducción
¿Qué es WooCommerce? (Parte I)
¿Qué es WooCommerce? (Parte II)
Instalando laragon en nuestro equipo
Instalando wampserver
Instalando wordpress en nuestro servidor local laragon
Creando virtual host en wampserver para el proyecto weko
Instalando storefront y woocommerce
Instalando el tema storefront en la carpeta themes (parte I)
Instalando el tema storefront en la carpeta themes (parte II)
Instalando el tema storefront en la carpeta themes (parte III)
Instalando WooCommerce para editar el template (parte I)
Instalando WooCommerce para editar el template (parte II)
Analizando los archivos del storefront
Maquetando el header y el footer
Instalando sass para la maquetación
Editando el header para crear el menú (parte I)
Editando el header para crear el menú (parte II)
Editando el header para crear el menú (parte III)
Editando el header para crear el menú (parte IV)
Editando el header para crear el menú (parte V)
Editando el header para crear el menú (parte VI)
Editando el header para crear el menú (parte VII)
Editando el header para crear el menú (parte VIII)
Creando las páginas del menú y ajustando el diseño responsive (parte I)
Creando las páginas del menú y ajustando el diseño responsive (parte II)
Creando las páginas del menú y ajustando el diseño responsive (parte III)
Creando las páginas del menú y ajustando el diseño responsive (parte IV)
Instalando php 8.0 y 8.1 en laragon y wampserver
Creando el background anímate para el menú
Editando las columnas del footer (parte I)
Editando las columnas del footer (parte II)
Creando las páginas para el footer (parte I)
Creando las páginas para el footer (parte II)
Creando las páginas para el footer (parte III)
Creando las páginas para el footer (parte IV)
Creando las páginas para el footer (parte V)
Creando el diseño de cabecera de las páginas (parte I)
Creando el diseño de cabecera de las páginas (parte II)
Maquetación y programación de la pagina de Inicio
Creando el bloque servicios para la página de inicio (parte I)
Creando el bloque servicios para la página de inicio (parte II)
Creando el bloque servicios para la página de inicio (parte III)
Creando el menú de opciones del carrousel y del bloque servicios (parte I)
Creando el menú de opciones del carrousel y del bloque servicios (parte II)
Creando el menú de opciones del carrousel y del bloque servicios (parte III)
Creando el menú de opciones del carrousel y del bloque servicios (parte IV)
Creando el menú de opciones del carrousel y del bloque servicios (parte V)
Creando la página de configuración para el carrousel (parte I)
Creando la página de configuración para el carrousel (parte II)
Creando la página de configuración para el carrousel (parte III)
Creando la página de configuración para el carrousel (parte IV)
Utilizando el marco multimedia para seleccionar las imágenes del carrousel I
Utilizando el marco multimedia para seleccionar las imágenes del carrousel II
Utilizando el marco multimedia para seleccionar las imágenes del carrousel III
Utilizando el marco multimedia para seleccionar las imágenes del carrousel IV
Almacenando las imágenes del carrousel con la API options
Creando el ajax para almacenar los cambios del carrousel (parte I)
Creando el ajax para almacenar los cambios del carrousel (parte II)
Creando el ajax para almacenar los cambios del carrousel (parte III)
Creando el ajax para almacenar los cambios del carrousel (parte IV)
Mostrando las imágenes del carrousel en el frontend
Creando la página de ajustes para el bloque de servicios (parte I)
Creando la página de ajustes para el bloque de servicios (parte II)
Creando la página de ajustes para el bloque de servicios (parte III)
Creando la página de ajustes para el bloque de servicios (parte IV)
Creando el método ajax para para actualizar los datos de los servicios I
Creando el método ajax para para actualizar los datos de los servicios II
Creando el método ajax para para actualizar los datos de los servicios III
Mostrando los cambios en el bloque servicios del frontend (parte I)
Mostrando los cambios en el bloque servicios del frontend (parte II)
Introducción a la página de productos e importación masiva CSV
Creando los productos para la tienda
Importando productos desde un archivo csv (parte I)
Importando productos desde un archivo csv (parte II)
Importando productos desde un archivo csv (parte III)
Importando los productos desde el CSV
Editando los bloques del frontend
Añadiendo productos a las páginas de nuestro ecommerce
Maquetación del blog y programación de funciones para las imágenes
Añadiendo publicaciones para el blog
Editando la página de blog de storefront (parte I)
Editando la página de blog de storefront (parte II)
Editando la página de blog de storefront (parte III)
Editando la página de blog de storefront (parte IV)
Modificando el DOM para añadir clases con javascript (parte I)
Modificando el DOM para añadir clases con javascript (parte II)
Añadiendo el valor de los atributos para las imágenes del blog (parte I)
Añadiendo el valor de los atributos para las imágenes del blog (parte II)
Maquetación de los bloques de productos de woocommerce
Maquetando el bloque de productos de WooCommerce I (parte I)
Maquetando el bloque de productos de WooCommerce I (parte II)
Maquetando el bloque de productos de WooCommerce II (parte I)
Maquetando el bloque de productos de WooCommerce II (parte II)
Maquetando el bloque de categorías de WooCommerce (parte I)
Maquetando el bloque de categorías de WooCommerce (parte II)
Optimizando el menú y reescribiendo el archivo header.php (parte I)
Optimizando el menú y reescribiendo el archivo header.php (parte II)
Optimizando el menú y reescribiendo el archivo header.php (parte III)
Maquetando los bloques de productos de WooCommerce (parte I)
Maquetando los bloques de productos de WooCommerce (parte II)
Maquetando los bloques de productos de WooCommerce (parte III)
Maquetando el bloque de productos relacionados