Blocks, Image Slider

There are two types of image sliders.

Adding a slider block

  1. Reference the concrete5 add a block documentation. In the Multimedia section choose the Image slider block.
  2. Drag and drop the block into the intended area.
../_images/blocks-image-slider-add.jpg

Edit Sliders Custom Template

  1. Reference the concrete5 in page editing documentation.
  2. Click on the slider block to begin editing.
../_images/blocks-image-slider-edit-block-menu.jpg
  1. Choose the Design and Custom Template option in the pop up menu.

  1. Then choose the gear icon in the edit menu bar.
../_images/blocks-image-slider-edit-block-menu2.jpg
  1. In Custom Template there are two sliders that can be selected.
  • supermint-simple
  • supermint-slider
../_images/blocks-image-slider-edit-block-menu3.jpg
  1. The design of the image-slider is made to be displayed in full width. If the block is inserted into a small Area, like columns, the custom class into-columns must be applied on the block.

  1. The Supermint options can be selected in the dashboard. Click on Sliders.
../_images/concrete5-dashboard-theme-supermint-options2.jpg
  1. See the theme dashboard.
../_images/blocks-image-slider-simple-theme-dashboard.jpg

Supermint Simple

A manual slide show controlled by the user with one admininstrative option Image Slider Transition.

Supermint Slider

An automatic or manual slide show with many options.

../_images/blocks-image-slider-theme-dashboard.jpg

Original reference: web.archive.org page