DocumentaciónCommerceContenido y diseño

Widget del carrusel de eventos de catálogo

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Temas:

Creado para:

  • Principiante
  • Intermedio
  • Administrador
  • Usuario
Función Adobe Commerce {width="20"} Característica exclusiva solamente 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, sigue las instrucciones para configurar el widget Evento de catálogo de modo que esté habilitado para la tienda.

Configuración de evento de catálogo

Paso 2: Crear el widget

  1. En la barra lateral Admin, vaya a Content > Elements>Widgets.

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

  3. En la sección Settings, haga lo siguiente:

    • Establezca Type en Catalog Events Carousel.

    • Elija el Design Theme que usa la tienda.

  4. Haga clic en Continue.

    Configuración de widget para un carrusel de eventos {width="500" modal="regular"}

  5. En la sección Storefront Properties, haga lo siguiente:

    • Para Widget Title, escriba un título descriptivo para el widget.

      Este título solo está visible desde Admin.

    • Para Assign to Store Views, seleccione las vistas de la tienda donde desee 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, 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.)

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

Paso 3: Elija la ubicación

  1. En la sección Actualizaciones de diseño, haga clic en Add Layout Update.

  2. Establezca Display On en Specified Page.

  3. Establezca Page en CMS Home Page.

  4. Establezca Container una de las siguientes opciones:

    • 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 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 en 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, escriba el número de eventos que desea enumerar en el control deslizante al mismo tiempo.

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

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

    Para desplazarse al siguiente evento, escriba 1.

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

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

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

  5. Una vez finalizado, 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