Lo explicas tan y tan bien y das tantos consejos extras que me sorprende muchísimo, muy pocos creadores de contenido de este tipo lo hacen como tú. FELICIDADES
Gracias Oscar, eres todo un profesional te felicito, este tutorial me sirve para ajustar una pagina que tengo en producción de mi comunidad, a poner en práctica esto, creo demorarme un parte de horas, pero lo intentaré. Bendiciones Oscar
Tengo un problema, realice una combinación en una landing page de pestañas filtrables y el carrusel slider divi, pero resulta que cuando toco la pestaña, no me sale, quizas es porque en tiene dos llamados en clase de CSS. La verdad no se mucho, me gustaria contar con tu ayuda. Posdata: Estoy muy feliz contigo, todo lo que se referente a página web, es gracias a ti. Felicidades por tu contenido.
Muchas gracias por tomarte el tiempo de hacer estos grandiosos contenidos. Incluso la mensualidad de tu página para todo lo que ofreces esta super bien. Tengo una duda: Divi enginer y divi elegant theme. Es lo mismo o son cosas diferentes? Puedes tener uno sin el otro o hay alguno que te ofrezca todo?
Hola Alejandro, muchas gracias por el apoyo 😃 Te explico tu duda: Divi es un tema para wordpress creado por Elegant Themes. Divi Enginer es una compañia independiente de Elegant Themes que crea plugins para aumentar las características de divi, entonces esto quiere decir que puedes tener Divi sin necesidad de tener los plugins de divi enginer, pero no puedes tener divi enginer si no tienes Divi 🤭 Espero te haya resuelto tu duda jaja. Un abrazo
Hola, espero te encuentres muy bien, por casualidad esa seccion de navegado, se puede utilizar para el filtrado de una categoria de productos para woo? y como se podría? Por cierto, gracias por tus videos me han ayudado un monton
Hola qué tal, muchas gracias por comentar. Para woocommerce no es factible usar este método de pestañas, estas pestañas están enfocadas a elementos estáticos de divi. Pero pensándolo podrías intentarlo, por ejemplo, insertas por cada pestaña el módulo "productos" de divi y este módulo lo configuras para mostrar la categoría específica, es decir, tendrías un módulo "productos" por cada categoría.
hola una pregunta sabes si con divi o divi engine se puede hacer Online Inventory Management por ejemplo cuando compran algo se muestre si quede o no en inventario en tiempo real, o por ejemplo un sistema de reservacion que pueda decir en tiempo real si hay reservaciones o si ya se acabaron o si la proxima reservacion estara lista en un tiempo determinado?
Hola Warmen, con woocommerce puedes tener un inventario de productos. Si deseas un sistema de reservas lo puedes hacer con LatePoint es un plugin para gestionar reservas para wordpress, tengo un tutorial premium dónde enseño como configurarlo e incluso tienes el plugin en la pestaña materiales para descargarlo: ovdivi.com/como-crear-una-pagina-web-de-reservas-de-citas-medicas-spa-asesorias-barberias-etc-con-divi-y-latepoint-booking/
Hola Oscar me encantó pero no me agarra el enlace del botón en el teléfono si lo hace en la PC pero en el móvil no me dirije a la URL sino que me recarga la pág ayúdame porfis
Hola Oscar te agradezco mucho por los tutoriales, lo único que me ocurre es que me gustaría que todo este visible y se pueda filtrar, por que abro la pagina y no muestra ningún anuncio pero si aprieto el botón si aparecen
Saludos, gracias por el tutorial increible! Me sucedió lo mismo; abro la página, muestran un segundo y desaparecen los anuncios, pero si aprieto el botón TODOS ahi aparecen. Gracias nuevamente.
Hola! Eres un genio❤ solo queria consultar algo, pues soy nueva en esto. Quisiera saber en el caso de ofrecer esta pagina a un cliente de forma autoadministrable, el podria cambiar estas cards sin tener q entrar a modificar todo esto desde divi? Es decir de una forma mas práctica? Gracias desde ya ❤
Hola Vanessa, muchas gracias. Este ejercicio está hecho manualmente, es decir, es necesario habilitar el constructor de divi para modificar las cards. Si te gustaría algo más dinámico entonces debería hacer con Divi Machine por ejemplo: th-cam.com/video/v5f2msCdoWE/w-d-xo.htmlfeature=shared
Hola Oscar, muchas gracias por compartir. Tengo una pregunta. Cuando le doy a filtrar las tarjetas se muestran en el mismo lugar que cuando estan en la vista de "todos". Es decir que no se mueven hacía arriba las de debajo. ¿Cómo pudiera solucionar eso?
Hola Joan, se deben mover. Algo debe estar mal en tu implementación. ¿Cuál es el link de tu ejercicio? Si no te deja pegar la url por aquí puedes comentarmela desde el post de mi blog. Saludos
Hola Francisco, en los comentarios del post del blog he respondido esta duda: ovdivi.com/como-agregar-filtros-de-pestanas-tabs-horizontales-a-cualquier-grupo-de-modulos-de-divi-sin-plugins/ Espero te sirva. Saludos
Oscar hice el ejerccio, me funciono, una pregunta ¿cómo se haría para reemplazar el texto superior (todo, color, iconos y extensiones) por imágenes? quedo atento. Gracias de antemano.
@@victorfer1028 Por ahora no Victor, pero si eres parte de los tutoriales exclusivos me puedes compartir el diseño que deseas lograr y veo cómo apoyarte :)
Hola Nati, solamente podemos insertar pestañas para los proyectos por defecto de divi, pero si quieres aplicarlos a cualquier módulo tal como lo hacemos en este tutorial, no es posible
Hola Óscar! Primero muchas gracias por tanta ayuda y calidad en tus tutoriales. Tengo un problemita, quisiera inhabilitar la funcionalidad que hace que se muestren todos los items en la pestaña "Todos" pero no se cómo hacerlo; Si quiero que la pestaña todos siga activa y sea la principal, pero que muestre solo ciertos items específicos como las otras pestañas, no todos los items. Espero me puedas ayudar, gracias!!
Hola Isairo, probaste borrando la pestaña de todos? Es decir borrar esta parte del HTML: Todos Y la clase que dice "active" se la agregas a otra pestaña para que se quede activa la que quieras.
@@OVDIVI Hola Óscar! Si, probé de esa manera pero no funciona, creo que el punto es ajustar algo del script pero no se de programación😅 Muchas gracias.
@@OVDIVI Hola! Primero agradecerte por el tutorial, pero busco lo mismo que él. En vez del tab TODOS tengo es uno principal dónde solo quiero que se muestre un elemento, pero no se dónde modificarlo y ya consulté mucho con ChatGPT :( . Seria genial saber como hacer que solo se muestre la primera sección de seguro a muchos les pasa. Saludos!
@@ronaldperez4506 si solamente quieren mostrar la primer pestaña y no una pestaña TODOS, el código HTML de las tabs debe ser así: Color Iconos Extensiones Y el código javascript de la funcionalidad así: document.addEventListener('DOMContentLoaded', function() { const tabs = document.querySelectorAll('.ov-tab-filter'); const galleryItems = document.querySelectorAll('.ov-element-item'); // Establecer la pestaña "Color" como activa por defecto const defaultTab = document.querySelector('.ov-tab-filter[data-filter="color"]'); defaultTab.classList.add('active'); // Función para filtrar y mostrar elementos function filterItems(filter) { galleryItems.forEach(item => { if (filter === 'all' || item.classList.contains(filter)) { item.style.opacity = 1; item.style.transform = 'translateY(0)'; item.classList.remove('hide'); } else { item.style.opacity = 0; item.style.transform = 'translateY(20px)'; item.classList.add('hide'); } }); } // Mostrar solo los elementos de "Color" al cargar la página filterItems('color'); tabs.forEach(tab => { tab.addEventListener('click', () => { const filter = tab.getAttribute('data-filter'); tabs.forEach(tab => { tab.classList.remove('active'); }); tab.classList.add('active'); filterItems(filter); }); }); });
Hola Oscar, muchas gracias por el contenido. Tengo gran duda al respecto, ¿es posible hacer que en la primera pestaña no salga todo el contenido, sino una parte? Es decir, si en vez de decir "Todo" la primera pestaña dijera algo como "Favoritos" ¿Como podria hacer que solo se mostrataran en esa primera pestaña activa los elementos marcados como favorito, y no toodoos los elementos? Me sería muy util tu respuesta.
Hola Mendez, en el post del tutorial revisa el comentario que le he dejado a "jonatan borget": ovdivi.com/como-agregar-filtros-de-pestanas-tabs-horizontales-a-cualquier-grupo-de-modulos-de-divi-sin-plugins/ Ahí explico cómo...
Excelente tutorial y muy bien explicado! Una pregunta: Si quiero hacerlo con artículos de blog y que se pueda filtrar por categoría, cómo se haría? (Ya sé que hay módulo para eso pero no hay pestañas filtrables) Mil gracias
Hola qué tal amigo, muchas gracias. Para el blog lo que tienes que hacer es agregar el módulo blog para cada pestaña. Y en la configuración de cada módulo blog vas a filtrar solamente la categoría que quieres mostrar. :)
Hola! Muchas gracias por tu respuesta@@OVDIVI Eso ya lo he probado y me salen los artículos uno debajo de otro y no en modo grid o rejilla. ¿Hay alguna otra solución? Gracias
Hola, Oscar. He descargado el json y aparecen las pestañas, pero las imágenes no aparecen. Le doy clic en cualquier espacio donde van las imágenes y me permite entrar a la configuración de la fila y a los módulos, y veo que las imágenes están cargadas y que está todo bien, pero no se imprime en la pantalla, únicamente las pestañas. Sabes que puede ser. Gracias.
Hola Diana, me gustaría revisar tu página para poder inspeccionarla y saber qué sucede, cuál es la URL de tu página? Si no te deja comentarlo puedes compartirme el enlace por el post del tutorial sin problema. Saludos
Hola Oscar, por defecto yo no quiero mostrarlos todos. Sino que solo me muestre por ejemplo: Colores. Que sea la casilla por defecto, pero sino doy click en color, automaticamente me los muestra todos. Eso se puede cambiar?
Hola Alejandro, en los comentarios del post del tutoriales puedes ver la solución: ovdivi.com/como-agregar-filtros-de-pestanas-tabs-horizontales-a-cualquier-grupo-de-modulos-de-divi-sin-plugins/ ¡Saludos!
Hola Oscar, me funciono perfecto el tutorial, pero necesito que cuando cargue la pagina no se vean todos los item, únicamente el primero, me puedes ayudar con eso. Gracias
Buenas, una duda, como se podría hacer para que nada más entrar a la pagina solo muestre las opciones que estén seleccionadas sin necesidad de hacer click
Hola de nuevo. Realice el tutorial y siempre el ultimo producto se me desborda el contenedor. No se, como enviar una foto por acá. Pero es siempre el ultimo. En desktop no se nota, pero en movil si.
Me sucede solo a mí o a alguien más? Hago todo el proceso o descargo la plantilla y el efecto de animación hace que las imagenes desaparezcan cuando tengo abierto el constructor Divi y cuando salgo del constructor, aparecen y desaparecen. Le quito la animación, pero sigue sucediendo. Espero me puedas ayudar con esto.
Excelente tutorial, pero como puede ser que no muestre todos si no unos pocos por pestaña y me pasa que no se organizan queda con un espacio en blanco al seleccionar cada uno.
@@OVDIVI Cuando se ocultan unos al dar clic en otra pestaña, deja un espacio en blanco como si solo lo ocultara pero no quitar el espacio del oculto, no se si me hice entender.
buena explicacion , pero se puede hacer con algun selector ?? ya que si tengo por ejemplo 20 filtros que necesito se ve poco estetico colocar 20 botones XD, saludos
me respondo a mi mismo XDXD si se puede, tengo un probelma y es que en este momento mi selector esta filtrando desde ditintas filas con 5 columnas , pero los resultados los muetra en su fila correspondiente, ejemplo fila 1 una columna filtrada, fila 2 3 columnas filtadas, necesito que al filtrar junte los elementos como el inicio es decir fila 1 5 columnas encontradas, fila 2 5 columnas encontradas y asi. no se si se pueda hacer.
@@OVDIVI lo tengo de forma local , basicamente es una seccion con un select , y n filas por ejemplo 5 filas con 5 columnas cada fila, la idea es filtrar las columnas de las distintas filas por un class dado a cada columna, al filtrar las columnas estas si filtran bien (muetra solo las que correspondan con el class y las que no, no las muestra) , eso esta bien pero lo malo es que se quedan en su misma fila , la idea es agruparlas nuevamente en filas de 5 columnas al mostrar, por que tengo varias filas?? bueno por que las columnas no tienen un unico modulo tienen un modulo , tienen modulo de imagen, boto y texto que se muetran como tarjetas en cada columna .
@@karasuem1 por el tipo de estructura no creo que podamos agrupar los elementos de diferentes filas correctamente. El ejercicio lo hice pensando filtrar módulos dentro de una misma fila y columna. Prueba con este plugin igual y te sirve: www.elegantthemes.com/marketplace/divi-filter/
Bueno dias, Gracias por tantos conocimientos compartidos..... Una Pregunta ... Si yo hago una pagina con Divi builder o cualquier plugins pago, el cliente tiene que seguir pagando ese plugins? Gracias ....
Hola qué tal. Esto se define desde el principio, tienes de dos: O llegar a un acuerdo con tu cliente para que él asuma el costo de renovaciones del plugin, o bien, tu como diseñador web comprar el plugin, asumir las renovaciones pero con la posibilidad de poder instalar el mismo plugin en otros sitios para otros clientes. Saludos
Hola, primero que todo te felicito por tu canal, tienes contenido muy útili y explicas muy bien. Tambien quería saber si es posible darle a las TAB un estilo como de pestañas de excel?
Muchas gracias, seguiré creando mucho contenido para divi. Sobre tu consulta, no sé como sea el estilo de tabs de excel. Pero con CSS puedes aplicar prácticamente cualquier estilo.
Lo explicas tan y tan bien y das tantos consejos extras que me sorprende muchísimo, muy pocos creadores de contenido de este tipo lo hacen como tú. FELICIDADES
Muchas gracias por el apoyo @alfcharlie seguiré creando mucho más contenido y compartiendo todo lo que sé con todos ustedes. Un abrazo 🤗
tus videos no tienen desperdicio. Son excelentes!! Muchas gracias por compartir
Muchas gracias a ti también Sofy. Un abrazote
Gracias Oscar, eres todo un profesional te felicito, este tutorial me sirve para ajustar una pagina que tengo en producción de mi comunidad, a poner en práctica esto, creo demorarme un parte de horas, pero lo intentaré. Bendiciones Oscar
Hola Victor, muchas gracias. Seguramente te sirve, dale dale! Poco a poco Victor, seguro que lo logras. Un abrazo!
Excelente una vez más has hecho un trabajo impecable, pronto retomare mi suscripción un tu pagina. mil gracias Oscar
Hola Isabel, muchas gracias, seguiremos creando mucho contenido. Y por supuesto eres bienvenida cuando desees volver.
Un abrazo
Eres un Crack la verdad tu contenido es muy interesante, bendiciones y muchas gracias.
Muchas gracias, seguiremos creando mucho más 🤩
¡Gracias! Este tutorial me salva un proyecto
Me alegra leer esto :) éxito en tu proyecto ¡Un abrazo!
🎉 Lo máximo! 🙏 muchas gracias y saludos 🇸🇻
Gracias a ti también. Un abrazote desde 🇲🇽
Genial Oscar. Muchas gracias!!
Un abrazo Martin. ¡Seguimos!
Gracias, me fue re útil
¡Excelente! Saludos
Tengo un problema, realice una combinación en una landing page de pestañas filtrables y el carrusel slider divi, pero resulta que cuando toco la pestaña, no me sale, quizas es porque en tiene dos llamados en clase de CSS. La verdad no se mucho, me gustaria contar con tu ayuda.
Posdata: Estoy muy feliz contigo, todo lo que se referente a página web, es gracias a ti.
Felicidades por tu contenido.
Hola qué tal, si eliminas el carrusel si te funcionan las pestañas?
Muchas gracias por tomarte el tiempo de hacer estos grandiosos contenidos. Incluso la mensualidad de tu página para todo lo que ofreces esta super bien. Tengo una duda: Divi enginer y divi elegant theme. Es lo mismo o son cosas diferentes? Puedes tener uno sin el otro o hay alguno que te ofrezca todo?
Hola Alejandro, muchas gracias por el apoyo 😃
Te explico tu duda: Divi es un tema para wordpress creado por Elegant Themes.
Divi Enginer es una compañia independiente de Elegant Themes que crea plugins para aumentar las características de divi, entonces esto quiere decir que puedes tener Divi sin necesidad de tener los plugins de divi enginer, pero no puedes tener divi enginer si no tienes Divi 🤭
Espero te haya resuelto tu duda jaja.
Un abrazo
@@OVDIVI perfecto! Muchas gracias. Acabo de comprar divi con el descuento especial que tenían y ahora me voy a suscribir en tu página 👍
Graciss profe 👍
Un abrazo Jose Guillermo 🤗
Hola, espero te encuentres muy bien, por casualidad esa seccion de navegado, se puede utilizar para el filtrado de una categoria de productos para woo? y como se podría? Por cierto, gracias por tus videos me han ayudado un monton
Hola qué tal, muchas gracias por comentar.
Para woocommerce no es factible usar este método de pestañas, estas pestañas están enfocadas a elementos estáticos de divi.
Pero pensándolo podrías intentarlo, por ejemplo, insertas por cada pestaña el módulo "productos" de divi y este módulo lo configuras para mostrar la categoría específica, es decir, tendrías un módulo "productos" por cada categoría.
Excelente podrias realizar un tutorial con el efecto parallax con imagenes y textos sobrepuestos entre si, fuera genial un tutorial de esos
Hola, compárteme un ejemplo para inspirarme y lo hacemos
@@OVDIVI por donde te lo comparto porque aquí poner una web elemina el comentario
Por mensaje a través de Facebook Messenger: facebook.com/ovdivi
@@OVDIVI ya te escribi
hola una pregunta sabes si con divi o divi engine se puede hacer Online Inventory Management por ejemplo cuando compran algo se muestre si quede o no en inventario en tiempo real, o por ejemplo un sistema de reservacion que pueda decir en tiempo real si hay reservaciones o si ya se acabaron o si la proxima reservacion estara lista en un tiempo determinado?
Hola Warmen, con woocommerce puedes tener un inventario de productos. Si deseas un sistema de reservas lo puedes hacer con LatePoint es un plugin para gestionar reservas para wordpress, tengo un tutorial premium dónde enseño como configurarlo e incluso tienes el plugin en la pestaña materiales para descargarlo: ovdivi.com/como-crear-una-pagina-web-de-reservas-de-citas-medicas-spa-asesorias-barberias-etc-con-divi-y-latepoint-booking/
Hola Oscar me encantó pero no me agarra el enlace del botón en el teléfono si lo hace en la PC pero en el móvil no me dirije a la URL sino que me recarga la pág ayúdame porfis
Hola qué tal, ¿A qué botón te refieres? No funciona ninguna pestaña en móvil?
Hola Oscar te agradezco mucho por los tutoriales, lo único que me ocurre es que me gustaría que todo este visible y se pueda filtrar, por que abro la pagina y no muestra ningún anuncio pero si aprieto el botón si aparecen
Por defecto se deben mostrar todos los módulos activos en la pestaña "TODOS", asegurate de estar colocando las clases y el CSS correctamente
Saludos, gracias por el tutorial increible! Me sucedió lo mismo; abro la página, muestran un segundo y desaparecen los anuncios, pero si aprieto el botón TODOS ahi aparecen. Gracias nuevamente.
Hola! Eres un genio❤ solo queria consultar algo, pues soy nueva en esto. Quisiera saber en el caso de ofrecer esta pagina a un cliente de forma autoadministrable, el podria cambiar estas cards sin tener q entrar a modificar todo esto desde divi? Es decir de una forma mas práctica? Gracias desde ya ❤
Hola Vanessa, muchas gracias. Este ejercicio está hecho manualmente, es decir, es necesario habilitar el constructor de divi para modificar las cards. Si te gustaría algo más dinámico entonces debería hacer con Divi Machine por ejemplo: th-cam.com/video/v5f2msCdoWE/w-d-xo.htmlfeature=shared
Hola Oscar, muchas gracias por compartir. Tengo una pregunta. Cuando le doy a filtrar las tarjetas se muestran en el mismo lugar que cuando estan en la vista de "todos". Es decir que no se mueven hacía arriba las de debajo. ¿Cómo pudiera solucionar eso?
Hola Joan, se deben mover. Algo debe estar mal en tu implementación. ¿Cuál es el link de tu ejercicio? Si no te deja pegar la url por aquí puedes comentarmela desde el post de mi blog. Saludos
Excelente tutorial! Oye como puedo hacer para que al inicio me aparezcan primero los de la pestaña color, en vez de todos?
Hola Francisco, en los comentarios del post del blog he respondido esta duda: ovdivi.com/como-agregar-filtros-de-pestanas-tabs-horizontales-a-cualquier-grupo-de-modulos-de-divi-sin-plugins/
Espero te sirva. Saludos
Oscar hice el ejerccio, me funciono, una pregunta ¿cómo se haría para reemplazar el texto superior (todo, color, iconos y extensiones) por imágenes? quedo atento. Gracias de antemano.
Deberías hacerlo con código CSS. No es tan complicado pero si es necesario conocer los conceptos básicos de CSS
Gracias Oscar, tienes por ahí algún tutorial sobre el tema?
@@victorfer1028 Por ahora no Victor, pero si eres parte de los tutoriales exclusivos me puedes compartir el diseño que deseas lograr y veo cómo apoyarte :)
Muchas gracias, pregunta, los filtros de pestañas no se pueden hacer directamente con una función de Divi o solo se logra con código?
Hola Nati, solamente podemos insertar pestañas para los proyectos por defecto de divi, pero si quieres aplicarlos a cualquier módulo tal como lo hacemos en este tutorial, no es posible
Hola Óscar! Primero muchas gracias por tanta ayuda y calidad en tus tutoriales. Tengo un problemita, quisiera inhabilitar la funcionalidad que hace que se muestren todos los items en la pestaña "Todos" pero no se cómo hacerlo; Si quiero que la pestaña todos siga activa y sea la principal, pero que muestre solo ciertos items específicos como las otras pestañas, no todos los items. Espero me puedas ayudar, gracias!!
Hola Isairo, probaste borrando la pestaña de todos? Es decir borrar esta parte del HTML:
Todos
Y la clase que dice "active" se la agregas a otra pestaña para que se quede activa la que quieras.
@@OVDIVI Hola Óscar! Si, probé de esa manera pero no funciona, creo que el punto es ajustar algo del script pero no se de programación😅 Muchas gracias.
@@OVDIVI Hola! Primero agradecerte por el tutorial, pero busco lo mismo que él. En vez del tab TODOS tengo es uno principal dónde solo quiero que se muestre un elemento, pero no se dónde modificarlo y ya consulté mucho con ChatGPT :( . Seria genial saber como hacer que solo se muestre la primera sección de seguro a muchos les pasa. Saludos!
@@ronaldperez4506 si solamente quieren mostrar la primer pestaña y no una pestaña TODOS, el código HTML de las tabs debe ser así:
Color
Iconos
Extensiones
Y el código javascript de la funcionalidad así:
document.addEventListener('DOMContentLoaded', function() {
const tabs = document.querySelectorAll('.ov-tab-filter');
const galleryItems = document.querySelectorAll('.ov-element-item');
// Establecer la pestaña "Color" como activa por defecto
const defaultTab = document.querySelector('.ov-tab-filter[data-filter="color"]');
defaultTab.classList.add('active');
// Función para filtrar y mostrar elementos
function filterItems(filter) {
galleryItems.forEach(item => {
if (filter === 'all' || item.classList.contains(filter)) {
item.style.opacity = 1;
item.style.transform = 'translateY(0)';
item.classList.remove('hide');
} else {
item.style.opacity = 0;
item.style.transform = 'translateY(20px)';
item.classList.add('hide');
}
});
}
// Mostrar solo los elementos de "Color" al cargar la página
filterItems('color');
tabs.forEach(tab => {
tab.addEventListener('click', () => {
const filter = tab.getAttribute('data-filter');
tabs.forEach(tab => {
tab.classList.remove('active');
});
tab.classList.add('active');
filterItems(filter);
});
});
});
@@OVDIVI Justamente así lo necesitaba y muchos de igual manera me imagino. Muchas gracias Oscar! Eres un verdadero crack😁
Hola Oscar, muchas gracias por el contenido. Tengo gran duda al respecto, ¿es posible hacer que en la primera pestaña no salga todo el contenido, sino una parte? Es decir, si en vez de decir "Todo" la primera pestaña dijera algo como "Favoritos" ¿Como podria hacer que solo se mostrataran en esa primera pestaña activa los elementos marcados como favorito, y no toodoos los elementos? Me sería muy util tu respuesta.
Hola Mendez, en el post del tutorial revisa el comentario que le he dejado a "jonatan borget": ovdivi.com/como-agregar-filtros-de-pestanas-tabs-horizontales-a-cualquier-grupo-de-modulos-de-divi-sin-plugins/
Ahí explico cómo...
@@OVDIVI Muchas gracias!!
Excelente tutorial y muy bien explicado!
Una pregunta: Si quiero hacerlo con artículos de blog y que se pueda filtrar por categoría, cómo se haría? (Ya sé que hay módulo para eso pero no hay pestañas filtrables) Mil gracias
Hola qué tal amigo, muchas gracias.
Para el blog lo que tienes que hacer es agregar el módulo blog para cada pestaña. Y en la configuración de cada módulo blog vas a filtrar solamente la categoría que quieres mostrar. :)
Hola! Muchas gracias por tu respuesta@@OVDIVI Eso ya lo he probado y me salen los artículos uno debajo de otro y no en modo grid o rejilla. ¿Hay alguna otra solución? Gracias
@@tengounsiniestro Quizá no estás configurando en rejilla el módulo blog
Hola @@OVDIVI , te aseguro que si. Solo tiene dos configuraciones, en rejilla o completo.
@@tengounsiniestro así es, si gustas compárteme el enlace de tu web para darle un vistazo
Hola en mi pagina cuando le doy click a un tab especifico no carga, solo carga el titulo
Hola Estefania, es probable que te esté haciendo falta un paso. Revisa que las clases estén bien colocadas
Hola, Oscar. He descargado el json y aparecen las pestañas, pero las imágenes no aparecen. Le doy clic en cualquier espacio donde van las imágenes y me permite entrar a la configuración de la fila y a los módulos, y veo que las imágenes están cargadas y que está todo bien, pero no se imprime en la pantalla, únicamente las pestañas. Sabes que puede ser. Gracias.
Hola Diana, me gustaría revisar tu página para poder inspeccionarla y saber qué sucede, cuál es la URL de tu página? Si no te deja comentarlo puedes compartirme el enlace por el post del tutorial sin problema. Saludos
Hola Oscar, por defecto yo no quiero mostrarlos todos. Sino que solo me muestre por ejemplo: Colores. Que sea la casilla por defecto, pero sino doy click en color, automaticamente me los muestra todos. Eso se puede cambiar?
Hola Alejandro, en los comentarios del post del tutoriales puedes ver la solución: ovdivi.com/como-agregar-filtros-de-pestanas-tabs-horizontales-a-cualquier-grupo-de-modulos-de-divi-sin-plugins/
¡Saludos!
Hola Oscar, me funciono perfecto el tutorial, pero necesito que cuando cargue la pagina no se vean todos los item, únicamente el primero, me puedes ayudar con eso.
Gracias
Hola Zaray, ¿Qué items no deseas mostrar? ¿Deseas ocultar la pestaña "todos"? Solamente no la incrustes. Bueno no sé si te refieres a esto
@@OVDIVI muchas gracias por tu respuestas, si deseo que cuando cargue la página solo salga un ítem, pero por defecto cargan todos.
@@ZarayZapata con un item te refieres solamenente a un card? o solamente quieres mostrar una categoría?
Buenas, una duda, como se podría hacer para que nada más entrar a la pagina solo muestre las opciones que estén seleccionadas sin necesidad de hacer click
Hola, es una consulta que he respondido en los comentarios del post del tutorial. Date una vuelta por el post del blog ahí tienes la solución :)
Hola de nuevo. Realice el tutorial y siempre el ultimo producto se me desborda el contenedor. No se, como enviar una foto por acá. Pero es siempre el ultimo. En desktop no se nota, pero en movil si.
Hola Alejandro, necesito ver, escríbeme por el facebook messenger de ov divi por fa: facebook.com/ovdivi
Me sucede solo a mí o a alguien más? Hago todo el proceso o descargo la plantilla y el efecto de animación hace que las imagenes desaparezcan cuando tengo abierto el constructor Divi y cuando salgo del constructor, aparecen y desaparecen. Le quito la animación, pero sigue sucediendo. Espero me puedas ayudar con esto.
Hola Diana, desconozco el problema que comentas, nunca me ha pasado pero puedo revisarlo. Solamente comparteme la url de tu web y reviso. Saludos
Excelente tutorial, pero como puede ser que no muestre todos si no unos pocos por pestaña y me pasa que no se organizan queda con un espacio en blanco al seleccionar cada uno.
Hola Sebas, no entiendo muy bien. Solamente coloca los que deseas mostrar, no sé si es a esto a lo que te refieres
@@OVDIVI Cuando se ocultan unos al dar clic en otra pestaña, deja un espacio en blanco como si solo lo ocultara pero no quitar el espacio del oculto, no se si me hice entender.
@@snakesebas1989 ¿En mi demo pasa lo mismo? ¿Cual es la url de tu web?
En tu demo no pasa, se recolocan al principio pero cuando lo intento yo los elementos ocultos siguen ocupando su espacio@@OVDIVI
Me respondo a mi mismo el error puede venir por no definir .hide en el css poniendole display:none un saludo
buena explicacion , pero se puede hacer con algun selector ?? ya que si tengo por ejemplo 20 filtros que necesito se ve poco estetico colocar 20 botones XD, saludos
me respondo a mi mismo XDXD si se puede, tengo un probelma y es que en este momento mi selector esta filtrando desde ditintas filas con 5 columnas , pero los resultados los muetra en su fila correspondiente, ejemplo fila 1 una columna filtrada, fila 2 3 columnas filtadas, necesito que al filtrar junte los elementos como el inicio es decir fila 1 5 columnas encontradas, fila 2 5 columnas encontradas y asi. no se si se pueda hacer.
@@karasuem1 Hola, no entendí muy bien. ¿Cuál es la url de tu ejercicio para ver lo que has realizado?
@@OVDIVI lo tengo de forma local , basicamente es una seccion con un select , y n filas por ejemplo 5 filas con 5 columnas cada fila, la idea es filtrar las columnas de las distintas filas por un class dado a cada columna, al filtrar las columnas estas si filtran bien (muetra solo las que correspondan con el class y las que no, no las muestra) , eso esta bien pero lo malo es que se quedan en su misma fila , la idea es agruparlas nuevamente en filas de 5 columnas al mostrar, por que tengo varias filas?? bueno por que las columnas no tienen un unico modulo tienen un modulo , tienen modulo de imagen, boto y texto que se muetran como tarjetas en cada columna
.
no se si se entienda, igual gracias por responder
@@karasuem1 por el tipo de estructura no creo que podamos agrupar los elementos de diferentes filas correctamente. El ejercicio lo hice pensando filtrar módulos dentro de una misma fila y columna. Prueba con este plugin igual y te sirve: www.elegantthemes.com/marketplace/divi-filter/
y si quiero ocultar la pestaña "Todos" cómo puedo hacerlo?
Hola Sofy, simplemente no la coloques :)
Bueno dias, Gracias por tantos conocimientos compartidos..... Una Pregunta ... Si yo hago una pagina con Divi builder o cualquier plugins pago, el cliente tiene que seguir pagando ese plugins? Gracias ....
Hola qué tal. Esto se define desde el principio, tienes de dos: O llegar a un acuerdo con tu cliente para que él asuma el costo de renovaciones del plugin, o bien, tu como diseñador web comprar el plugin, asumir las renovaciones pero con la posibilidad de poder instalar el mismo plugin en otros sitios para otros clientes.
Saludos
Hola, primero que todo te felicito por tu canal, tienes contenido muy útili y explicas muy bien. Tambien quería saber si es posible darle a las TAB un estilo como de pestañas de excel?
Muchas gracias, seguiré creando mucho contenido para divi. Sobre tu consulta, no sé como sea el estilo de tabs de excel. Pero con CSS puedes aplicar prácticamente cualquier estilo.