wc.widgets.Carousel
El widget de carrusel se envuelve alrededor de un complemento de terceros, Owl Carousel
. El widget de carrusel se utiliza en los widgets de carrusel y de recomendación de contenido para mostrar varios contenidos que pasan de una imagen a la siguiente. De forma predeterminada, el control de paginación heredado del carrusel de Owl está desactivado. HCL Commerce genera el control de paginación con los botones de paginación especificados.
Salida de ejemplo
![Ejemplo de una salida de carrusel](../images/locale/carousel.gif)
Ejemplo
<div data-widget-type="wc.Carousel" data-widget-options="
{‘prevButton’: ‘a.prevPageButton’, ‘nextButton’: ‘a.nextPageButton’, ‘overflowVisible’: true,
‘owlCarouselOptions’: {‘singleItem’: true}}" >
</div>
Parámetros
- prevButton
- (Cadena) El selector jQuery para el botón de Anterior. Puede especificar un valor false no utilizado si no existe el botón de Anterior.
- nextButton
- (Cadena) El selector jQuery para el botón de Siguiente . Puede especificar un valor false, no utilizado si no existe el botón de Siguiente .
- paginationButtons
- (Cadena) El selector jQuery para el botón de Paginación . Puede especificar un valor false, no utilizado si no existe el botón de Paginación .
- overflowVisible
- (Booleano) Determine si se debe visualizar contenido que sea mayor que el contenedor.
- owlCarouselOptions
- (Objeto) Especifique las opciones que se admiten en el carrusel de OWL, como
slideSpeed
osingleItem
. - contentContainer
- (Cadena) El elemento que contiene el contenido.