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

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.

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.

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

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.

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.

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