DocumentaciónCommerceContenido y diseño

Widget del carrusel de eventos de catálogo

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

Creado para:

  • Principiante
  • Intermedio
  • Administrador
  • Usuario
Función Adobe Commerce {width="20"} Función exclusiva solo en Adobe Commerce (Más información)

Un widget de carrusel de eventos de catálogo muestra un control deslizante de los próximos eventos con un marcador de cuenta atrás para cada evento. Puede elegir las páginas y el área del diseño de página donde desea que aparezca el carrusel, así como controlar el ancho y el número de eventos que aparecen al mismo tiempo. El resultado obtenido depende de la temática, de dónde se coloque para que aparezca en la página y de las opciones que elija.

Carrusel de eventos en la barra lateral izquierda

Antes de empezar, siga las instrucciones para configurar el Evento de catálogo widget para que esté habilitado para la tienda.

Configuración de evento de catálogo

Paso 2: Crear el widget

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

    • Elija la Design Theme que utiliza la tienda.

  4. Haga clic Continue.

    Configuración de widget para un carrusel de eventos {width="500" 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 Administrador.

    • Para Assign to Store Views, seleccione las vistas de tienda en las que desea que 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.)

      Propiedades de tienda de widget {width="600" modal="regular"}

Paso 3: Elija la ubicación

  1. En el Actualizaciones de diseño , haga clic en Add Layout Update.

  2. Establecer Display On hasta Specified Page.

  3. Establecer Page hasta CMS Home Page.

  4. Establecer Container una de las siguientes:

    • Main Content Area
    • Sidebar Additional
    • Sidebar Main
    note note
    NOTE
    Los resultados varían según la temática y el diseño de la página. También debe especificar la variable Catalog Events Carousel Default Template ​en la configuración de categoría.

  5. Si desea que el carrusel de eventos aparezca en otra ubicación de la tienda, haga clic en Add Layout Update y repita estos pasos para esa ubicación.

    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: Configurar las opciones

  1. En el panel izquierdo, elija Widget Options.

  2. Para Frame Size, introduzca el número de eventos que desea enumerar en el control deslizante al mismo tiempo.

    Para ver solo un evento a la vez, escriba 1.

  3. Para Scroll, introduzca el número de listados de eventos que desea desplazar por clic.

    Para desplazarse al siguiente evento, escriba 1.

  4. Para una anchura personalizada, introduzca el número de píxeles para Block Custom Width.

    En la siguiente página de ejemplo, la anchura personalizada se establece en 250 píxeles.

    Opciones del widget de anchura personalizado {width="400" modal="regular"}

  5. Cuando termine, haga clic en Save.

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

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