Acronym: Owl Showcase Particle
Your Guide to Recreating Elements of the Acronym Demo for WordPress
Introduction
The Owl Showcase particle is a diverse particle with multiple layouts, a wide range of features and customization options, and the ability to source content from both the CMS and custom items set up in the particle itself.
The Owl Showcase particle is based on the open source project of the same name by Bartosz Wojciechowski.
Here are the topics covered in this guide:
Configuration
The settings panel for Owl Showcase is filled with options, bells, and whistles you can use to configure your particle. Here is a quick breakdown of the settings you will find in this particle in Acronym.
Main Options
| Option | Description |
|---|---|
| CSS Classes | Sets the CSS class for the content of the particle. |
| Content Source | Select Particle or WordPress to determine where particle content is pulled from. |
| Demo Sync | Enable or Disable sync with demo presets. |
| Lazy Loading | Enable or Disable the loading of images as they are needed rather than all at once. |
| Display at Once | Determines how many items are displayed at a given time in the particle. |
| Title | Sets the title of the particle, as it will appear on the front end. |
| Description | s you to enter a description for the particle. This is independent of individual item descriptions. |
| In Animation | Sets the animation type as content is brought in. fadeIn is a popular option. |
| Out Animation | Sets the animation type as content is removed on the front end. fadeOut is a popular option. |
| Prev Next | Enables a previous / next switcher on the front end. |
| Prev Text | Allows you to set text that appears in the Previous switch on the front end. |
| Next Text | Allows you to set text that appears in the Next switch on the front end. |
| Dots | Enables or disables pagination dots. |
| Loop | Enables or disables looping of content, going from finish to start continuously. |
| Autoplay | Enables or disables autoplay, allowing the particle to automatically move through items. |
| Autoplay Speed | Sets the speed at which items are automatically progressed in autoplay. |
| Pause on Hover | Pauses the automatic switching between items in autoplay. |
Item Options
These items only appear on the front end if you select Particle as the Content Source.
| Option | Description |
|---|---|
| Owl Showcase Item Name | Sets the name for the item in the carousel. This is only seen on the back end. |
| Owl Showcase Item Image | Enables you to define an image for the item. This is the primary image that appears most prominently as the item is displayed. |
| Owl Showcase Item Icon | You can use this field to assign an icon to the item that appears with its Title. For example: fa fa-cogwheel fa-fw. |
| Owl Showcase Item Title | Enter a title for the item here. |
| Owl Showcase Item Description | This is the main content body of the item. Enter any information you want to have displayed in paragraph form here. |
| Owl Showcase Item Link | This is where you would enter a link you want the item to send visitors to when clicked. |
CMS Options
These options are only useful if you select WordPress as the Content Source.
| Option | Description |
|---|---|
| WordPress Categories | Enables you to set which categories (by name) appear in the particle. |
| Posts to Fetch | Sets the number of posts you want to have fetched by the particle from the CMS. |
| Featured Image | Sets whether or not the particle will display the post's assigned featured image. |
| Post Title | Sets whether or not the post will display the post's title. |
| Post Content | Sets whether or not the post will display the post's content. |
| Content Type | Select between Content and Excerpt which uses content you place in the Excerpt field for the post. |
| Link | Enables or disables direct links to the post(s) from the particle. |