Te aseguro que me ha ayudado mucho a resolver otro problema que tenía en las categorías, que aún siendo un poco más complejo, me ha hecho dar con la solución después de 4 días quebrandome la cabeza, mil gracias
Creo que deberías aprender a diferenciar entre Tutorial y Descripción, si pones tutorial generalmente el usuario espera que enseñes como hacer algo, más no que solo describas como quedó lo que ya hiciste
Justo lo iba a decir, no deberían hacer tutoriales gente que no sabe, hasta ahorita el peor tutorial que he visto y no porque no sepa, sino porque hay partes que se salta, va muy deprisa como si alguien lo haya obligado hacer el tutorial y se le pasaba la hora.
@@elemenpros Hola buenas, me temo que aun sigue sin servirme, meto el código y aun la cabecera no se ve como la del video, podrías hacer otro video explicando como lo hiciste desde 0? tendrías muchas visitas porque veo en los comentarios de este video que hay muchas personas interesadas sin embargo no les respondes las preguntas que la gente hace
buenas tardes me podría enviar el link o decirme cual es el vídeo que explica como definir el contenido dinámico para que la imagen de fondo cambie según la categoría
Hola Luis, tienes ir a Productos -> Categorías y subir una imagen para cada categoría. Luego creas la plantilla de archivo de productos y en la zona donde quieras que aparezca la imagen de categoría le dices que te lo coja de forma dinámica. Saludos.
Hola Nico, sigue en pie pero ten en cuenta que no podrás actualizar esa instalación y puede que en algún momento llegues a tener problemas de seguridad/incompatibilidad. Saludos.
hola, no se ven los productos como a ti, me aparece un mensaje asi The style of this widget is often affected by your theme and plugins., y el plugin no me deja configurar bien los estilos :(, estoy usando elementor, y woodmart!
Hola, esto es seguramente porque la plantilla que usas está afectando al estilo de la página de productos. Yo me plantearía cambiar de tema, puedes probar Astra o Hello Theme. Saludos.
Genial Alberto!!! Justo el tutorial que buscaba para hacer justo lo que me gustaría 👏🏼👏🏼👏🏼. Hay un punto en el que me pierdo porque la verdad es que soy muy novato y dependiendo que, me cuesta bastante. Serías tan amable de ayudarme a saber como hago para la clase CSS para que el “Categoría de producto” se vea en línea y tal y como lo tienes aquí? Con esto si que no tengo ni pajolera idea 🤦🏼♂️ y te agradecería mucho un step by step. Si puedes o no, o tienes el tiempo o no, igualmente muchísimas gracias por subir tutoriales, también hago y ya ves que ayudan mucho. Saludos.
Hola, tienes una opción más fácil que es hacerlo con una menú de WordPress añadiendo las categorías de productos. Esto lo haces desde Apariencia -> Menus y luego lo insertas con un widget de Nav Menu de Elementor donde quieras. Saludos.
hola amigo una pregunta me podrías dejar el código para agregar el css no se que poner, se que es display: inline pero no se que va antes. Muchas gracias por todo!!
Hola Daniel, aquí lo tienes: selector ul { font-family: Times New Roman; text-transform: uppercase; letter-spacing: 2px; list-style: none; text-align: center; } selector ul > li { display: inline-block; margin: 20px; } selector ul > li > a { color: #000; } En comunidadelementor.com tratamos más en detalle estos temas. Saludos.
Hola Alberto, te hago una pregunta, como hago un boton en el archive que se dirija a la categoria del producto. Los botones que tengo en elementor en la parte de seleccion dinamico no tienen la opcion de woocommerce. Muchas gracias por tus videos
Hola Alberto, muchas gracias por el tutorial. A mi me surge un problemilla. Estoy usando el filtro siguiente para categorias Yith Ajax Product Filter y al cambiar de categoría, el título me lo carga perfectamente, pero la imagen de fondo correspondiente a la categoría,no. Deja la imagen de la categoría anterior y cuando actualizo la página la carga. No se que puede estar pasando. Caché no es, incluso he probado con un script en Javascript para que cargue la imagen y nada. Te ha pasado algo parecio?, se te ocurre algo?. Muchas gracias
yo ya tenía linkeadas cada categoria en la pagina de inicio pero al hacer esto, como puedo hacer para que al darle clic a una categoria me aparezcan las modificaciones de esta plantilla
Hola Josue, como explico en el vídeo...tienes que crear una plantilla de Archivo de Productos que esté asociada a las "Categorías de productos". La clave son las condiciones de visualización. Saludos.
Hola, si he instalado un tema que trae páginas dinámicas, como puedo hacer para editarlas, en Elementor no se despliegan dichas plantillas y cuando intento modificar la página de inicio por ejemplo me da el siguiente mensaje Sorry, the content area was not found in your page. You must call the_content function in the current template, in order for Elementor to work on this page."
Hola Alexander, lo que te pasa es que esas páginas no permiten ser editadas con Elementor porque ya tienen un contenido predefinido. Seguramente ese tema no venga preparado para trabajarlo con Elementor. Saludos.
Hola! En la sección de plantillas no visualizo la pestaña "Archivo de productos". Tengo elemento pro pero lo he desactivado porque woocomerce no funciona cuando lo activo.
Hola Carlos, puede que estés sobreescribiendo la página de Tienda con WooCommerce y por eso no te deja editarla. Deselecciona esa página en los ajustes de WooCommerce...si no es eso también puede ser cosa de la plantilla, prueba Astra o Hello. Saludos.
Muchas graciasss, me ayudaste con algunos problemas que tenia en cuanto a las categorías, me gustaría mucho que hicieras un video tutorial acerca de como hiciste lo de la imagen en cada categoría, graciasss
Hola! no tengo el elementor pro por lo que me manejo aplicando el shortcode de la categoría. Por ejemplo [product_category category="ojos" columns="3"] El tema es que de esta manera no puedo visualizar todos los productos, es decir no veo todas las paginas de productos de esa categoría. Que me estaría faltando agregar? Gracias!
Hola buenas, antes de nada decir que estoy utilizando la version gratuita de elementor, para comenzar. He hecho la home con elementor y he creado las categorias de mi blog para asociar los articulos a cada una de ellas. Ahora bien, ¿como puedo diseñar o personalizar cada una de mis categorias con elementor al igual que tu? Bolsos, pamelas tocados. Ahora mismo aparecen como con la categoria estandar por defecto y no me permite ni modificarlo ni editarlo con elementor ya que no es una página como tal. ¿Debo crear las categorías en el apartado de páginas? Y si es asi, como le hago entender a wordpress que quiero que esto aparezca en dicha categoría? Se que es lioso pero estoy aqui bloqueado.
Amigo gracias, que buen diseño lo estoy aplicando. Me surge un inconveniente con las imágenes de categorías, todas las categorías de mi tienda tienen miniatura, sin embargo no sale en el fondo. Seguí todos los pasos correctamente pero no sé que pueda ser. De ante mano gracias por tanta ayuda
Amigo me ocurre lo mismo hago todos los pasos igual sin embargo no se muestra la imagen de miniatura de mi categoria tampoco me aparece el titulo de la categoria, ayuda please.
Hola Alberto! Una pregunta. Cómo puedo excluir ciertas categorías? Es decir, en la página en cuestión me interesan mostrar algunas categorías pero no otras, cómo oculto las que no quiero que se vean? Aclarar que lo que pretendo es que dejen de verse en una página pero no en otra, por lo que un código php ocultándolo no me serviría. Gracias de antemano!
Hola Pantera, en ese caso quizá lo mejor es que te hagas un menu de navegación (Apariencia -> Menus) con las categorias que quieras. Si quieres que se vean algunas en una pagina y otras en otra, puedes hacer varios menus y asignarlos a cada pagina en concreto, esto con las plantillas de header y las condiciones de visualización de Elementor. Otra cosa que se puede hacer es ocultar categorias por CSS en ciertas paginas pero es algo mas complejo. Saludos.
Hola Alberto. Necesito mostrar 3 productos en la home de una web que no es la página de tienda. Estos 3 productos, que sería dinámicos, serían los 3 productos más vendidos de la tienda. El widget de productos de elementor no me lo permite, conoces alguna manera de solucionarlo?. Gracias.
Hola Xavi, el problema es que sean los 3 más vendidos. Busca en el repositorio de plugins alguno que te permita esta funcionalidad, algo como "top seller products". Seguramente te den un shortcode que puedas insertar en la home y te muestre esos productos. Saludos.
Hola Michael, si te refieres a crear una plantilla (diseño) por cada categoría, tienes que hacerlo en las "Condiciones de visualización", seleccionas categorías y luego la categoría concreta a la que quieres aplicar esa plantilla. Saludos.
@@elemenpros Agradesco tu explicacion pero no soy experto y quizas tu asumes que yo ciertas cosas basicas jajaja por eso mi comentario anterior, como que seria genial ver el tutorial completo de como hiciste todo, para entender aun mas, se que a muchos les ayudo a mi me dejo con mas dudas jajajaaj por mi falta de conocimientos quizas.
Hola, gracias por el vídeo. Tengo un problema en un proyecto. Colocamos las fotos y quedan bien pero cuando le damos a ver se descolocan y no las saca ni en el tamaño que hemos marcado ni a 3 x 3 pone 2 arriba, 3 en medio, uno en la siguiente fila... ¿cómo lo podría arreglar?
Hola Helena, es un caso muy específico, habría que mirarlo detenidamente. Quizá tenga algo que ver con los tamaños de las fotos. Si quieres más ayuda escríbeme al formulario de contacto de mi web (albertoperojo.com). Saludos.
Hola Alberto quisiera me ayudaras con un problema al maquetar la pagina de productos como lograr que las imagenes y los textos tengan el mismo tamano para que luscan parejas en la plantilla de la pagina .gracias y saludos
hola gracias es lo que estaba buscando pero al poner la condicion en la plantilla, no tengo la opcion a !todo! discrimina por categoria. Tengo que crear una plantilla por categoria? o no colocando nada toma la categoria correspondiente?
@@elemenpros muchas graciass por responder, si es posible quisiera plantearle una duda por que nose como encarar la tienda, que es especifica de venta de productos. por ej tengo una categoria creada desde productos en wordpres y tengo que agregar 50productos con las misma caracteristica, material, etc. lo unico que cambia es el modelo la foto y las medidas, como hago para optimizar cada uno de los productos con respecto al seo por que es imposible hacer contenido diferentes y el tiempo seria eterno, y que google me los tome y no me elimine las url. Paginas similares he visto que no tienen contenido solo detalles especifico y pocos del producto. desde ya agradezco su respuesta
Hola. Buenas seguí el tutorial tal cual pero no me funciona, el menu de categorias me lleva a otra pagina en lugar de ser dinamico, y si, agregue las cosas del tutorial. Lo unico que no hice del tutorial es lo que vos hiciste de ''condiciones de visualizacion'' pero no me aparece esa opción, en donde mas podría aparecerme? ya que en el mismo lugar que vos no me aparece
Hola, estás utilizando Elementor PRO y el theme builder? Lo que tienes que hacer es crear una plantilla de productos pero esto es una característica de la versión premium. En esa plantilla es donde aparecen las condiciones de visualización. Saludos.
@@elemenpros gracias por la respuesta! Me refería a una imagen para la tienda en general, es decir que esa imagen cargue en toda la tienda, ya se abusquedas, categorías, filtros, no solo para las categorías de la tienda, se podría hacer?
Hola! Me funciona lo que has explicado, pero al activar la opción de "Consulta actual", el número de columnas de los productos se queda de forma fija en 4, independientemente de que yo ponga cualquier otro valor. Si lo dejo en la opción de "Últimos productos" sí me respeta el valor de 3, que es el que quiero. ¿Sabrías decirme cómo solucionarlo? Gracias!
Hola Javier, puedes hacer que la plantilla de archivo de productos afecte a la página de tienda. Esa página puede ser la que tu quieras ya que la defines en WooCommerce.
Muy chulo el estilo de pagina...aunque la unica duda es, ¿como hacer para que al clicar sobre la tienda aparezca una categoria predeterminada? Así ya aparece una categoria.
Hola Alan, tendrías que modificar en WooCommerce el ajuste de URL de la tienda y decirle que ninguna. Entonces en el menú de navegación tu pones un enlace personalizado a la categoría que quieras. Saludos.
muy bueno, pero me surge una duda. Como haces para que las imagenes y el botón de añadir al carrito te salgan alineadas? a mi me salen super desalineadas y creo que es por el tamaño de las imágenes, pero no se podrá arreglar con CSS?
Buenas, lo mejor es que hagas las imágenes al mismo tamaño. Puede que tu theme tenga alguna opción de recortarlas automáticamente o si no podrías hacerlo por CSS
En la pestaña del navegador dice "Canotiers Archivos".. De que forma puedo eliminar esa palabra "ARCHIVOS" y que solo aparezca el nombre de la categoria?
Hola, uso los widgets de Encabezado con el dato dinámico "Post Terms" y también el widget de Categorías de los productos. También puedes reflejar las categorías creando un menú nativo de WordPress (Apariencia -> Menús) e incluyendo las categorías. Luego añadirlo con el widget de Nav Menu. Saludos.
Como eu faço para adicionar opções dinâmicas na pagina do produto? Exemplo: Tenho uma página de camisetas, ao cliente clicar em ver produto, eu quero que na página do produto tenha alguns campos que ele possa alterar a cor da camiseta, o tamanho dela... e consequentemente altera-se o valor final a ser pago por ele. Quero fazer dessa foma para eu evitar de criar inúmeras páginas só com cores diferentes de camisetas... e para que o cliente não fique perdido no site... Eu uso o wordpress e o elementor para editar as páginas do meu site.
Hola Lino, eso lo puedes hacer con los productos variables de WooCommerce. No te hace falta ningún plugin adicional aunque hay uno que te da varias opciones para mostrar los productos: wordpress.org/plugins/woo-variation-swatches/
Saludos, gracias por compartir tus conocimientos, te comento que he leído los 159 comentarios pero no encuentro la manera de crear la primera sección... agregué las imágenes a las categorías con el mismo tamaño (exportadas de photoshop) pero no veo como implementarlas en la seccion 1, ya pude hacer la sección 2 completa, pero no consigo la manera de colocar la imágen por categoria, no doy y ya estoy frustrado jeje me podrías por favor orientar? Gracias!
Hola Ronald, tienes que añadir esas imágenes a cada categoría en Productos -> Categorías. Luego simplemente creas una plantilla de archivo de producto y en la sección superior le dices que coja la "Imagen de categoría" en el fondo. Saludos.
Hola!!! Tengo un problema con el widget de productos. No sé porqué, pero al utilizarlo y dejarlo configurado para que se muestre varios productos por página y teniendolo como consulta actual para que funcione como la página que has enseñado tan sólo me muestra dos productos por página y no encuentro la razón. No sé si a ti te ha pasado o sabes o se te ocurre cómo solucionarlo, gracias
@@elemenpros hola, gracias pro contestar. Ya encontré el fallo, tenía puesto woolentor y era lo que me estaba causando problemas junto con generate press. Lo desactivé y ya aparecen de la manera correcta.
Muchas gracias por el tutorial ! . Simplemente tengo una duda en las categorías dinámicas. Si dentro de una categoría tienes varias subcategorías, ¿no hay forma de que no se muestren las subcategorías al seleccionar toda la categoría padre ? Es decir, que se muestren todos los productos mezclados ? Gracias !!
Hola Jose, deberías poder mostrar todos los productos de una subcategoría. Prueba a hacer los enlaces con un menú de WordPress utilizando las "categorías de productos". Saludos.
Gracias por tus vídeos Alberto. Una duda que me ha surgido es ¿como podemos usar jet Smart filter para que solo filtre una categoría del contenido dinámico en concreto? He probado con distintas variables y unas veces no filtra nada y otras veces filtra todo el contenido de todas las categorías. Un saludo,
Hola Nacho, debería poderse sin problema. Si no estás usando el widget de JetEngine para mostrar el contenido, prueba a poner un Query ID (una palabra cualquiera) tanto en el widget del filtro como el que muestras el contenido, en este irá en CSS ID (Avanzado). De todas formas, aquí te dejo algo más de info sobre los filtros por categoría/taxonomía: crocoblock.com/knowledge-base/articles/jetsmartfilters-how-to-filter-publications-by-taxonomy/
Gracias Alberto. En mi caso utilizo el widget de productos nativo de elementor. Yo le digo al archive product que añada a todas las categorías de productos y cuando pincho en el enlace de una en concreto muestra esa categoría perfectamente, he probado a añadirle un query Id y lo que hace es filtrar todos los productos de todas las categorías, no solo en la que estoy. En resumen... Me ha tocado hacer un theme builder para cada una de las categorías de productos😭 Voy a hablar con los desarrolladores y si doy con ello lo comparto por aquí para que no ocurra lo mismo que a mí.. Gracias!!
Hola Milton, cómo le pusiste las categorías? puedes hacerlo también creando un menú desde WordPress en Apariencia -> Menú y añadiéndolo al header con el widget de Nav Menu, por ejemplo. Saludos.
Hola Marina, de forma nativa con Elementor no hay manera pero tienes addons que traen ese tipo de widgets de slider de productos. Se que Crocoblock fijo que lo tiene pero aquí tienes más alternativas: www.which-addon.com/elementor-widgets/product-gallery-style-grid-carousel-list-masonry-metro-table/
Hola! Muy buena explicación, lo que a mi me interesa hacer es en esa misma página mostrar las subcategorías de manera dinámica .. como puedo hacer eso ?
Saludoos Amigo, me queda una pregunta como incógnita, como remplazar o cambiar las Fotos del catálogo, que uno desea publicar de artículos de una "página de productos con sus Precios en Woocommerce", con Elementor Free o Pro, para verlas luego presentadas en cada Categoría de los Productos, me gustaría mucho que explicaras eso en un Video tutorial...
Hola! como estas? gracias por el tutorial! necesito hacer algo similar pero a mi portfolio, es decir crear un menu filtreable por separado con las categorias del porfolio, es posible? Gracias y saludos!
Hola Belén, puedes hacerlo de varias formas: con campos personalizados y utilizando una taxonomía o si quieres algo más sencillo y rápido echa un ojo al widget pro de Portfolio de Elementor: docs.elementor.com/article/103-portfolio Saludos.
@@elemenpros gracias! si.. he utilizado el widget de portfolio pro, pero no logro separar el menu para darle formato, es decir necesito colocarlo a la izquierda del porfolio, pero no logro hacerlo aun, gracias por tu respuesta ♥
Hola! Muchas gracias por el video, pero no me funciona. Le puse las imágenes a las categorías, pero cuando voy al editor de la plantilla con Elementor y selecciono la imagen de categoría en la imagen dinámica, la imagen de la categoría no aparece.
@@elemenpros Otro problema que tengo, es que al poner un encabezado y seleccionar Product Terms, no me muestra el título de una categoría, sino que me pone varias, al parecer no me está reconociendo una sola categoría.
Hola muchas gracias me ayudó, sin embargo no del todo, cuando voy en cada categoría y sub categoría la imagen (banner) es distinta excelente, el problema es respecto al título, cree una categoría y dentro de esa categoría hay sub categorías, cuando voy a la categoría principal la imagen que le corresponde es la correcta, más el título que allí aparece es el nombre de una de las subcategoria y no es el nombre de la categoría principal :( cuando voy a cada subcategoria si sale la imagen y titulo correspondiente. Quiero que el titulo de la categoría principal se vea y no el titulo de las subcategoria allí. Por favor. O hay otra forma de hacerlo.
Hola! excelente video pero me encuentro con un problema.. hago click en la categoria y la misma no redirecciona a ningun lugar... o en realidad pareciera que redireccionara al mismo menu.
Hola Carlos, tienes bien creada la plantilla de categoría de productos? con las condiciones de visualización correctas? También puede que este influyendo tu theme. Saludos.
Hola, excelente video, muchas gracias! solo me queda una duda: al hacer esto, se pierden los widgets de filtros de woocommerce, cómo se podrían agregar?
Hola Alex, a qué filtros te refieres exactamente? Vienen con tu plantilla? También puedes utilizar algún plugin para crearlos tu como "JetSmartFilters" y agregarlo en una columna al sidebar de la plantilla de archivo de productos. Saludos.
Hola buenas tardes! Muchas gracias por el video, que gran estilo, te quería preguntar, de que manera puedes cambiar el estilo de vertical a horizontal (el menu de las categorias). Te lo agradecería mucho!
@@elemenpros Me gustaría preguntarte, como haces para cambiar las categorias sin que vaya a otra URL, ya intente descargar Jetsmartfilters pero aún no logro configurarlo como lo haces en el video, espero me puedas ayudar por favor
>Hola buenas noches, porfavor soy nuevo en todo esto veo que tu elementor se cuentra en español, yo lo tengo en ingles que tengo que hacer para ponerlo en español, desde ya muchas gracias,...
Me sirvio no sabia como colocar cuando pinchas que te salgan los productos específicos ahora ya se como, claro lo malo es que no me carga las subcategorías sino todos los productos, sabes como hacer para que vaya a las subcategorias luego todo los productos ?
Hola Jimmy, hay un opción que es crearte un menú de WordPress (Apariencia -> Menús) con las categorías y subcategorías que quieras y luego mostrarlo con el Widget de Nav Menu de Elementor donde quieras. Saludos.
Hola, muy bueno. Pero probaste de hacerlo con categorías y sub categorías? Por ej. yo estoy haciendo la pag. de una libreria, y tengo como categoría ESCOLAR, y como sub-categoría LÁPICES, para cargar el producto tengo que seleccionar ambos.... entonces en el titulo me trae a los dos :( ... Hay alguna forma de seleccionar que traiga solo a las Categorias padre?
Hola, gracias por el cursillo; buena Información. Me ha surgido una pregunta ¿cómo introduces contenido dentro de las páginas de categorias? Sería interesante un H1 y quizas un H2 para lograr algo de posicionamiento. Muchas gracias...
Hola Olimpo, para ello tienes que crear una plantilla de categoría (archive) con el Theme Builder de Elementor y dentro utilizar el widget de Productos.
Cómo se podría hacer para que cambie sin que cargue en el sentido que ya esté en esa misma página y que solo al tocar la otra categoría te carguen los otros productos
Una gran duda. Antes que nada gracias! Al hacer aquello para las categorías como pongo imagen para la página de inicio. Sí pongo imagen en inicio,no me deja poner imagen dinámico,Y viceversa. Cómo hago para que inicio y categorías quede así con imagen dinámica? Muchas gracias de nuevo! :)
Hola Karolina, lo que tienes que hacer es meter las imágenes de las categorías dentro de Productos -> Categorías. Luego las muestras de forma dinámica. Saludos.
@@elemenpros Me explique mal. Repito (Perdón): Tengo las imágenes en su categoría correspondiente, hecho. Pero al editar la sección de header para poner la imagen dinámica en categorías ,me deja la pagina de Inicio sin imagen porque está como pagina principal (No como categoría) Necesito que sea dinámica categorías pero al volver a inicio también tenga su imagen en la cabecera. Es una tienda Woocomerce. (Muchas gracias por tu tiempo majo! :) )
Vale, lo que creo que pasa es que lo estás haciendo en el header y como en inicio no detecta ninguna categoría no pone imagen. Dos soluciones: - Detectar que estás en la home y meter la imagen de background con CSS. - Crear una plantilla de header solamente para la home. En condiciones de publicación puedes decirle donde quieres aplique cada header.
Hola Yajaira, fíjate en los comentarios del vídeo que está resuelta esa duda. Saludos.
4 роки тому
Buen día, excelente video, que acabado tan profesional... Buen trabajo, acudo a ustedes porque hice mi plantilla tal cual lo planteas aquí... Y configuré para que se vean 5 columnas y 3 filas de productos por páginas, osea son 15 productos, y en el Query coloqué consulta actual. Sucede que solo me muestra 9 productos y no 5 sino 4 columnas, y la única forma de que muestre la cantidad de productos que deseo es que seleccione en Query "Ultimos Productos" y no me sirve xq me muestra productos que no tienen relación con la categoría que se busca. Espero haberme explicado, cómo puedo hacer? Cómo lo solvento? la página es ( amel. cl ) gracias, PD: Uso GeneratePress Premium + Elementor.
Hola Elvis, el problema de que no te muestre bien las filas/columnas es porque cuando cambias a "Consulta Actual" tienes que modificar esa característica en el apartado de Personalizar de tu plantilla, en el menú de WooCommerce. Saludos.
4 роки тому
@@elemenpros Wow. Gracias, pensé que era un problema con el pluggin de elementor, mil gracias. Ya pude solventarlo.
Gracias Alberto, me surgen 2 dudas y mira que está bien explicado, pero ser novato es lo que tiene. Por un lado, dónde se pone la cantidad de productos por fila? No lo encuentro. Y por último, ¿Se puede incorporar un buscador de producto? Gracias, un saludo
Hola Pedro, si has hecho una plantilla de archivo de productos es posible que tengas que modificar en tu theme, en la parte del personalizador, aunque si usas Hello te debería dejar hacerlo desde el propio widget de productos. En cuanto al buscador, hay varias opciones, puedes utilizar el widget nativo de WordPress y luego personalizar la pagina de búsqueda o puedes usar JetSearch de Crocoblock que es un buscador mucho más avanzado y personalizable.
buenas noches primero y principal muy bueno el video, trabajo con jetwoobilder y cuando selecciono una categoria me lleva a la tienda y me seleccion la categoria pero tampoco me la filtara que podra ser, desde ya muchas gracias !!!
Hola Alberto, mi página es www.carddomiston.com y estoy en desarrollo de la misma. Quiero Categorizar los productos que están en HOME pero no los he podido trasladar de HOME a CAMISAS por ejemplo. Tu me puedes indicar como activo ELEMENTOR? Cómo podría sacar mis productos del HOME y llevarklos a cada categoría?. Muchas Gracias y quedo atento a tu respuesta.
Hola Ricardo, tienes que crearte una categoría de producto que se llame CAMISAS, asignar productos a esa categoría y luego crear una plantilla de archive aplicada a categorías de producto. Una vez hecho esto si vas a tuweb.com/camisas deberás ver las camisas con el estilo que hayas definido en esa plantilla.
Eres un crack! Te agradecería si me puedes solucionar un problema. Tengo línea masculina y femenina en mi web y meto solo la galeria femenina. Al entrar a la web me aparecen todos los artículos abajo de la galería desordenados con la opción de ordenarlos al gusto del usuario y mezcla productos masculinos y femeninos aleatoriamente. Como hago para quitar lo de debajo? Muchísimas gracias por tus tutoriales
Hola Sergio, esto es un poco largo para explicarlo aquí pero lo voy a intentar. Tienes que hacer una plantilla de "Archivo de Productos" con el theme builder de elementor y meter ahí el widget de productos. En las condiciones de visualización de esa página le tienes que decir que se aplique al "Archivo de productos" y "Categorías de productos". De esta forma puedes añadir ahora un menú superior con todas las categorías de producto y ya se deberían ver con el mismo formato. Saludos.
Hola Meredith, tienes que poner la imagen dentro de cada categoría (Productos -> Categorías) y luego colocar en la plantilla la imagen y escoger la imagen de categoría en las etiquetas dinámicas. Fíjate bien en el vídeo porque ahí lo hago. Saludos.
saludos... una cosnulta si por ejemplo tengo la pagina de productos, y quiero tener dos paginas iguales pero que en estas solo se muestren una categoria en epecifico de cada una como se haria en ese caso?.... gracias y excelente el tutorial.... P.D.: te emocionó tu imagen dianmica eh? jejejejeje.
Buenas, lo que creo que quieres hacer es tener varias plantillas según categoría. Puedes crear varias plantillas en el maquetador de temas y en las condiciones de visualización asignar una a cada categoría en concreto. Saludos.
gracias por el tutorial , muy bueno ... solo que tengo el problema que no aparece condiciones de visualizacion . Solo me dice guardar borrador y guardar como plantilla
Si quisieras armar algo parecido pero en vez de productos que sea con las categorías de las entradas y sus sub categorías. Ej paisajes de América, paisajes de Argentina, como sería? Podrías hacer un tutorial así?
Es parecido pero no, yo tengo una categoría madre que tiene 10 sub categorías, esas 10 sub categorías quiero que cuando entres a la categoría madre se vean como si fueran una entrada y que cuando hagas click en una de esas sub categorías te lleve a todas las entradas relacionadas con esa sub categoría. No se si me logro explicar bien, pero es un mix entre este vídeo, el vídeo q me recomendas y el vídeo que hiciste sobre las entradas del blog general.
@@niqoocrisides4430 creo que ya lo entiendo. No es fácil porque Elementor no tiene un widget para dar estilos a categorías o subcategorías. Con AnyWhere Elementor podrías crear una página de categoría y mostrar todas esas subcategorías que ya te llevarían a una página de archivo de cada una.
Hola, sí, no ha cambiado mucho la cosa desde entonces. Todo se mantienen más o menos igual. Quizá lo único que puede cambiar es cómo insertar la lista de categorías de productos. Saludos.
Mil tutoriales a la fecha actual y solo este de hace 4 años explica como debe ser... muchas gracias.
Seria de mucha utilidad que explicaras como hiciste todo paso a paso desde cero te lo agradeceria monton
Sí! seria de muchísima utilidad 😃
@@jorgetarazona2465 si seria de muchísima utilidad
Si porfavor 🙏
Te aseguro que me ha ayudado mucho a resolver otro problema que tenía en las categorías, que aún siendo un poco más complejo, me ha hecho dar con la solución después de 4 días quebrandome la cabeza, mil gracias
Creo que deberías aprender a diferenciar entre Tutorial y Descripción, si pones tutorial generalmente el usuario espera que enseñes como hacer algo, más no que solo describas como quedó lo que ya hiciste
Justo lo iba a decir, no deberían hacer tutoriales gente que no sabe, hasta ahorita el peor tutorial que he visto y no porque no sepa, sino porque hay partes que se salta, va muy deprisa como si alguien lo haya obligado hacer el tutorial y se le pasaba la hora.
Excelente vídeo, te agradezco mucho, pude entender muchas cosas
Te agradezco tanto este video! siendo las 2:30 am por fin pude resolver un conflicto que tenía! Gracias!!!
hola una pregunta, como lograste hacer lo de la cabecera integrada? tu mencionaste algo con el css me parece, muchas gracias
Hola Rob, puedes aplicar este CSS en la parte de la cabecera: selector { position:absolute; width:100% }
@@elemenpros Hola buenas, me temo que aun sigue sin servirme, meto el código y aun la cabecera no se ve como la del video, podrías hacer otro video explicando como lo hiciste desde 0? tendrías muchas visitas porque veo en los comentarios de este video que hay muchas personas interesadas sin embargo no les respondes las preguntas que la gente hace
Como haces para que las fotos no sean cuadradas? estuve intentando todo el dia ya que quiero q sean rectangulares como las tuyas. como puedo hacer?
Hola, eso tienes que modificarlo en las opciones de tu plantilla, en el apartado de WooCommerce. Saludos.
Cual es el codigo css para ponerlo de lado las categorias
selector ul {
text-transform: uppercase;
letter-spacing: 2px;
list-style: none;
text-align: center;
}
selector ul > li {
display: inline-block;
margin: 20px;
}
selector ul > li > a {
color: #000;
}
buenas tardes me podría enviar el link o decirme cual es el vídeo que explica como definir el contenido dinámico para que la imagen de fondo cambie según la categoría
Hola Luis, tienes ir a Productos -> Categorías y subir una imagen para cada categoría. Luego creas la plantilla de archivo de productos y en la zona donde quieras que aparezca la imagen de categoría le dices que te lo coja de forma dinámica. Saludos.
Una consulta mas. Si me hago pro de elementor, si dejo de pagarlo, lo que ya tenia hecho sigue en pie?
Hola Nico, sigue en pie pero ten en cuenta que no podrás actualizar esa instalación y puede que en algún momento llegues a tener problemas de seguridad/incompatibilidad. Saludos.
Buena explicación y muy concisa. Gracias !!
hola, no se ven los productos como a ti, me aparece un mensaje asi The style of this widget is often affected by your theme and plugins., y el plugin no me deja configurar bien los estilos :(, estoy usando elementor, y woodmart!
Hola, esto es seguramente porque la plantilla que usas está afectando al estilo de la página de productos. Yo me plantearía cambiar de tema, puedes probar Astra o Hello Theme. Saludos.
Genial Alberto!!! Justo el tutorial que buscaba para hacer justo lo que me gustaría 👏🏼👏🏼👏🏼. Hay un punto en el que me pierdo porque la verdad es que soy muy novato y dependiendo que, me cuesta bastante. Serías tan amable de ayudarme a saber como hago para la clase CSS para que el “Categoría de producto” se vea en línea y tal y como lo tienes aquí? Con esto si que no tengo ni pajolera idea 🤦🏼♂️ y te agradecería mucho un step by step. Si puedes o no, o tienes el tiempo o no, igualmente muchísimas gracias por subir tutoriales, también hago y ya ves que ayudan mucho. Saludos.
Hola, tienes una opción más fácil que es hacerlo con una menú de WordPress añadiendo las categorías de productos. Esto lo haces desde Apariencia -> Menus y luego lo insertas con un widget de Nav Menu de Elementor donde quieras. Saludos.
Buenísimo!! Muchas gracias!!
hola amigo una pregunta me podrías dejar el código para agregar el css no se que poner, se que es display: inline pero no se que va antes. Muchas gracias por todo!!
Hola Daniel, aquí lo tienes:
selector ul {
font-family: Times New Roman;
text-transform: uppercase;
letter-spacing: 2px;
list-style: none;
text-align: center;
}
selector ul > li {
display: inline-block;
margin: 20px;
}
selector ul > li > a {
color: #000;
}
En comunidadelementor.com tratamos más en detalle estos temas. Saludos.
@@elemenpros gracias me has salvado!!!. Tienes un suscriptor fiel
Hola Alberto, te hago una pregunta, como hago un boton en el archive que se dirija a la categoria del producto. Los botones que tengo en elementor en la parte de seleccion dinamico no tienen la opcion de woocommerce. Muchas gracias por tus videos
Hola Matias, puedes hacer un menú dentro de Apariencia -> Menú, utilizando las categorías de producto y lo colocas donde quieras. Saludos.
Hola Alberto, muchas gracias por el tutorial. A mi me surge un problemilla. Estoy usando el filtro siguiente para categorias Yith Ajax Product Filter y al cambiar de categoría, el título me lo carga perfectamente, pero la imagen de fondo correspondiente a la categoría,no. Deja la imagen de la categoría anterior y cuando actualizo la página la carga. No se que puede estar pasando. Caché no es, incluso he probado con un script en Javascript para que cargue la imagen y nada. Te ha pasado algo parecio?, se te ocurre algo?. Muchas gracias
Para filtros yo uso JetSmartFilters y no me suele dar problema, nunca he usado el de Yith. Puedes probar a consultarle al soporte.
yo ya tenía linkeadas cada categoria en la pagina de inicio pero al hacer esto, como puedo hacer para que al darle clic a una categoria me aparezcan las modificaciones de esta plantilla
Hola Josue, como explico en el vídeo...tienes que crear una plantilla de Archivo de Productos que esté asociada a las "Categorías de productos". La clave son las condiciones de visualización. Saludos.
@@elemenpros Muchas gracias amigo me solucionaste, visualizar categorias aburridas que impone el tema
Podes compartir el link donde enseñas a poner el menú sobre la imagen? Gracias!
Hola, si he instalado un tema que trae páginas dinámicas, como puedo hacer para editarlas, en Elementor no se despliegan dichas plantillas y cuando intento modificar la página de inicio por ejemplo me da el siguiente mensaje Sorry, the content area was not found in your page. You must call the_content function in the current template, in order for Elementor to work on this page."
Hola Alexander, lo que te pasa es que esas páginas no permiten ser editadas con Elementor porque ya tienen un contenido predefinido. Seguramente ese tema no venga preparado para trabajarlo con Elementor. Saludos.
Hola! En la sección de plantillas no visualizo la pestaña "Archivo de productos". Tengo elemento pro pero lo he desactivado porque woocomerce no funciona cuando lo activo.
Hola Carlos, puede que estés sobreescribiendo la página de Tienda con WooCommerce y por eso no te deja editarla. Deselecciona esa página en los ajustes de WooCommerce...si no es eso también puede ser cosa de la plantilla, prueba Astra o Hello. Saludos.
Muchas graciasss, me ayudaste con algunos problemas que tenia en cuanto a las categorías, me gustaría mucho que hicieras un video tutorial acerca de como hiciste lo de la imagen en cada categoría, graciasss
Hola! no tengo el elementor pro por lo que me manejo aplicando el shortcode de la categoría. Por ejemplo [product_category category="ojos" columns="3"] El tema es que de esta manera no puedo visualizar todos los productos, es decir no veo todas las paginas de productos de esa categoría. Que me estaría faltando agregar?
Gracias!
Hola, no entiendo muy bien, creo que sin Elementor PRO no puedes usar el widget de productos de WooCommerce. Saludos.
@@elemenpros Gracias! así es, vi que no está habilitado. Le tuve que agregar al shortcode un codigo de paginación y funcionó.
Hola buenas, antes de nada decir que estoy utilizando la version gratuita de elementor, para comenzar. He hecho la home con elementor y he creado las categorias de mi blog para asociar los articulos a cada una de ellas. Ahora bien, ¿como puedo diseñar o personalizar cada una de mis categorias con elementor al igual que tu? Bolsos, pamelas tocados. Ahora mismo aparecen como con la categoria estandar por defecto y no me permite ni modificarlo ni editarlo con elementor ya que no es una página como tal. ¿Debo crear las categorías en el apartado de páginas? Y si es asi, como le hago entender a wordpress que quiero que esto aparezca en dicha categoría? Se que es lioso pero estoy aqui bloqueado.
Hola Sergio, con la versión gratuita no puedes crear una página de categorías dinámica. Saludos.
Amigo gracias, que buen diseño lo estoy aplicando. Me surge un inconveniente con las imágenes de categorías, todas las categorías de mi tienda tienen miniatura, sin embargo no sale en el fondo. Seguí todos los pasos correctamente pero no sé que pueda ser. De ante mano gracias por tanta ayuda
Cuál es el problema exactamente? no se muestra directamente? si lo pones con el widget de imagen si se muestra?
@@elemenpros gracias, ya logré solucionarlo
Amigo me ocurre lo mismo hago todos los pasos igual sin embargo no se muestra la imagen de miniatura de mi categoria tampoco me aparece el titulo de la categoria, ayuda please.
yo lo estoy haciendo dentro de una sección y luego dentro de una sección interna
@@leandroospina7775 Hola! cómo estás? Cómo solucionaste el problema? me pasa lo mismo.
Hola Alberto! Una pregunta. Cómo puedo excluir ciertas categorías? Es decir, en la página en cuestión me interesan mostrar algunas categorías pero no otras, cómo oculto las que no quiero que se vean? Aclarar que lo que pretendo es que dejen de verse en una página pero no en otra, por lo que un código php ocultándolo no me serviría. Gracias de antemano!
Hola Pantera, en ese caso quizá lo mejor es que te hagas un menu de navegación (Apariencia -> Menus) con las categorias que quieras. Si quieres que se vean algunas en una pagina y otras en otra, puedes hacer varios menus y asignarlos a cada pagina en concreto, esto con las plantillas de header y las condiciones de visualización de Elementor.
Otra cosa que se puede hacer es ocultar categorias por CSS en ciertas paginas pero es algo mas complejo.
Saludos.
@@elemenpros perfecto! Muchas gracias!!
Hola quiero filtrar los productos pero no me aparece por ningún sitio la opción de opciones de visualización. ¿hay alguna otra forma? Gracias
Hola Jose, te refieres a enlazarlos a categorías? La plantilla de categoría sólo se puede hacer con Elementor PRO y el maquetador de temas. Saludos.
Hola Alberto. Necesito mostrar 3 productos en la home de una web que no es la página de tienda. Estos 3 productos, que sería dinámicos, serían los 3 productos más vendidos de la tienda. El widget de productos de elementor no me lo permite, conoces alguna manera de solucionarlo?. Gracias.
Hola Xavi, el problema es que sean los 3 más vendidos. Busca en el repositorio de plugins alguno que te permita esta funcionalidad, algo como "top seller products". Seguramente te den un shortcode que puedas insertar en la home y te muestre esos productos. Saludos.
Ok Alberto lo pruebo, muchas gracias por tu ayuda.
como edito las categorias por separado en elementor, porque cuando coloco archivos de productos > todo me cambia todas las demas categorias
Hola Michael, si te refieres a crear una plantilla (diseño) por cada categoría, tienes que hacerlo en las "Condiciones de visualización", seleccionas categorías y luego la categoría concreta a la que quieres aplicar esa plantilla. Saludos.
@@elemenpros Agradesco tu explicacion pero no soy experto y quizas tu asumes que yo ciertas cosas basicas jajaja por eso mi comentario anterior, como que seria genial ver el tutorial completo de como hiciste todo, para entender aun mas, se que a muchos les ayudo a mi me dejo con mas dudas jajajaaj por mi falta de conocimientos quizas.
@@elemenpros hola cuando haces la plantilla para la categoria, que tipo de plantilla haces?
logre modificar las categorias, pero aun no doi como editar ese menu de categorias :( quiero sacarle la imagen y no doi con el css aplicar :/
Hola, gracias por el vídeo. Tengo un problema en un proyecto. Colocamos las fotos y quedan bien pero cuando le damos a ver se descolocan y no las saca ni en el tamaño que hemos marcado ni a 3 x 3 pone 2 arriba, 3 en medio, uno en la siguiente fila... ¿cómo lo podría arreglar?
Hola Helena, es un caso muy específico, habría que mirarlo detenidamente. Quizá tenga algo que ver con los tamaños de las fotos.
Si quieres más ayuda escríbeme al formulario de contacto de mi web (albertoperojo.com). Saludos.
Hola Alberto quisiera me ayudaras con un problema al maquetar la pagina de productos como lograr que las imagenes y los textos tengan el mismo tamano para que luscan parejas en la plantilla de la pagina .gracias y saludos
Hola, simplemente crea las imágenes previamente al mismo tamaño con un programa como Photoshop, GIMP, o similar.
hola gracias es lo que estaba buscando pero al poner la condicion en la plantilla, no tengo la opcion a !todo! discrimina por categoria. Tengo que crear una plantilla por categoria? o no colocando nada toma la categoria correspondiente?
Hola, simplemente escogiendo "Categoría de productos" esa plantilla afectará a todas.
@@elemenpros muchas graciass por responder, si es posible quisiera plantearle una duda por que nose como encarar la tienda, que es especifica de venta de productos. por ej tengo una categoria creada desde productos en wordpres y tengo que agregar 50productos con las misma caracteristica, material, etc. lo unico que cambia es el modelo la foto y las medidas, como hago para optimizar cada uno de los productos con respecto al seo por que es imposible hacer contenido diferentes y el tiempo seria eterno, y que google me los tome y no me elimine las url. Paginas similares he visto que no tienen contenido solo detalles especifico y pocos del producto. desde ya agradezco su respuesta
Hola, la verdad que no soy experto en SEO y no te puedo contestar correctamente a esa pregunta, lo siento.
@@elemenpros gracias !!! no hay problema. Muy atento. Saludos
Hola. Buenas
seguí el tutorial tal cual pero no me funciona, el menu de categorias me lleva a otra pagina en lugar de ser dinamico, y si, agregue las cosas del tutorial.
Lo unico que no hice del tutorial es lo que vos hiciste de ''condiciones de visualizacion'' pero no me aparece esa opción, en donde mas podría aparecerme? ya que en el mismo lugar que vos no me aparece
Hola, estás utilizando Elementor PRO y el theme builder? Lo que tienes que hacer es crear una plantilla de productos pero esto es una característica de la versión premium. En esa plantilla es donde aparecen las condiciones de visualización. Saludos.
Como haces para que la imagen que pones en la pagina de tienda general sea recogida dinámicamente y de donde se coge?
Hola Diego, tienes que insertarla en la categoría de producto y luego mostrarla de forma dinámica. Saludos.
@@elemenpros gracias por la respuesta! Me refería a una imagen para la tienda en general, es decir que esa imagen cargue en toda la tienda, ya se abusquedas, categorías, filtros, no solo para las categorías de la tienda, se podría hacer?
Sí, la plantilla de archive puedes asignarla en condiciones de visualización a: categorías, búsqueda, página de tienda, etc.
Hola! Me funciona lo que has explicado, pero al activar la opción de "Consulta actual", el número de columnas de los productos se queda de forma fija en 4, independientemente de que yo ponga cualquier otro valor. Si lo dejo en la opción de "Últimos productos" sí me respeta el valor de 3, que es el que quiero. ¿Sabrías decirme cómo solucionarlo? Gracias!
Hola Pablo, esto lo controlas desde la parte de Personalizar -> WooCommerce -> Catálogo de productos. Saludos.
@@elemenpros solucionado, muchas gracias!
Y SI QUIERO QUE ESA CABECERA ME APAREZCA EN LA PAGINA PRINCIPAL
DE TIENDA O PRODUCTO (NO CATEGORIAS) DONDE SUBO LA MINIATURA? GRACIAS
Hola Javier, puedes hacer que la plantilla de archivo de productos afecte a la página de tienda. Esa página puede ser la que tu quieras ya que la defines en WooCommerce.
En el Single del producto como puedo poner la imagen (dinámica) de cierta taxonomía a la que pertenece dicho producto.
Hola Alexis, puedes hacerlo con un widget de texto y tirando de los datos dinámicos de Elementor, aquí te muestro como: imgur.com/a/BA5abF2
Saludos.
Excelente! Gracias
Excelente tutorial y diseño de la web de Joanna. Felicidades!
Muy chulo el estilo de pagina...aunque la unica duda es, ¿como hacer para que al clicar sobre la tienda aparezca una categoria predeterminada? Así ya aparece una categoria.
Hola Alan, tendrías que modificar en WooCommerce el ajuste de URL de la tienda y decirle que ninguna. Entonces en el menú de navegación tu pones un enlace personalizado a la categoría que quieras. Saludos.
excelente tutorial ..... felicitaciones .......
Pues muy bueno, solo que recomiendo primero ver y luego hacerlo.
muy bueno, pero me surge una duda. Como haces para que las imagenes y el botón de añadir al carrito te salgan alineadas? a mi me salen super desalineadas y creo que es por el tamaño de las imágenes, pero no se podrá arreglar con CSS?
Buenas, lo mejor es que hagas las imágenes al mismo tamaño. Puede que tu theme tenga alguna opción de recortarlas automáticamente o si no podrías hacerlo por CSS
En la pestaña del navegador dice "Canotiers Archivos".. De que forma puedo eliminar esa palabra "ARCHIVOS" y que solo aparezca el nombre de la categoria?
Hola Jose, sí, eso te permite cambiarlo el plugin de SEO que uses. Saludos.
alguien me puede decir que archivo de elementor arrastro a la cabecera??? y en la segunda colucba tampoco se que arrastro? :(
Hola, uso los widgets de Encabezado con el dato dinámico "Post Terms" y también el widget de Categorías de los productos. También puedes reflejar las categorías creando un menú nativo de WordPress (Apariencia -> Menús) e incluyendo las categorías. Luego añadirlo con el widget de Nav Menu. Saludos.
Buen tutorial. Me podrias explicar como poner la categoria de producto en horizontal? Si css es para pro, hay otra forma?
Hola Nico, puedes utilizar un menú de navegación con las categorías de productos, eso te lo muestra en horizontal. Saludos.
Comunidad Elemen Pros Tutoriales sobre Elementor muchas gracias:)
Como eu faço para adicionar opções dinâmicas na pagina do produto?
Exemplo: Tenho uma página de camisetas, ao cliente clicar em ver produto, eu quero que na página do produto tenha alguns campos que ele possa alterar a cor da camiseta, o tamanho dela... e consequentemente altera-se o valor final a ser pago por ele. Quero fazer dessa foma para eu evitar de criar inúmeras páginas só com cores diferentes de camisetas... e para que o cliente não fique perdido no site... Eu uso o wordpress e o elementor para editar as páginas do meu site.
Hola Lino, eso lo puedes hacer con los productos variables de WooCommerce. No te hace falta ningún plugin adicional aunque hay uno que te da varias opciones para mostrar los productos:
wordpress.org/plugins/woo-variation-swatches/
Saludos, gracias por compartir tus conocimientos, te comento que he leído los 159 comentarios pero no encuentro la manera de crear la primera sección... agregué las imágenes a las categorías con el mismo tamaño (exportadas de photoshop) pero no veo como implementarlas en la seccion 1, ya pude hacer la sección 2 completa, pero no consigo la manera de colocar la imágen por categoria, no doy y ya estoy frustrado jeje me podrías por favor orientar? Gracias!
Hola Ronald, tienes que añadir esas imágenes a cada categoría en Productos -> Categorías. Luego simplemente creas una plantilla de archivo de producto y en la sección superior le dices que coja la "Imagen de categoría" en el fondo. Saludos.
Hola, como puedo poner los ATRIBUTOS alt con ELEMENTOR
Hola Jemi, eso se hace en la Biblioteca de medios, entrando en cada foto y editando el atributo Alt. Saludos.
@@elemenpros ok, lo intentaré muchas gracias por responder.
@@elemenpros no me aparece como ATRIBUTOS alt, podrías hacer un tutorial de eso, o explicar levemente en que parte especialmente por favor.
Yo quisiera hacer la seccion de mi t
Proyecto y no he conseguido un video claro, estoy usando HTML5, css y javascript
quiero saber ti tienes algun video relacionado con cambiar es estilo de vista de productos woocommerce ya sea en vista lista o cuadricula
Hola, esto lo puedes hacer con un plugin que se llama Anywhere Elementor Pro. Saludos.
Hablastes sobre un video, que ibas a poner en la descripcion, cual es?
En que punto? no recuerdo ahora, la verdad.
@@elemenpros En el minuto 1:43, un video sobre cómo incluir la cabecera en el diseño de la página
Hola!!! Tengo un problema con el widget de productos. No sé porqué, pero al utilizarlo y dejarlo configurado para que se muestre varios productos por página y teniendolo como consulta actual para que funcione como la página que has enseñado tan sólo me muestra dos productos por página y no encuentro la razón. No sé si a ti te ha pasado o sabes o se te ocurre cómo solucionarlo, gracias
Hola Rafael, no se que temas estás usando pero mira en las opciones del tema si tiene algún ajuste para cambiar los productos por página. Saludos.
@@elemenpros hola, gracias pro contestar. Ya encontré el fallo, tenía puesto woolentor y era lo que me estaba causando problemas junto con generate press. Lo desactivé y ya aparecen de la manera correcta.
Muchas gracias por el tutorial ! . Simplemente tengo una duda en las categorías dinámicas. Si dentro de una categoría tienes varias subcategorías, ¿no hay forma de que no se muestren las subcategorías al seleccionar toda la categoría padre ? Es decir, que se muestren todos los productos mezclados ? Gracias !!
Hola Jose, deberías poder mostrar todos los productos de una subcategoría. Prueba a hacer los enlaces con un menú de WordPress utilizando las "categorías de productos". Saludos.
Gracias por tus vídeos Alberto.
Una duda que me ha surgido es ¿como podemos usar jet Smart filter para que solo filtre una categoría del contenido dinámico en concreto?
He probado con distintas variables y unas veces no filtra nada y otras veces filtra todo el contenido de todas las categorías.
Un saludo,
Hola Nacho, debería poderse sin problema. Si no estás usando el widget de JetEngine para mostrar el contenido, prueba a poner un Query ID (una palabra cualquiera) tanto en el widget del filtro como el que muestras el contenido, en este irá en CSS ID (Avanzado).
De todas formas, aquí te dejo algo más de info sobre los filtros por categoría/taxonomía:
crocoblock.com/knowledge-base/articles/jetsmartfilters-how-to-filter-publications-by-taxonomy/
Gracias Alberto. En mi caso utilizo el widget de productos nativo de elementor.
Yo le digo al archive product que añada a todas las categorías de productos y cuando pincho en el enlace de una en concreto muestra esa categoría perfectamente, he probado a añadirle un query Id y lo que hace es filtrar todos los productos de todas las categorías, no solo en la que estoy.
En resumen... Me ha tocado hacer un theme builder para cada una de las categorías de productos😭
Voy a hablar con los desarrolladores y si doy con ello lo comparto por aquí para que no ocurra lo mismo que a mí..
Gracias!!
Cuando me meto a mi tienda solo me aparecen los productos sin categorías a pesar que ya puse las categorías, qué puedo hacer?
Hola Milton, cómo le pusiste las categorías? puedes hacerlo también creando un menú desde WordPress en Apariencia -> Menú y añadiéndolo al header con el widget de Nav Menu, por ejemplo. Saludos.
Hola en mi elementor no me sale la opción condiciones de visualización? Me podrías ayudar?
Hola Arnoldo, estás usando la versión PRO? seguro que haces has escogido una "Plantilla de Archive" ? Saludos.
toda la explicación muy buena pero como lo hiciste??
Hola,¿ sabes como podría hacer esto pero que los productos de las categorías fueran con carrusel? Gracias
Hola Marina, de forma nativa con Elementor no hay manera pero tienes addons que traen ese tipo de widgets de slider de productos. Se que Crocoblock fijo que lo tiene pero aquí tienes más alternativas:
www.which-addon.com/elementor-widgets/product-gallery-style-grid-carousel-list-masonry-metro-table/
ami no me sale ese archivo de visualizacion por ningun lado
Hola Julienny, tienes que tener la versión PRO de Elementor. Saludos.
Hola! Muy buena explicación, lo que a mi me interesa hacer es en esa misma página mostrar las subcategorías de manera dinámica .. como puedo hacer eso ?
Hola Mauro, para mostrar subcategorías lo mejor es que recurras a algún plugin más específico, como JetSmartFilters. Saludos.
Saludoos Amigo, me queda una pregunta como incógnita, como remplazar o cambiar las Fotos del catálogo, que uno desea publicar de artículos de una "página de productos con sus Precios en Woocommerce", con Elementor Free o Pro, para verlas luego presentadas en cada Categoría de los Productos, me gustaría mucho que explicaras eso en un Video tutorial...
Hola! como estas? gracias por el tutorial! necesito hacer algo similar pero a mi portfolio, es decir crear un menu filtreable por separado con las categorias del porfolio, es posible? Gracias y saludos!
Hola Belén, puedes hacerlo de varias formas: con campos personalizados y utilizando una taxonomía o si quieres algo más sencillo y rápido echa un ojo al widget pro de Portfolio de Elementor: docs.elementor.com/article/103-portfolio
Saludos.
@@elemenpros gracias! si.. he utilizado el widget de portfolio pro, pero no logro separar el menu para darle formato, es decir necesito colocarlo a la izquierda del porfolio, pero no logro hacerlo aun, gracias por tu respuesta ♥
Hola! Muchas gracias por el video, pero no me funciona. Le puse las imágenes a las categorías, pero cuando voy al editor de la plantilla con Elementor y selecciono la imagen de categoría en la imagen dinámica, la imagen de la categoría no aparece.
Hola Miguel, que plantilla estás usando? Prueba lo mismo con Hello theme a ver si aparece. Saludos.
@@elemenpros Cambié a Hello Theme, pero sigue sin aparecerme la imagen de la categoría :(
@@elemenpros Otro problema que tengo, es que al poner un encabezado y seleccionar Product Terms, no me muestra el título de una categoría, sino que me pone varias, al parecer no me está reconociendo una sola categoría.
Como haces para que cuando vaya el puntero del mouse sin hacer clic, cambie de imagen ... Saludos
Si te refieres a la imagen del producto que hace zoom, es una funcionalidad de WooCommerce. Si no es eso, dime en que minuto exacto.
Se puede hacer lo mismo para páginas de etiquetas?
Sí, en la parte de condiciones de visualización de la plantilla puedes definirlo para Etiquetas también.
Gracias, tengo el cerebro tan quemado que no se si me ayudaste o no con mi problema, pero lo resolvi, asi que GRACIAS
Hola muchas gracias me ayudó, sin embargo no del todo, cuando voy en cada categoría y sub categoría la imagen (banner) es distinta excelente, el problema es respecto al título, cree una categoría y dentro de esa categoría hay sub categorías, cuando voy a la categoría principal la imagen que le corresponde es la correcta, más el título que allí aparece es el nombre de una de las subcategoria y no es el nombre de la categoría principal :( cuando voy a cada subcategoria si sale la imagen y titulo correspondiente.
Quiero que el titulo de la categoría principal se vea y no el titulo de las subcategoria allí. Por favor.
O hay otra forma de hacerlo.
Hola! excelente video pero me encuentro con un problema.. hago click en la categoria y la misma no redirecciona a ningun lugar... o en realidad pareciera que redireccionara al mismo menu.
Hola Carlos, tienes bien creada la plantilla de categoría de productos? con las condiciones de visualización correctas? También puede que este influyendo tu theme. Saludos.
Hola, excelente video, muchas gracias! solo me queda una duda: al hacer esto, se pierden los widgets de filtros de woocommerce, cómo se podrían agregar?
Hola Alex, a qué filtros te refieres exactamente? Vienen con tu plantilla? También puedes utilizar algún plugin para crearlos tu como "JetSmartFilters" y agregarlo en una columna al sidebar de la plantilla de archivo de productos. Saludos.
Hola buenas tardes! Muchas gracias por el video, que gran estilo, te quería preguntar, de que manera puedes cambiar el estilo de vertical a horizontal (el menu de las categorias). Te lo agradecería mucho!
Hola Sebastian, el código sería algo como: display:flex; flex-direction:column;
Esto tienes que aplicárselo a la lista de categorías. Saludos.
@@elemenpros Te agradezco mucho por tu ayuda y por responderme, no sabes lo mucho que me acabas de ayudar! En serio muchas gracias
@@elemenpros Me gustaría preguntarte, como haces para cambiar las categorias sin que vaya a otra URL, ya intente descargar Jetsmartfilters pero aún no logro configurarlo como lo haces en el video, espero me puedas ayudar por favor
>Hola buenas noches, porfavor soy nuevo en todo esto veo que tu elementor se cuentra en español, yo lo tengo en ingles que tengo que hacer para ponerlo en español, desde ya muchas gracias,...
Hola, tienes el idioma del WordPress en español? Dentro de Ajustes -> Generales -> Idioma del sitio. Saludos.
Profe, usted es el de píldoras informáticas?, esa voz la reconozco...
Hola, no, no tengo nada que ver con esa página. Saludos.
Me sirvio no sabia como colocar cuando pinchas que te salgan los productos específicos ahora ya se como, claro lo malo es que no me carga las subcategorías sino todos los productos, sabes como hacer para que vaya a las subcategorias luego todo los productos ?
Hola Jimmy, hay un opción que es crearte un menú de WordPress (Apariencia -> Menús) con las categorías y subcategorías que quieras y luego mostrarlo con el Widget de Nav Menu de Elementor donde quieras. Saludos.
Hola, muy bueno. Pero probaste de hacerlo con categorías y sub categorías? Por ej. yo estoy haciendo la pag. de una libreria, y tengo como categoría ESCOLAR, y como sub-categoría LÁPICES, para cargar el producto tengo que seleccionar ambos.... entonces en el titulo me trae a los dos :( ... Hay alguna forma de seleccionar que traiga solo a las Categorias padre?
Hola María, has probado a hacer un menú con categorías de producto? Así puedes incluir las padre e hijo por separado. Saludos.
Hola, gracias por el cursillo; buena Información. Me ha surgido una pregunta ¿cómo introduces contenido dentro de las páginas de categorias? Sería interesante un H1 y quizas un H2 para lograr algo de posicionamiento. Muchas gracias...
Hola Olimpo, para ello tienes que crear una plantilla de categoría (archive) con el Theme Builder de Elementor y dentro utilizar el widget de Productos.
@@elemenpros ok. Pero lo que no logro es escribir contenido dentro de la pagina de categoria.
Cómo se podría hacer para que cambie sin que cargue en el sentido que ya esté en esa misma página y que solo al tocar la otra categoría te carguen los otros productos
Hola Eduardo, eso lo consigues con el plugin JetSmartFilters. Saludos.
@@elemenpros gracias bro
excelente! pero al momento de hacerlo solo me responde a una sola categoria y no a todas. La condición ya la revise y esta a "todos"
eso es raro..si no seleccionas ninguna categoría en concreto debe aplicar a todas la misma plantilla que uses
@@elemenpros por lo que me dijeron del soporte, tengo que crear una pantilla por cada categoría
@@estefidef5estudio802 como ves en el vídeo a mi no me hace falta crear una plantilla por categoría.. me parece raro que te digan eso
has en tiempo real para entenderte mejor solo parece diapositivas..as uno en tiempo real por q esta bueno esa vista xfas
Una gran duda. Antes que nada gracias! Al hacer aquello para las categorías como pongo imagen para la página de inicio. Sí pongo imagen en inicio,no me deja poner imagen dinámico,Y viceversa. Cómo hago para que inicio y categorías quede así con imagen dinámica? Muchas gracias de nuevo! :)
Hola Karolina, lo que tienes que hacer es meter las imágenes de las categorías dentro de Productos -> Categorías. Luego las muestras de forma dinámica. Saludos.
@@elemenpros Me explique mal. Repito (Perdón): Tengo las imágenes en su categoría correspondiente, hecho. Pero al editar la sección de header para poner la imagen dinámica en categorías ,me deja la pagina de Inicio sin imagen porque está como pagina principal (No como categoría) Necesito que sea dinámica categorías pero al volver a inicio también tenga su imagen en la cabecera. Es una tienda Woocomerce. (Muchas gracias por tu tiempo majo! :) )
Vale, lo que creo que pasa es que lo estás haciendo en el header y como en inicio no detecta ninguna categoría no pone imagen.
Dos soluciones:
- Detectar que estás en la home y meter la imagen de background con CSS.
- Crear una plantilla de header solamente para la home. En condiciones de publicación puedes decirle donde quieres aplique cada header.
No sé como esta plantilla de Categorías de productos se enlaza a cada categoría. Podrías explicarme
Hola Yajaira, fíjate en los comentarios del vídeo que está resuelta esa duda. Saludos.
Buen día, excelente video, que acabado tan profesional... Buen trabajo, acudo a ustedes porque hice mi plantilla tal cual lo planteas aquí... Y configuré para que se vean 5 columnas y 3 filas de productos por páginas, osea son 15 productos, y en el Query coloqué consulta actual. Sucede que solo me muestra 9 productos y no 5 sino 4 columnas, y la única forma de que muestre la cantidad de productos que deseo es que seleccione en Query "Ultimos Productos" y no me sirve xq me muestra productos que no tienen relación con la categoría que se busca. Espero haberme explicado, cómo puedo hacer? Cómo lo solvento? la página es ( amel. cl ) gracias, PD: Uso GeneratePress Premium + Elementor.
Hola Elvis, el problema de que no te muestre bien las filas/columnas es porque cuando cambias a "Consulta Actual" tienes que modificar esa característica en el apartado de Personalizar de tu plantilla, en el menú de WooCommerce. Saludos.
@@elemenpros Wow. Gracias, pensé que era un problema con el pluggin de elementor, mil gracias. Ya pude solventarlo.
Te recomiendo Elementor PRO para tus proyectos! 💪
albertoperojo.com/elementorpro
CSS:
selector ul {
text-transform: uppercase;
letter-spacing: 2px;
list-style: none;
text-align: center;
}
selector ul > li {
display: inline-block;
margin: 20px;
}
selector ul > li > a {
color: #000;
}
Gracias Alberto, me surgen 2 dudas y mira que está bien explicado, pero ser novato es lo que tiene.
Por un lado, dónde se pone la cantidad de productos por fila? No lo encuentro.
Y por último, ¿Se puede incorporar un buscador de producto?
Gracias, un saludo
Hola Pedro, si has hecho una plantilla de archivo de productos es posible que tengas que modificar en tu theme, en la parte del personalizador, aunque si usas Hello te debería dejar hacerlo desde el propio widget de productos.
En cuanto al buscador, hay varias opciones, puedes utilizar el widget nativo de WordPress y luego personalizar la pagina de búsqueda o puedes usar JetSearch de Crocoblock que es un buscador mucho más avanzado y personalizable.
@@elemenpros estoy utilizando Astra, entiendo que será de la misma manera.
Y m pongo manos a la obra con el buscador.
Muchas gracias
buenas noches primero y principal muy bueno el video, trabajo con jetwoobilder y cuando selecciono una categoria me lleva a la tienda y me seleccion la categoria pero tampoco me la filtara que podra ser, desde ya muchas gracias !!!
Hola Javier, no se como lo tienes montado exactamente, aquí te dejo un vídeo con más información: ua-cam.com/video/L6MtNW66MVI/v-deo.html
Saludos.
Hola Alberto, mi página es www.carddomiston.com y estoy en desarrollo de la misma. Quiero Categorizar los productos que están en HOME pero no los he podido trasladar de HOME a CAMISAS por ejemplo. Tu me puedes indicar como activo ELEMENTOR? Cómo podría sacar mis productos del HOME y llevarklos a cada categoría?. Muchas Gracias y quedo atento a tu respuesta.
Hola Ricardo, tienes que crearte una categoría de producto que se llame CAMISAS, asignar productos a esa categoría y luego crear una plantilla de archive aplicada a categorías de producto.
Una vez hecho esto si vas a tuweb.com/camisas deberás ver las camisas con el estilo que hayas definido en esa plantilla.
Eres un crack!
Te agradecería si me puedes solucionar un problema.
Tengo línea masculina y femenina en mi web y meto solo la galeria femenina. Al entrar a la web me aparecen todos los artículos abajo de la galería desordenados con la opción de ordenarlos al gusto del usuario y mezcla productos masculinos y femeninos aleatoriamente.
Como hago para quitar lo de debajo?
Muchísimas gracias por tus tutoriales
Hola Sergio, esto es un poco largo para explicarlo aquí pero lo voy a intentar.
Tienes que hacer una plantilla de "Archivo de Productos" con el theme builder de elementor y meter ahí el widget de productos. En las condiciones de visualización de esa página le tienes que decir que se aplique al "Archivo de productos" y "Categorías de productos".
De esta forma puedes añadir ahora un menú superior con todas las categorías de producto y ya se deberían ver con el mismo formato.
Saludos.
@@elemenpros
Muchas gracias Alberto,
vamos a ello pues.
Un saludo!
bueno y el codigo css tio ? no lo encuentro , y me encanto este video , gracias
selector ul {
text-transform: uppercase;
letter-spacing: 2px;
list-style: none;
text-align: center;
}
selector ul > li {
display: inline-block;
margin: 20px;
}
selector ul > li > a {
color: #000;
}
No entendí cómo hacer eso.
¿Cómo lo puedo poner en mi MENÚ?
Buenas, crea el menú con el maquetador de temas de Elementor PRO y metes ahí el widget de categorías. Saludos.
Hola¡¡ excelente video..pero como hago para q aparezca la imagen de la categoría que quiero?
Hola Meredith, tienes que poner la imagen dentro de cada categoría (Productos -> Categorías) y luego colocar en la plantilla la imagen y escoger la imagen de categoría en las etiquetas dinámicas. Fíjate bien en el vídeo porque ahí lo hago. Saludos.
Cómo se puede hacer en Divi?
No se que es Divi...lo siento 😈
saludos... una cosnulta si por ejemplo tengo la pagina de productos, y quiero tener dos paginas iguales pero que en estas solo se muestren una categoria en epecifico de cada una como se haria en ese caso?.... gracias y excelente el tutorial.... P.D.: te emocionó tu imagen dianmica eh? jejejejeje.
Buenas, lo que creo que quieres hacer es tener varias plantillas según categoría. Puedes crear varias plantillas en el maquetador de temas y en las condiciones de visualización asignar una a cada categoría en concreto. Saludos.
Puedes regalarnos el CSS para el menu de las categorias
Hola, esta debajo del comentario fijado ;)
@@elemenpros Muchas gracias
gracias por el tutorial , muy bueno ... solo que tengo el problema que no aparece condiciones de visualizacion . Solo me dice guardar borrador y guardar como plantilla
Hola Martin, tienes la versión premium de Elementor con licencia? podría ser eso. Saludos.
Si creas una plantilla si te aparece esta opción pero en mi caso no hace nada al pulsarla
Tienes el codigo fuente?
Hola, no puedo sacar el código fuente, lo siento.
Si quisieras armar algo parecido pero en vez de productos que sea con las categorías de las entradas y sus sub categorías. Ej paisajes de América, paisajes de Argentina, como sería? Podrías hacer un tutorial así?
Hola Niqoo, revisa este video: ua-cam.com/video/C2x4CKTzets/v-deo.html
Es parecido pero no, yo tengo una categoría madre que tiene 10 sub categorías, esas 10 sub categorías quiero que cuando entres a la categoría madre se vean como si fueran una entrada y que cuando hagas click en una de esas sub categorías te lleve a todas las entradas relacionadas con esa sub categoría. No se si me logro explicar bien, pero es un mix entre este vídeo, el vídeo q me recomendas y el vídeo que hiciste sobre las entradas del blog general.
@@niqoocrisides4430 creo que ya lo entiendo. No es fácil porque Elementor no tiene un widget para dar estilos a categorías o subcategorías.
Con AnyWhere Elementor podrías crear una página de categoría y mostrar todas esas subcategorías que ya te llevarían a una página de archivo de cada una.
@@elemenpros ya lo logre hacer, jajaja. Gracias igual
@@niqoocrisides4430 ¿Cómo pudiste hacerlo? Yo quiero hacer algo similar pero no sé como podría hacerlo.
Me gusto mucho, porque no me gusta la que enseñan normalmente en los videos
Para el 2023 tienes actualziado el tutorial?
Hola, sí, no ha cambiado mucho la cosa desde entonces. Todo se mantienen más o menos igual. Quizá lo único que puede cambiar es cómo insertar la lista de categorías de productos. Saludos.