Widget de lista de nuevos productos
La lista de nuevos productos es un ejemplo de contenido dinámico y consiste en datos activos que se extraen del catálogo de productos. De manera predeterminada, la lista Nuevos productos incluye los ocho primeros productos agregados más recientemente. Sin embargo, también se puede configurar para incluir solo productos dentro de un intervalo de fechas especificado.
Paso 1: Establecer cada producto como nuevo
Este paso se aplica solo al Magento Open Source.
Para las tiendas Adobe Commerce, consulta Programando una actualización y continúa con el Paso 2 de esta página.
La configuración del intervalo de fechas Set Product as New solo se puede configurar en actualizaciones programadas.
Al establecer un producto como nuevo, se agrega el producto a la lista Nuevos productos. Puede volver a cambiar la configuración en cualquier momento en el que ya no desee incluirla en la lista.
-
En la barra lateral Admin, vaya a Catalog > Products.
-
Busque todos los productos que desee incluir en la función y ábralos en el modo de edición.
-
Para Set Product as New, cambie la opción para establecer el producto como nuevo producto o no.
{width="400" modal="regular"}
-
Una vez finalizado, haga clic en Save.
-
Cuando se le pida que vuelva a indexar y actualice la caché de la página, haga clic en los vínculos en la parte superior de la página y siga las instrucciones.
Paso 2: Crear el widget
La herramienta Widget genera el código que determina el contenido de la lista Nuevos productos y su ubicación en la tienda.
-
En la barra lateral Admin, vaya a Content > Elements>Widgets.
-
En la esquina superior derecha, haga clic en Add Widget.
-
En la sección Settings, haga lo siguiente:
-
Establezca Type en
Catalog New Products List
. -
Elija el Design Theme que usa la tienda.
-
-
Haga clic en Continue.
{width="600" modal="regular"}
-
En la sección Storefront Properties, haga lo siguiente:
-
Para Widget Title, escriba un título descriptivo para el widget. (Este título solo es visible desde Admin.)
-
Para Assign to Store Views, seleccione las vistas de la tienda donde el widget sea visible.
Puede seleccionar una vista de tienda específica o
All Store Views
. Para seleccionar varias vistas, mantenga pulsada la tecla Ctrl (PC) o la tecla Comando (Mac) y haga clic en cada opción. -
(Opcional) Para Sort Order, escriba un número para determinar el orden en que aparece este elemento con otros en la misma parte de la página. (
0
= primero,1
= segundo,3
= tercero, etc.)
{width="600" modal="regular"}
-
Paso 3: Elija la ubicación
-
En la sección Layout Updates, haga clic en Add Layout Update.
-
Establecer Display On en
Specified Page.
-
Establezca Page en
CMS Home Page
. -
Establezca Block Reference en
Main Content Area
. -
Establezca Template en una de las siguientes opciones:
-
New Product List Template
-
New Products Grid Template
{width="600" modal="regular"}
-
-
Haga clic en Save and Continue Edit.
Por ahora, puede ignorar el mensaje para actualizar la caché.
Paso 4: Configuración de la lista
-
En el panel izquierdo, elija Widget Options.
-
Establezca Display Products en una de las siguientes opciones:
All Products
: enumera los productos en secuencia, empezando por el agregado más recientemente.New Products
: enumera solo los productos identificados como nuevos. Un producto se considera nuevo durante el intervalo de fechas especificado en Set Product As New From/To. La lista está vacía si caduca el intervalo de fechas sin haber definido ningún producto nuevo.
-
Para proporcionar control de navegación para listas con varias páginas, establezca Display Page Control en
Yes
.Para Number of Products per Page, ingrese el número de productos que desea que aparezcan en cada página.
-
Establezca la opción Number of Products to Display en el número de productos nuevos que desee incluir en la lista.
La configuración predeterminada es
10
. -
Para Cache Lifetime (Seconds), elija la frecuencia con la que desea actualizar la lista de nuevos productos.
De forma predeterminada, la caché se establece en 86 400 segundos (24 horas).
{width="600" modal="regular"}
-
Una vez finalizado, haga clic en Save.
-
Cuando se le pida que actualice la caché, haga clic en el vínculo del mensaje en la parte superior de la página y siga las instrucciones.
Paso 5: Previsualizar su trabajo
-
En la barra lateral Admin, vaya a Content > Elements>Pages.
-
Busque la página en la cuadrícula en la que aparecerá la lista Nuevos productos y haga clic en el vínculo Preview de la columna Action.