ARKHAM - Hotel, tienda y restaurante temático

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.

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.

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

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

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.

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.

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.

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ñ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.

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

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

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

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

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

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

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.