La habitación #1 - Extrayendo campos de WooCommerce Booking con Jet Engine Post Type Built-in

En esta lección vas a aprender a realizar algo MUY interesane. Extraer información de campos que pertenecen a un plugin externo gracias a Jet Engine y el Post Type Built-in.

Ver este contenido requiere una suscripción PREMIUM. SUSCRÍBETE POR 10 € AL MES Y ACCEDE A TODOS LOS CONTENIDOS DE LA WEB

Curso de página web de Hotel y Restaurante con Tienda Online - Arkham

En este proyecto trabajamos con un hotel temático basado en las obras y relatos de H.P. Lovecraft. Además dispondrá de tienda online con merchandising y restaurante.

DISEÑO DE LOGOTIPO // ARKHAM - Hotel, tienda y restaurante

Adobe Illustrator
Comenzamos un nuevo proyecto. Realizamos el logotipo para Arkham. Un hotel temático con restaurante y tienda de merchandising basado en H.P. Lovecraft y el horror cósmico.

LOGOTIPO en 3D con After Effects // ARKHAM - Hotel, tienda y restaurante

Adobe After EffectsAdobe Illustrator
Aprende a transformar cualquier logotipo o icono 2D hecho en Illustrator en un objeto en 3D que puedas animar, texturizar e iluminar gracias a After Effects y el plugin Element 3D de VideoCopilot.

ESPECIAL - Creando un PRESUPUESTO WEB + Análisis - Arkham

WooCommerceWordPress
Aprendemos lo necesario para poder crear presupuestos y lo aplicamos al proyecto que vamos a comenzar (Arkham).

WooCommerce - Ajustes básicos, configuración, impuestos y envíos

WooCommerceWordPress
Repasamos toda la configuración básica de WooCommerce, haciendo especial hincapié en los impuestos y envíos básicos del sistema.

Preparando WooCommerce para un Hotel - WooCommerce Bookings + Acommodation Plugin + Product Add-Ons

WooCommerceWordPress
Instalamos y realizamos la configuración básica de WooCommerce Bookings, le añadimos Acommodation plugin y además WooCommerce Product Add-Ons para potenciar las capacidades del sitio web.

Diseño de SINGLE con estilos globales de Elementor + CSS y TEMA HIJO

Elementor PROWooCommerceWordPress
Nos ponemos con el aspecto visual de la single de una habitación pero necesitaremos la ayuda de un tema hijo para todas aquellas cosas que no alcanzamos a personalizar con Elementor. Además veremos como funcionan los estilos globales de Elementor PRO.

Utiliza Jet Skin Manager para migrar el panel de opciones del cliente

CrocoblockElementor PROWordPress
Pequeño tip donde exportamos las opciones del cliente para importarlas en otro proyecto gracias a la función Jet Skin Manager de Crocoblock.

Diseño de portada con Scroll Navigation y "máscara" fixed

Adobe PhotoshopCrocoblockElementor PROWordPress
Diseñamos la portada del proyecto aprendiendo a utilizar el widget de Crocoblock Scroll Navigation. Además colocamos una máscara a modo de ascensor que diseñamos nosotros mismos en Phtoshop.

Listing grid de habitaciones + Responsive Listing Item

CrocoblockElementor PROWooCommerce
Creamos un listado de las habitaciones de la web y hacemos que el listing item se adapte bien en dispositivos móviles.

Producto SIMPLE de WooCommerce - Configuración y diseño

Elementor PROWooCommerceWordPress
Configuramos un producto simple de WooCommerce, analizamos sus campos y creamos un diseño con Elementor PRO.

Producto VARIABLE de WooCommerce - Configuración y diseño

Elementor PROWooCommerceWordPress
Configuramos un producto variable de WooCommerce, analizamos sus campos y creamos un diseño con Elementor PRO.

Jet WooBuilder - Introducción

CrocoblockElementor PROWooCommerceWordPress
Comenzamos a conocer este estupendo plugin para la personalización de WooCommerce con Elementor PRO.

Diseño de Checkout con JetWooBuilder + Corrección

CrocoblockElementor PROWooCommerceWordPress
Personalizamos la página de Finalizar Compra de WooCommerce gracias a Jet WooBuilder.

Diseño de Carrito con Jet WooBuilder

CrocoblockElementor PROWooCommerceWordPress
Diseñamos la página de carrito con Jet WooBuilder y utilizamos los widgets de tabla del pedido y resumen del pedido.

Diseño de la página "Mi Cuenta" con Jet WooBuilder

CrocoblockElementor PROWooCommerceWordPress
Creamos una página de "Mi Cuenta" personalizada gracias a los widgets de Jet WooBuilder y jugamos con Jet Tabs para mostrar una interfaz más personalizada.

Menú móvil con HAMBURGER PANEL + REFLEXIÓN sobre condiciones de visualización

CrocoblockElementor PROWordPress
Creamos un menú con el widget Hamburger Panel de Jet Blocks, pero además, reflexionamos sobre las ventajas y desventajas de las distintas formas que hay de ocultar el contenido en móvil.

Filtros de Tienda con INDEXER

CrocoblockElementor PROWooCommerceWordPress
Aprendemos a realizar filtros para la tienda online y aprovechamos para comprobar la función INDEXER para Jet Smart Filters.

GALERÍAS de fotos de productos de WooCommerce con JetProductGallery

CrocoblockElementor PROWooCommerce
Echamos un vistazo a las galerías especiales que nos brinda el plugin de Crocoblock JetProductGallery con algunas opciones interesantes como añadir vídeo.

El Restaurante - CPTs, relaciones, taxonomías y muchos listings (sesión intensiva de Jet Engine)

CrocoblockElementor PROWordPress
En esta lección aprenderás TODO acerca de listing items anidados y crearemos una carta de platos para el restaurante así como un sistema para agrupar los platos en distintos menús.

RESEÑAS o REVIEWS para las habitaciones del Hotel

CrocoblockElementor PROWordPress
Utilizamos el plugin JetReviews de Crocoblock para colocar un formulario donde los usuarios dejen sus reseñas sobre las habitaciones del hotel.

ESTE CONTENIDO SOLO ESTÁ DISPONIBLE PARA SUSCRIPTORES PREMIUM
SUSCRÍBETE POR 10 € / MES