Cómo configurar la vista de catálogo

Usted probablemente ha visto muchos sitios en Internet enumerando sus productos en el formato de tablas (lado a lado) y en el formato de lista (uno debajo del otro). Y ya debe haber visto algunas tiendas en Magento con estos formatos.

Lo que usted no ha visto, es que puede cambiar estos valores predeterminados de frontend en backend. Configurando así el formato de presentación, la cantidad de elementos enumerados, el orden de presentación, entre otras cosas.

Tabla o Lista

Para realizar cambios en la visualización de su catálogo en frontend comience accediendo:

Sistema > Configuración > Catálogo > Catálogo [Frontend]

Vamos a conocer las opciones que se pueden configurar, y cómo afecta a la presentación de su tienda.

Forma de mostrar los productos – Aquí usted informa cómo el sistema debe exhibir sus productos, si en formato de lista o tabulado. Con la posibilidad de mantener las dos opciones disponibles para el cliente.

Si usted tiene dudas de qué modelo es más aceptado por su público, busque el Event Tracking Google y hacer una prueba A/B.

Productos por página en la tabla de valores permitidos – Estos números se refieren a la cantidad de productos mostrados por página. Los números deben estar separados por coma.

Muchos usuarios no les gusta la paginación, y prefieren cargar un número mayor de productos por página.

Productos por página en la tabla de valores predeterminada – Aquí se define cuál de los valores previamente informados será su cantidad predeterminada de visualización. Entonces en el elemento anterior usted puede tener varios números, pero sólo uno de estos números será el estándar cuando el cliente visita su página.

Este valor debe ser obligatoriamente informado en el campo anterior para su uso predeterminado.

Productos por página en la lista de valores permitidos y Productos por página en la lista de valores predeterminados – Funcionan exactamente de la misma forma que los dos campos anteriores, pero para el modo Lista.

Organizando el orden de presentación

Los dos campos siguientes le permiten ordenar cómo se enumeran los elementos anteriores en la página.

Permitir Ver todos los productos en la página – El valor predeterminado de la instalación viene como “No“. Y dependiendo del volumen de productos que usted tiene por categoría, es mejor mantener así.

Sin embargo, es posible añadir la opción “Todos ” en el combobox que muestra la cantidad de productos por página – del campo que ha configurado previamente.

Esto elimina la paginación de su categoría cargando todos los productos a la vez. Sólo tienes que marcar la opción “” – no se recomienda para categorías con gran volumen de productos.

Listando productos por orden – ¿Cómo desea organizar sus productos? ¿Por nombre? ¿Por precio? ¿Por color tal vez? Aquí es posible informar cuál será el atributo de ordenación de los resultados – en el SQL su ORDER BY.

También puede incluir otros atributos en este combobox. Lea el post Cambiando el orden de visualización de los productos.

Optimización de la carga

Además de estas informaciones de visualización también es posible hacer algunas configuraciones de performance, como veremos abajo:

Utilizar Catálogo de categoría plana – Carga toda la información de categorías en una sola tabla para mejorar el rendimiento en el frontend de la tienda. Recomendado para cualquier tipo de tienda.

Uso de Catálogo de Productos Flat – Carga toda la información del producto en una sola tabla, mejorando así el rendimiento del sistema a la hora de cargar la información en el frontend. Magento recomienda habilitar esta opción si su tienda tiene más de 1.000 productos.

De forma predeterminada, estos dos campos se marcan como “No“, para no afectar su rendimiento durante la creación de la tienda. Pero se recomienda que cambie a “” al finalizar los registros de productos y categorías de su tienda.

Permitir URL dinámica de medios en los productos y las categorías – De forma predeterminada se marca como ““, permitiéndole usar etiquetas “genéricas” construir urls de imágenes y archivos de medios. Esta pequeña “ventaja” a la hora de desarrollar sus páginas genera un costo de desempeño.

Entonces si usted está buscando rendimiento, cambie la opción a “No“. Al realizar este cambio, asegúrese de que todas las imágenes de su tema siguen funcionando.

Si su plantilla/tema está dentro de los patrones de Magento, probablemente la página responsable de la lista de todas estas configuraciones es el list.phtml que se encuentra en:

app > design > frontend > base > default > template > catalog > product > list.phtml

Y dentro de este archivo se realiza la verificación y la construcción de los modos lista/tabla de visualización. En el caso de que el nombre del archivo sea “list“, tiene el modo “list” como el modo “grid“.

¿Y quién diría que un asunto tan simple traería tanta información valiosa hein!?

Éxito!