Slick

If you copy paste the lines here into CKEditor, be sure to view CKEditor source and remove the surrounding <code>...</code>.
Create a slideshow/ carousel with a shortcode. Pay attention to attributes, slashes, single and double quotes:

  1. Basic, with inline HTML:
    [slick]...[slide]...[/slide]...[/slick]
  2. With self-closing data=ENTITY_TYPE:ID:FIELD_NAME:FIELD_IMAGE, without inline HTML:
    [slick data="node:44:field_media" /]
    [slick data="node:44:field_media:field_media_image" /]
    Required: ENTITY_TYPE:ID:FIELD_NAME, where ENTITY_TYPE is node -- only tested with node, ID is node ID, FIELD_NAME can be field Media, Entityreference, Image, Text (long or with summary), must be multi-value, or unlimited.
    Optional: FIELD_IMAGE named field_media_image as found at Media Image/ Video for hires poster image, must be similar and single-value field image for all media entities to have mixed media correctly. This is not field image at Node, it is at Media.
  3. With settings and or options, to override Slick filter settings:
    [slick settings="{}" options="{}"]..[slide]..[/slide]..[/slick]
    Where settings is HTML settings as seen at Filter, Field or Views UI forms, and options is JavaScript options as seen at Optionset UI forms.
  4. Options only: any JavaScript options relevant from slick/config/install/slick.optionset.default.yml:
    [slick options="{'type': 'loop', 'arrows': false, 'pagination': true}"]...[/slick]
  5. HTML settings only: any HTML settings relevant from SlickDefault/ BlazyDefault methods:
    [slick settings="{'optionset': 'x_main', 'skin': 'fullwidth', 'layout': 'bottom'}"]...[/slick]
    To force disabling enabled navigation, add 'nav': false
  6. With grid: similar to Blazy grid + visible items:
    STYLE:SMALL-MEDIUM-LARGE:VISIBLE_ITEMS [slick grid="nativegrid:2-3-4:8" /]
  7. With HTML caption for each [slide], if not using Filter caption for a reason:
    [slide caption='Read more']...
    Use single quotes for HTML caption, else broken. The link is normally converted automatically when using WYSIWYG. This will replace Filter caption if they both exist.


Tips, if any issues: