DocumentaciónCommerceContenido y diseño

Widget de lista de nuevos productos

Last update: Mon Nov 27 2023 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Temas:

Creado para:

  • Principiante
  • Intermedio
  • Administrador
  • Usuario

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 forma predeterminada, la variable Nuevos productos Esta lista incluye los ocho primeros productos añadidos más recientemente. Sin embargo, también se puede configurar para incluir solo productos dentro de un intervalo de fechas especificado.

Lista de nuevos productos en la página principal de la tienda

Paso 1: Establecer cada producto como nuevo

Magento Open Source Este paso solo se aplica al Magento Open Source.

Adobe Commerce Para tiendas Adobe Commerce, consulte Programando una actualización y, a continuación, continúe con el paso 2 de esta página.

Set Product as New ​la configuración del intervalo de fechas solo se puede configurar en actualizaciones programadas.

Al establecer un producto como nuevo, se agrega el producto al Nuevos productos lista. Puede volver a cambiar la configuración en cualquier momento en el que ya no desee incluirla en la lista.

  1. En el Administrador barra lateral, vaya a Catalog > Products.

  2. Busque todos los productos que desee incluir en la función y ábralos en el modo de edición.

  3. Para Set Product as New, active la opción para configurar el producto como nuevo producto o no.

    Configuración del producto como nuevo {width="400" modal="regular"}

  4. Cuando termine, haga clic en Save.

  5. 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.

  1. En el Administrador barra lateral, vaya a Content > Elements>Widgets.

  2. En la esquina superior derecha, haga clic en Add Widget.

  3. En el Settings, haga lo siguiente:

    • Establecer Type hasta Catalog New Products List.

    • Elija la Design Theme que utiliza la tienda.

  4. Haga clic Continue.

    Nueva configuración del widget de lista de productos {width="600" modal="regular"}

  5. En el Storefront Properties, haga lo siguiente:

    • Para Widget Title, introduzca un título descriptivo para el widget. (Este título solo es visible desde el Administrador.)

    • 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, introduzca 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.)

    Actualizaciones de diseño {width="600" modal="regular"}

Paso 3: Elija la ubicación

  1. En el Layout Updates, haga clic en Add Layout Update.

  2. Establecer Display On hasta Specified Page.

  3. Establecer Page hasta CMS Home Page.

  4. Establecer Block Reference hasta Main Content Area.

  5. Establecer Template a uno de los siguientes:

    • New Product List Template

    • New Products Grid Template

      Actualizaciones de diseño {width="600" modal="regular"}

  6. Haga clic Save and Continue Edit.

    Por ahora, puede ignorar el mensaje para actualizar la caché.

Paso 4: Configuración de la lista

  1. En el panel izquierdo, elija Widget Options.

  2. Establecer Display Products a uno de los siguientes:

    • All Products - Enumera los productos en secuencia, empezando por el agregado más recientemente.
    • New Products - Enumera solo los productos identificados como nuevo. 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.

  3. Para proporcionar control de navegación a listas con varias páginas, establezca Display Page Control hasta Yes.

    Para Number of Products per Page, introduzca el número de productos que desea que aparezcan en cada página.

  4. Configure las variables Number of Products to Display al número de productos nuevos que desea incluir en la lista.

    La configuración predeterminada es 10.

  5. Para Cache Lifetime (Seconds), elija con qué frecuencia desea actualizar la lista de nuevos productos.

    De forma predeterminada, la caché se establece en 86 400 segundos (24 horas).

    Opciones del widget {width="600" modal="regular"}

  6. Cuando termine, haga clic en Save.

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

  1. En el Administrador barra lateral, vaya a Content > Elements>Pages.

  2. Busque la página en la cuadrícula en la que la variable Nuevos productos y haga clic en el icono Preview vínculo en el Action ​columna.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de