Listados de productos

Los listados de productos se pueden configurar para que aparezcan de forma predeterminada como una lista o cuadrícula. También puede determinar cuántos productos aparecen por página y qué atributo se utiliza para ordenar la lista. La lista de productos incluye un conjunto de controles que se pueden utilizar para ordenar los productos, cambiar el formato de la lista, ordenar por atributo y avanzar de una página a otra.

NOTE
Al ordenar una categoría por un atributo de producto, los productos con los mismos valores de atributo también se ordenan por su Product ID ​en orden ascendente.

Productos mostrados como una cuadrícula

Configurar listados de productos

  1. En la barra lateral Admin, vaya a Stores > Settings>Configuration.

  2. En el panel izquierdo, expanda Catalog y elija Catalog debajo.

  3. Expanda Selector de expansión en la sección Storefront.

    Opciones de configuración de tienda {width="600" modal="regular"}

    Para obtener una lista detallada de estas opciones, consulte Storefront en la Referencia de configuración.

    note note
    NOTE
    Para mostrar correctamente los productos y sus precios según la clasificación de productos por precio, asegúrese de que la configuración del precio que se muestra en la configuración de impuestos sobre ventas tenga el mismo valor (Excluding Tax o Including Tax). Para Calculation Settings, compruebe el valor Catalog Prices. Y para​_Price Display Settings_, compruebe el valor Display Product Prices in Catalog. Si estos tienen valores diferentes, es posible que los filtros de precio de la navegación por capas no filtren y ordenen correctamente los productos por precio.
  4. Establezca el valor predeterminado List Mode en uno de los siguientes:

    • Grid Only
    • List Only
    • Grid (default) / List
    • List (default / Grid
  5. Para Products per Page on Grid Allowed Values, escriba el número de productos que desea que aparezcan por página cuando se muestren en formato de cuadrícula.

    Para introducir una selección de valores, separe cada número con una coma.

  6. Para Products per Page on Grid Default Value, introduzca el número predeterminado de productos que aparecerán en la cuadrícula por página.

  7. Para Products per Page on List Allowed Values, escriba el número de productos que desea que aparezcan por página cuando se muestren en formato de lista.

    Para introducir una selección de valores, separe cada número con una coma.

  8. Para Products per page on List Default Value, introduzca el número predeterminado de productos que aparecen en la lista, por página.

  9. Establezca Product Listing Sorted by en el atributo predeterminado que se utilizó inicialmente para ordenar la lista.

  10. Para dar a los clientes la opción de enumerar todos los productos, establezca Allow All Products on Page en Yes.

  11. Si desea conservar toda la configuración de paginación a medida que los clientes naveguen por las listas de catálogos, establezca Remember Category Pagination en Yes.

    Al habilitar esta configuración, se garantiza que el número de productos mostrados en una lista o cuadrícula se mantenga a medida que los compradores navegan de una categoría a otra. De forma predeterminada, este campo está establecido en No porque utiliza más almacenamiento de caché y puede afectar a la forma en que los motores de búsqueda indexan las páginas.

  12. Si usa un catálogo plano (no recomendado), haga lo siguiente:

    • Para mostrar un listado de productos de categoría plana, establezca Use Flat Catalog Category en Yes.

    • Para mostrar una lista de productos plana, establezca Use Flat Catalog Product en Yes.

  13. Si desea permitir referencias dinámicas para recursos de medios en direcciones URL de categorías y productos, establezca Allow Dynamic Media URLs in Products and Categories en Yes.

  14. Una vez finalizado, haga clic en Save Config.

Controles de página

Control
Descripción
View As
Muestra los productos en formato de cuadrícula o lista.
Sort By
Cambia el orden de la lista.
Show Per Page
Determina cuántos productos aparecen por página.
Vínculos de paginación
Vínculos de navegación a otras páginas.

Controles de paginación

La configuración de Paginación aparece en la parte superior e inferior de la lista y controla el formato de los vínculos de paginación para las listas de productos. Puede establecer el número de vínculos que aparecen en el control y configurar los vínculos Next y Previous. Para que aparezcan los vínculos de paginación, debe haber más productos en la lista de los permitidos por página en la configuración de la lista de productos.

Controles de paginación

Controles de paginación de tienda

Control
Descripción
Cuadrícula de visualización
View As - Muestra la lista en formato de cuadrícula o lista.
Ordenar por
Sort By - Cambia el orden de la lista. La propiedad de tienda Used for Sorting in Product Listing ​determina qué atributos de producto se pueden usar para ordenar la lista.
Mostrar por página
Show Per Page: determina cuántos productos aparecen por página.
Vínculos de paginación
Vínculos de paginación: vínculos de navegación a otras páginas.

Configuración de los controles de paginación

  1. En la barra lateral Admin, vaya a Content > Design>Configuration.

  2. Busque la vista de tienda que desea configurar y, en la columna Action, haga clic en Edit.

  3. En Other Settings, expanda Selector de expansión en la sección Pagination.

    Paginación {width="600" modal="regular"}

    Para obtener más información acerca de esta configuración, vea Configuración de diseño.

  4. Para Pagination Frame, escriba el número de vínculos que desea que aparezcan en el control de paginación.

  5. Para Pagination Frame Skip, introduzca el número de vínculos que desea saltar antes de mostrar el siguiente conjunto de vínculos en el control de paginación.

    Por ejemplo, si el marco de paginación tiene cinco vínculos y desea ir a los cinco vínculos siguientes, ¿cuántos vínculos desea saltar? Si establece el valor en cuatro (4), el último vínculo del conjunto anterior es el primer vínculo del conjunto siguiente.

  6. Para Anchor Text for Previous, escriba el texto que desea que aparezca para el vínculo Anterior.

    Déjelo en blanco para utilizar la flecha predeterminada.

  7. Para Anchor Text for Next, escriba el texto que desea que aparezca para el vínculo Siguiente. Déjelo en blanco para utilizar la flecha predeterminada.

  8. Una vez finalizado, haga clic en Save Configuration.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071