Customization

You can customize your gallery in various ways:

• You can adjust how your gallery looks by adding a custom CSS to your site, much like how we added CSS in the swiper demos. Unfortunately, a full tutorial on CSS is outside of the scope of this demo, although I highly recommend css-tricks.com!
• You can use the "component inspector" to set some basic options for each gallery, additionally, you can include custom options that the plugin adds to the generated script. Again, we covered this in some of the demo pages.
• You can adjust additional settings in the plugin back-end page, you can even completely override the generated script there.
• Finally, you can override component partials in your theme

For a detailed look at all of the above, please refer to the November Gallery Docs.

  Setting Script Options

In each demo, you were also able to read about some possible additional options you can set on your galleries. It is important to understand which underlying JS library is used for each gallery. Currently, all galleries except for Swiper use UniteGallery. Swiper uses...Swiper.

So, for example, if you wish to make sure autoplay resumes even if there is any user interaction, then you can read up on the autoplay options in the Swiper API documentation. You can then set this in OctoberCMS in the component inspector for the Slider component, in the "Additional Swiper Options" parameter: autoplay: {disableOnInteraction=false}

Similarly, if you wish to disable the "full-screen" option on the UniteGallery slider, you can find the relevant option on the UniteGallery Slider docs. You can then set this in the component inspector for the Embedded Gallery component in "Script options" parameter: slider_enable_fullscreen_button: false