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 de subida.

Productos mostrados como una cuadrícula

Configurar listados de productos

  1. En el Administrador barra lateral, vaya a Stores > Settings>Configuration.

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

  3. Expandir Selector de expansión el Storefront sección.

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

    Para ver una lista detallada de estas opciones, consulte Tienda en el Referencia de configuración.

    note note
    NOTE
    Para mostrar correctamente los productos y sus precios según clasificación de productos por precio, asegúrese de que la configuración del precio se muestra en la Configuración de impuestos tienen el mismo valor (Excluding Tax o Including Tax). Para el Calculation Settings, marque la Catalog Prices ​valor. Y para​_Price Display Settings_, marque la Display Product Prices in Catalog valor. 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. Establecer el valor predeterminado List Mode a uno de los siguientes:

    • Grid Only
    • List Only
    • Grid (default) / List
    • List (default / Grid
  5. Para Products per Page on Grid Allowed Values, introduzca 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, introduzca 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. Establecer Product Listing Sorted by al atributo predeterminado utilizado 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 hasta Yes.

  11. Si desea conservar todos los ajustes de paginación a medida que los clientes naveguen por los listados de catálogos, establezca Remember Category Pagination hasta 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 en caché y puede afectar a la forma en que los motores de búsqueda indexan las páginas.

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

    • Para mostrar una lista de productos de categoría plana, defina Use Flat Catalog Category hasta Yes.

    • Para mostrar una lista de productos plana, configure Use Flat Catalog Product hasta 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 hasta Yes.

  14. Cuando termine, 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
Mostrar cuadrícula
View As - Muestra la lista en formato de cuadrícula o lista.
Ordenar por
Sort By - Cambia el orden de la lista. El Used for Sorting in Product Listing ​la propiedad storefront determina qué atributos del producto se puede utilizar 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 el Administrador barra lateral, vaya a Content > Design>Configuration.

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

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

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

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

  4. Para Pagination Frame, introduzca 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, introduzca 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, introduzca el texto que desea que aparezca para el vínculo Siguiente. Déjelo en blanco para utilizar la flecha predeterminada.

  8. Cuando termine, haga clic en Save Configuration.

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