Content Viewer (Membership)

Qué hace esta sección

Plays a collection's items — video, image, document or audio; shows a paywall to non-members

Dónde se coloca

• Puedes usarla tantas veces como quieras en una página.
• Esta sección está en todos los planes: no necesita ningún complemento.

Estilos

Distintos aspectos para la misma sección. Puedes cambiar el estilo más tarde; tu contenido se mantiene.

Los primeros 2 estilos de cada sección están abiertos en todas las tiendas. El resto se desbloquea con el complemento Editor de páginas, todos a la vez.

• Theater

  Gratistheater

  Large viewer on top, item strip below

  Propios de este estilo: title, subtitle, playlistId, useCollectionInfo, autoplayFirst, aspectRatio, playerRadius, showLessonList, showDuration, showThumbnails, showLessonNumbers, showItemDescriptions, showItemCount, showTotalDuration, showFreePreviewCount, showCompletion, previewBadgeText, listBg, activeItemColor, itemNoun, downloadLabel, paywallTitle, paywallBody, paywallCtaText, paywallCtaHref, paywallBg, showPreviewHint, anchorId

• Stacked

  Gratisstacked

  Player full width, the outline below as full-width rows

  Propios de este estilo: title, subtitle, playlistId, useCollectionInfo, autoplayFirst, aspectRatio, playerRadius, showLessonList, showDuration, showThumbnails, showLessonNumbers, showItemDescriptions, showItemCount, showTotalDuration, showFreePreviewCount, showCompletion, previewBadgeText, listBg, activeItemColor, itemNoun, downloadLabel, paywallTitle, paywallBody, paywallCtaText, paywallCtaHref, paywallBg, showPreviewHint, anchorId

• Filmstrip

  Editor de páginasfilmstrip

  A horizontally scrolling thumbnail strip below the player

  Propios de este estilo: title, subtitle, playlistId, useCollectionInfo, autoplayFirst, aspectRatio, playerRadius, showLessonList, showDuration, showThumbnails, showLessonNumbers, showItemDescriptions, showItemCount, showTotalDuration, showFreePreviewCount, showCompletion, previewBadgeText, listBg, activeItemColor, itemNoun, downloadLabel, paywallTitle, paywallBody, paywallCtaText, paywallCtaHref, paywallBg, showPreviewHint, anchorId

• Thumbnail Rail

  Editor de páginasrail

  A slim vertical thumbnail rail beside the player

  Propios de este estilo: title, subtitle, playlistId, useCollectionInfo, autoplayFirst, aspectRatio, playerRadius, showLessonList, showDuration, showThumbnails, showLessonNumbers, showItemDescriptions, showItemCount, showTotalDuration, showFreePreviewCount, showCompletion, previewBadgeText, listBg, activeItemColor, itemNoun, downloadLabel, paywallTitle, paywallBody, paywallCtaText, paywallCtaHref, paywallBg, showPreviewHint, listPosition, anchorId

• Side List

  Editor de páginasinline-list

  Viewer on the left, scrollable item list on the right

  Propios de este estilo: title, subtitle, playlistId, useCollectionInfo, autoplayFirst, aspectRatio, playerRadius, showLessonList, showDuration, showThumbnails, showLessonNumbers, showItemDescriptions, showItemCount, showTotalDuration, showFreePreviewCount, showCompletion, previewBadgeText, listBg, activeItemColor, itemNoun, downloadLabel, paywallTitle, paywallBody, paywallCtaText, paywallCtaHref, paywallBg, showPreviewHint, listPosition, anchorId

• Course Sidebar

  Editor de páginascourse-sidebar

  Sales-page course layout: viewer, chapter card and buy card on the left, gradient-headed chapter list on the right

  Propios de este estilo: title, subtitle, highlightedWord, showHeadingOrnament, outlineTitle, playlistId, useCollectionInfo, autoplayFirst, aspectRatio, playerRadius, showDuration, showThumbnails, showLessonNumbers, showItemDescriptions, showItemCount, showTotalDuration, showFreePreviewCount, showCompletion, previewBadgeText, itemNoun, downloadLabel, showBuyCard, buyFeatures, buyButtonText, buyNote, paywallTitle, paywallBody, paywallCtaText, paywallCtaHref, paywallBg, showPreviewHint, listPosition, anchorId

Ajustes

Los campos que aparecen en el panel Ajustes de sección, a la derecha, al seleccionar esta sección.

Comunes a todos los estilos

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height