{"id":227334,"date":"2022-09-23T20:24:00","date_gmt":"2022-09-23T17:24:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227334"},"modified":"2022-11-11T15:42:55","modified_gmt":"2022-11-11T12:42:55","slug":"como-cambiar-el-numero-de-productos-por-pagina-de-woocommerce","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/como-cambiar-el-numero-de-productos-por-pagina-de-woocommerce\/","title":{"rendered":"C\u00f3mo cambiar el n\u00famero de productos por p\u00e1gina de WooCommerce"},"content":{"rendered":"\n<p>Una de las mayores ventajas de WooCommerce es su variedad de opciones de personalizaci\u00f3n. Puede configurar la apariencia de su p\u00e1gina en casi todos los aspectos, lo cual es excelente para personalizar las p\u00e1ginas de productos.<\/p>\n<p>Este art\u00edculo creado por nuestro equipo en <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WpDataTables<\/a> explorar\u00e1 las opciones de personalizaci\u00f3n de WooCommerce, comenzando con la personalizaci\u00f3n de la cantidad de productos por p\u00e1gina de WooCommerce. \u00bfC\u00f3mo se cambia el n\u00famero de productos por p\u00e1gina?<\/p>\n<p>Esto puede ser un cambio muy \u00fatil para su sitio web. Por ejemplo, si la cantidad de productos que se muestran actualmente en la p\u00e1gina da\u00f1a la funcionalidad de la p\u00e1gina, o si cambiar la cantidad aumentar\u00eda la visibilidad de los productos, esto puede mejorar visualmente su sitio.<\/p>\n<p>Es importante saber c\u00f3mo funciona el n\u00famero de productos por p\u00e1gina de WooCommerce y c\u00f3mo cambiar el n\u00famero. Una soluci\u00f3n r\u00e1pida ser\u00eda la paginaci\u00f3n, pero si no quieres hacer eso, esto es lo que puedes hacer para cambiar la cantidad de productos por p\u00e1gina de WooCommerce.<\/p>\n<h3>\u00bfPor qu\u00e9 cambiar el n\u00famero de productos por p\u00e1gina de WooCommerce?<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-184926-61e88309b3830.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-184926-61e88309b3830.jpg\" alt=\"C\u00f3mo cambiar el n\u00famero de productos por p\u00e1gina de WooCommerce\" ><\/a><\/p>\n<p>Entonces, \u00bfcu\u00e1ndo es \u00fatil cambiar el n\u00famero predeterminado de productos por p\u00e1gina?<\/p>\n<ul>\n<li>Cuando desee aumentar sus ventas mostrando m\u00e1s informaci\u00f3n sobre cada producto individual, o si desea cambiar la visualizaci\u00f3n general de su p\u00e1gina. De forma predeterminada, la cantidad de productos en una p\u00e1gina ser\u00e1 de 16 y se mostrar\u00e1n en 4 filas por 4 columnas.<\/li>\n<li>Hace que sea m\u00e1s f\u00e1cil para sus compradores desplazarse por sus productos y encontrar lo que buscan, especialmente si tiene muchos productos para mostrar. Los usuarios se perder\u00e1n f\u00e1cilmente en una avalancha de productos que no quieren comprar. Perder\u00e1n la paciencia mientras navegan por varias p\u00e1ginas de productos antes de encontrar su producto preferido.<\/li>\n<li>Para que tu p\u00e1gina sea m\u00e1s funcional. Esto podr\u00eda deberse a que tiene demasiados productos en su p\u00e1gina y varias im\u00e1genes o widgets no aparecen correctamente. O bien, est\u00e1 cambiando los tama\u00f1os de imagen que desea mostrar.<\/li>\n<\/ul>\n<h2>C\u00f3mo cambiar el n\u00famero de productos por p\u00e1gina de WooCommerce<\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-184926-61e8830b4076a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-184926-61e8830b4076a.jpg\" alt=\"C\u00f3mo cambiar el n\u00famero de productos por p\u00e1gina de WooCommerce\" ><\/a><\/p>\n<p>Hay dos soluciones f\u00e1ciles a este problema para los usuarios de WooCommerce. Es posible que est\u00e9 limitado por el tema de su sitio, y algunos temas solo permiten algunas soluciones que explicaremos aqu\u00ed.<\/p>\n<p>Antes de comenzar, es vital hacer una copia de seguridad de todo en su p\u00e1gina, haciendo una copia de seguridad del archivo functions.php. Tambi\u00e9n tendr\u00eda sentido tener un <a href=\"https:\/\/codex.wordpress.org\/Child_Themes\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tema secundario<\/a> en su lugar, o todo podr\u00eda desaparecer despu\u00e9s de un tiempo.<\/p>\n<p>Aqu\u00ed hay dos formas de cambiar la cantidad de productos por p\u00e1gina.<\/p>\n<h3>Soluci\u00f3n #1: con el personalizador de temas<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-184926-61e8830ce206d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-184926-61e8830ce206d.jpg\" alt=\"C\u00f3mo cambiar el n\u00famero de productos por p\u00e1gina de WooCommerce\" ><\/a><\/p>\n<p>La forma m\u00e1s f\u00e1cil de cambiar la cantidad de productos por p\u00e1gina de WooCommerce es cambiando la configuraci\u00f3n del tema, sin embargo, primero aseg\u00farese de que su tema lo permita. Si no es as\u00ed, pase a la segunda soluci\u00f3n.<\/p>\n<p>Si es as\u00ed, sigue estos pasos.<\/p>\n<ul>\n<li>Vaya a su \u00e1rea de administraci\u00f3n en WordPress. Coloca el cursor sobre el bot\u00f3n Apariencia.<\/li>\n<li>Deber\u00eda aparecer un men\u00fa desplegable donde puede encontrar la opci\u00f3n Personalizar. \u00c1bralo, y la herramienta de personalizaci\u00f3n de temas de WordPress deber\u00eda abrirse.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-184926-61e8830e2387f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-184926-61e8830e2387f.jpg\" alt=\"C\u00f3mo cambiar el n\u00famero de productos por p\u00e1gina de WooCommerce\" ><\/a><\/p>\n<ul>\n<li>En la barra lateral izquierda, haz clic en WooCommerce. Luego, vaya a Cat\u00e1logo de productos y despl\u00e1cese hacia abajo en el lado izquierdo, donde puede ver los <strong>Productos por fila<\/strong>. Luego, puede establecer la cantidad de productos por p\u00e1gina en el n\u00famero preferido. Tambi\u00e9n puede personalizar el n\u00famero de filas por p\u00e1gina.<\/li>\n<li>Si esto no aparece en la herramienta de personalizaci\u00f3n de su tema, entonces el tema no permite esta opci\u00f3n, \u00a1as\u00ed que pruebe la segunda soluci\u00f3n!<\/li>\n<\/ul>\n<h3>Soluci\u00f3n #2: con un filtro<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-184926-61e8830f8b32a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-184926-61e8830f8b32a.jpg\" alt=\"C\u00f3mo cambiar el n\u00famero de productos por p\u00e1gina de WooCommerce\" ><\/a><\/p>\n<p>Esta opci\u00f3n es para todos aquellos cuyo tema no les permite personalizar los productos por p\u00e1gina. Puede usar un fragmento de c\u00f3digo muy simple e incorporarlo a su archivo functions.php. Simplemente siga estos pasos.<\/p>\n<ul>\n<li>\n<p>Vaya a los archivos de su sitio de WordPress y localice el archivo functions.php del tema secundario. Normalmente, deber\u00eda ubicarse en \/public_html\/wp-content\/themes\/YourThemeName-child\/functions.php.<\/p>\n<\/li>\n<li>\n<p>Si est\u00e1 utilizando un dominio adicional, esta carpeta ser\u00e1: \/public_html\/YourDomain\/wp-content\/themes\/YourThemeName-child\/functions.php.<\/p>\n<\/li>\n<li>\n<p>Luego, debe agregar este fragmento de c\u00f3digo en la parte inferior del archivo o antes de la etiqueta de cierre. Aqu\u00ed est\u00e1 el c\u00f3digo que necesitar\u00e1s ingresar.<\/p>\n<\/li>\n<li>\n<p>Actualice el archivo y gu\u00e1rdelo. Con este filtro, ahora permitir\u00e1 que sus usuarios vean 9 productos por p\u00e1gina.<\/p>\n<\/li>\n<li>\n<p>Siempre puede modificar el n\u00famero a cualquier valor que desee. Para hacer eso, cambie el valor en $col = 9 a cualquier valor que desee.<\/p>\n<\/li>\n<\/ul>\n<h3>Cambiar el n\u00famero de columnas por p\u00e1gina<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-184926-61e88310b8139.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-184926-61e88310b8139.jpg\" alt=\"C\u00f3mo cambiar el n\u00famero de productos por p\u00e1gina de WooCommerce\" ><\/a><\/p>\n<p>Tambi\u00e9n puede cambiar el n\u00famero de columnas por p\u00e1gina; el c\u00f3digo anterior solo cambiar\u00e1 la cantidad de productos por p\u00e1gina. Puede cambiar f\u00e1cilmente el n\u00famero predeterminado de columnas, que es 3, con el siguiente fragmento de c\u00f3digo:<\/p>\n<pre><code>\/\/ Change the Number of Columns Displayed Per Page<\/code><\/pre>\n<p>Ingrese este fragmento de c\u00f3digo en el archivo functions.php. Puede cambiar el n\u00famero de columnas a cualquier n\u00famero que desee; por ejemplo, si desea establecerlo en m\u00e1s de 5 columnas, simplemente puede cambiar el n\u00famero despu\u00e9s de $columns =.<\/p>\n<p>En este ejemplo, el n\u00famero de productos se cambia a 12 y el n\u00famero de columnas a 5.<\/p>\n<h3>Cree tablas, gr\u00e1ficos y cuadros receptivos para WordPress<\/h3>\n<p><a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-184926-61e88311f2041.jpg\" alt=\"C\u00f3mo cambiar el n\u00famero de productos por p\u00e1gina de WooCommerce\" \/><\/a><\/p>\n<p>Si su negocio est\u00e1 creciendo y las ventas est\u00e1n aumentando, entonces puede ofrecer a sus usuarios la oportunidad de comparar los productos. Tambi\u00e9n puede mostrar comparaciones, tablas de precios, estad\u00edsticas u otros datos con tablas.<\/p>\n<p>Para esta tarea, se recomienda <a href=\"https:\/\/wordpress.org\/plugins\/wpdatatables\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a>. Es un complemento premium de WordPress para crear tablas, gr\u00e1ficos y cuadros receptivos, lo que permite la comparaci\u00f3n de productos y proporciona los datos para sus usuarios.<\/p>\n<p>Crear una tabla o un gr\u00e1fico con el complemento es tan f\u00e1cil:<\/p>\n<ul>\n<li>Cree los datos.<\/li>\n<li>Personalice la tabla y agregue elementos receptivos, formato condicional, filtrado de criterios m\u00faltiples y m\u00e1s.<\/li>\n<li>Publique la tabla en su sitio y disfrute de los resultados.<\/li>\n<\/ul>\n<h3>Pensamientos finales sobre cambiar la cantidad de productos por p\u00e1gina en WooCommerce<\/h3>\n<p>Solo use fragmentos de c\u00f3digo de fuentes confiables como <a href=\"https:\/\/codex.wordpress.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress Codex<\/a>, <a href=\"https:\/\/github.com\/explore\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Github<\/a> o <a href=\"https:\/\/stackoverflow.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Stack Overflow<\/a> para asegurarse de que no se cometan errores. Sus desarrolladores tienen mucha experiencia y puedes contactarlos en cualquier momento si hay alg\u00fan problema.<\/p>\n<p>Tambi\u00e9n puede usar temas secundarios para esto. Puede crear temas secundarios y realizar f\u00e1cilmente los cambios que desee. El tema principal permanecer\u00e1 intacto y podr\u00e1 realizar cambios f\u00e1ciles pero efectivos.<\/p>\n<h3>Oye, \u00bfsab\u00edas que los datos tambi\u00e9n pueden ser hermosos?<\/h3>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> puede hacerlo de esa manera. Hay una buena raz\u00f3n por la que es el plugin de WordPress n.\u00ba 1 para crear tablas y gr\u00e1ficos receptivos.<\/p>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-184926-61e8831378843.png\" alt=\"C\u00f3mo cambiar el n\u00famero de productos por p\u00e1gina de WooCommerce\" \/><\/a><\/p>\n<p>Un ejemplo real de wpDataTables en la naturaleza<\/p>\n<p>Y es muy f\u00e1cil hacer algo como esto:<\/p>\n<ol>\n<li>Usted proporciona los datos de la tabla.<\/li>\n<li>Config\u00faralo y personal\u00edzalo<\/li>\n<li>Publicarlo en una publicaci\u00f3n o p\u00e1gina<\/li>\n<\/ol>\n<p>Y no solo es bonito, sino tambi\u00e9n pr\u00e1ctico. Puede crear tablas grandes con <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-mysql-based-wpdatatables-with-server-side-processing\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hasta millones de filas<\/a>, o puede usar <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/advanced-filtering\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">filtros y b\u00fasquedas avanzados<\/a>, o puede volverse loco y <a href=\"https:\/\/wpdatatables.com\/documentation\/front-end-editing\/creating-editable-tables\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hacerlo editable<\/a>.<\/p>\n<p>&quot;S\u00ed, pero me gusta demasiado Excel y no hay nada de eso en los sitios web&quot;. S\u00ed, lo hay. Puede usar <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/conditional-formatting\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">formato condicional<\/a> como en Excel o Google Sheets.<\/p>\n<p>\u00bfTe dije que tambi\u00e9n puedes <a href=\"https:\/\/wpdatatables.com\/documentation\/wpdatacharts\/creating-charts-wordpress-wpdatachart-wizard\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">crear gr\u00e1ficos<\/a> con tus datos? Y eso es solo una peque\u00f1a parte. Hay <a href=\"https:\/\/wpdatatables.com\/features\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">muchas otras caracter\u00edsticas<\/a> para ti.<\/p>\n<p>Si disfrut\u00f3 leyendo este art\u00edculo sobre c\u00f3mo cambiar la cantidad de productos por p\u00e1gina de WooCommerce, debe consultar este sobre c\u00f3mo configurar <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-configurar-productos-relacionados-con-woocommerce-up-sells-cross-sells\/\" title=\"productos relacionados con WooCommerce\">productos relacionados con WooCommerce<\/a>.<\/p>\n<p>Tambi\u00e9n escribimos sobre algunos temas relacionados, como c\u00f3mo exportar <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-exportar-pedidos-de-woocommerce-facilmente\/\" title=\"pedidos\">pedidos<\/a> de <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-crear-variaciones-de-productos-en-woocommerce\/\" title=\"WooCommerce, variaciones\">WooCommerce, variaciones<\/a> de productos de WooCommerce, complementos de <a href=\"https:\/\/wordpress.mediadoma.com\/es\/los-mejores-complementos-de-citas-de-woocommerce-que-puede-obtener\/\" title=\"citas de\">citas de<\/a> <a href=\"https:\/\/wordpress.mediadoma.com\/es\/redireccionamiento-de-woocommerce-despues-del-pago-como-configurarlo\/\" title=\"WooCommerce, redirecci\u00f3n de WooCommerce despu\u00e9s del pago\">WooCommerce, redirecci\u00f3n de WooCommerce despu\u00e9s del pago<\/a>, c\u00f3mo configurar el <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-configurar-el-modo-de-prueba-de-woocommerce-facilmente-para-su-tienda\/\" title=\"modo de prueba\">modo de prueba<\/a> de WooCommerce, <a href=\"https:\/\/wordpress.mediadoma.com\/es\/todo-lo-que-necesita-saber-sobre-la-opcion-de-productos-agrupados-de-woocommerce\/\" title=\"producto agrupado\">producto agrupado<\/a> de <a href=\"https:\/\/wordpress.mediadoma.com\/es\/la-mejor-guia-de-productos-variables-de-woocommerce-que-necesitara\/\" title=\"WooCommerce, producto variable\">WooCommerce, producto variable<\/a> de WooCommerce, <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-ocultar-una-categoria-de-woocommerce-de-la-pagina-de-su-tienda\/\" title=\"WooCommerce ocultar categor\u00eda de la tienda p\u00e1gina\">WooCommerce ocultar categor\u00eda de la tienda p\u00e1gina<\/a> y las mejores <a href=\"https:\/\/wordpress.mediadoma.com\/es\/los-mejores-complementos-de-opciones-de-productos-adicionales-de-woocommerce\/\" title=\"opciones de productos adicionales de WooCommerce\">opciones de productos adicionales de WooCommerce<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una soluci\u00f3n r\u00e1pida ser\u00eda la paginaci\u00f3n, pero si no quieres hacer eso, esto es lo que puedes hacer para cambiar la cantidad de productos por p\u00e1gina de WooCommerce.<\/p>\n","protected":false},"author":1,"featured_media":184927,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[810,831,840,851,861],"tags":[1172],"class_list":["post-227334","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-complementos","category-guia-para-principiantes","category-tutoriales","category-woocommerce-2","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/227334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=227334"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/227334\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/184927"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=227334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=227334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=227334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}