[model-viewer]
¿Qué es el AR Model Viewer for WooCommerce?
AR Model Viewer for WooCommerce es un proyecto personal de plugin de WordPress para mostrar objetos en 3D y Realidad Aumentada en los productos de WooCommerce, útil para tiendas que venden modelos en 3D o cualquier E-Commerce que quiera destacar añadiendo la posibilidad a sus clientes de ver sus productos en Realidad Aumentada.
Descripción del Proyecto
La idea de este proyecto es que sea un plugin gratuito y está pensado publicarse en el repositorio de plugins de WordPress en cuanto se finalice el desarrollo del plugin o al menos lanzar una versión estable, este plugin utiliza la librería o biblioteca de Google <model-viewer> (modelviewer.dev) que permite mediante un componente web hacer la representación de modelos 3D interactivos, opcionalmente se puede mostrar estos modelos 3D interactivos en Realidad Aumentada, esta biblioteca, permite realizarlo de manera fácil compatible en tantos navegadores y dispositivos como sea posible.
Además, se está integrando el este plugin el uso de CMB2 de Custom Metaboxes 2, un kit de herramientas para desarrolladores para crear metaboxes, campos personalizados y formularios para WordPress.
¿Como realice el plugin?
Este plugin sigue las recomendaciones en el Plugin Developer Handbook oficial de WordPress. Este plugin utiliza programación orientada a objetos con WordPress y PHP.
Para realizar el plugin utilice el famoso boilerplate de DevinVinson que me permitió de una manera rápida y sencilla, ordenar los Hooks y Actions de WordPress.
Documentación del Plugin
La documentación del código aún está pendiente, pero si quieres contribuir con código puedes apoyarme haciendo tu Pull Request en GitHub.
¿Como funciona el plugin?
El plugin básicamente consiste en descargar el plugin del repositorio de GitHub e instalarlo como si fuera un plugin normal, al instalar el plugin nos mostrara una nueva opción de menú en Dashboard > Ajustes > AR Model Viewer for WooCommerce como lo muestra la siguiente imagen.
Si damos clic en “AR Model Viewer for WooCommerce”, nos mostrara el menú del plugin que incluye información del autor, la librería, y algunos ajustes más para la visualización de Realidad Aumentada.
¿Como cargar un modelo 3D en algún producto de WooCommerce?
Después de haber instalado el plugin de “AR Model Viewer for WooCommerce” al editar cualquier producto de WooCommerce podemos ver que se creó un Meta box que nos permite subir archivos en formato .glb para Android y .usdz para IOS, e incluso una Imagen o Poster para mostrar mientras nuestro modelo 3D carga en su totalidad, además de un atributo alt=”” el cual podemos ingresar una pequeña descripción de nuestro modelo 3D que ayude en temas de accesibilidad.
Una vez cargados ambos archivos de nuestro modelo 3D, guardamos nuestro producto podemos ver el resultado.
Dependiendo de los ajustes del plugin podemos mostrar el modelo en diferentes partes de nuestro proyecto, como antes de el botón de añadir al carrito en las pestañas de producto individual de WooCommerce.
¿Quieres descargar este plugin?
Recuerda que este plugin aún está en desarrollo y no hay aun una versión estable, pero puedes apoyar el proyecto añadiendo una estrella al proyecto en GitHub, o haciendo tus Pull Request para la solución de problemas.
¿Tienes algún Proyecto Web?
Si ¿Necesitas ayuda con algún proyecto web? No dudes en contactarme desarrollo soluciones completas y personalizadas con WordPress y PHP, con herramientas y procesos modernos, utilizando HTML, CSS, SCSS, PHP, JavaScript, Bootstrap y más… Si ¿Estás listo? ¡Envíame un mensaje y hablemos de tu proyecto web!