Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
Si aún estás haciendo el curso, contáctame a bohdan@empresiona.com y te compartiré un acceso alternativo. ¡Un abrazo!
Integración con WooCommerce
En este bloque vemos todos los detalles sobre cómo crear una tienda online integrando WooCommerce con Oxygen Builder.
Echamos un vistazo rápido sobre todo lo que trae esta integración y en qué vamos a trabajar después.
El primer paso en la creación de una web en Oxygen, como siempre, es la creación de templates. Vamos a crear las necesarias para que nuestra tienda tenga todo lo necesario.
Uno de los puntos fuertes de la integración es poder controlar desde Oxygen los estilos globales de todo lo que trae WooCommerce.
Una de las formas de crear listados de productos de WooCommerce es utilizando el componente Products List.
Si quieres tener un listado de productos más personalizado y adaptado a tu diseño o tus necesidades, puedes utilizar este método.
Vamos a recuperar algunos elementos del listado de productos que venían con el Products List pero no aparecen cuando usamos el repeater.
Añadimos algunas etiquetas y avisos sobre los productos cuando hemos construido el listado con el repeater.
Repasamos cómo y dónde usar algunos componentes más secundarios que vienen con WooCommerce.
Vemos cómo funciona el constructor de fichas de producto de Oxygen Builder
Reconstruimos el diseño original de páginas de producto con los elementos que nos trae Oxygen.
Vemos cómo añadir algunos listados de productos relevantes en la ficha de producto.
Repasamos todo lo que podemos personalizar de cada componente de Oxygen dentro del single product.
Vemos cómo crear mini carritos o resúmenes de pedido que vemos antes de ir a la página de carrito o al checkout.
Vemos cómo crear la página de carrito y repasamos qué es lo que podemos personalizar en el componente correspondiente que nos trae Oxygen Builder.
Vemos cómo crear la página de finalizar la compra y repasamos qué es lo que podemos personalizar en el componente correspondiente que nos trae Oxygen Builder.
Vemos cómo crear la página de la cuenta de los clientes y repasamos qué es lo que podemos personalizar en el componente correspondiente que nos trae Oxygen Builder.
Unas pinceladas sobre cómo funciona el componente de seguimiento de pedidos que trae Oxygen Builder.
Vemos cómo usar filtros sobre nuestros productos de WooCommerce, tanto los que vienen por defecto como los que podemos añadir con plugins de terceros.
Personalizamos la página de resultados de búsqueda de productos para adaptarlo a nuestras necesidades.
Vemos las condicionales que trae WooCommerce, a qué corresponde cada una y cómo utilizarlas.
Estas condicionales más avanzadas permiten crear contenido condicionado a los endpoints de WooCommerce.
¿Necesitas modificar las templates de PHP de WooCommerce? Te cuento cómo se puede hacer en Oxygen.
Algunas cadenas de texto de la extensión de WooCommerce vienen sin traducción. Comento una solución temporal para poder traducirlas al idioma que queramos.