En este tutorial de divi te muestro cómo personalizar el módulo pestañas o tabs de divi con iconos y además dentro de cada tab insertar cualquier módulo, fila o sección de divi.
En este ejercicio el objetivo es insertar productos de woocommerce en cada pestaña dependiendo su categoría y de esta manera mostrar los productos de una forma más organizada. Al final tú serás capaz de insertar cualquier elemento en cada una de las tabs de divi.
![]()
Este tutorial es exclusivo de los Tutoriales Exclusivos de OV Divi pero he decidido también ponerlo publico y gratis para el canal de youtube para que veas la calidad de tutoriales que te puedes encontrar dentro de la Academia OV DIVI y así te animes a unirte. 🤗
La diferencia de ver este tutorial desde la Academia OV DIVI a verlo desde el canal de youtube o blog es que dentro de la Academia tendrás todo el material disponible que utilizamos para realizar este ejercicio, cómo: iconos, código CSS y sobre todo el archivo JSON del ejercicio para que lo instales en tu sitio con un par de clicks. Contrario al canal de youtube que tienes que pausar el video y escribir el código manualmente.
Si quieres inspeccionar la demo de este tutorial por tu cuenta, aquí te dejo el enlace:
Y si quieres ver el listado de todos los tutoriales premium que tenemos hasta este momento puedes hacerlo desde aquí.





El tutorial : Insertar productos de woocommerce o cualquier elemento de divi en pestañas o tabs con iconos ….Fantastico tutorial!!…. ME HA AYUDADO MUCHO…!!!… Hay algo que me gustaria VER como hacerlo.: Para TODOS LOS PRODUCTOS : Aumentar al tamaño del nombre del producto, centrarlo y colocarlo en Negrillas.
Hola Ivan, muchas gracias 🙂
Para modificar el título se debe realizar con CSS, para esto hay que inspeccionar tu página. ¿Cuál es la url?
Oscar…BUenas tardes ….Hay varias cosas que me guataria tener en esta GRAN idea de precentar los productos es lo siguiente:
1- Una forma de tener los nombres de los productos mas grande con sus valores
2-Una opcion de Busqueda de productos. Esto ayudaria Mucho ya que si tengo 12 productos guardados en la vitrina y me piden bucar uno diferente. lo pueda busca y cargar con los que ya existen.
3. tengo otra pregunta: Si en cambio de colocar 6 columnans colo 8 columnas y separarlo un poco. Eso afectaria la carga de la pagina?. Mi idea es tener mas productos en la vitrina. de tal forma que no tenga que pueda seleccionar todo en una o maximo en dos pagina. Que Opina.?
Mi pagina es : miplazapp.com