RokSprocket: Strips Layout Mode

Strips

Strips displays content in long rectangular blocks, which appear vertically on larger browsers and horizontally on smaller mobile screens.

Themes

The Strips layout mode has four built-in themes. These include: Default, Separated, Cards, and Parallel.

The Default theme gives you a simple, flexible layout for your content that gives your images center stage, overlaying your text content on top. You can set this theme up in several different ways.

The Separated theme gives each item in your module its own content area, each with plenty of room for your image, title, and description content.

The Cards theme is all about your images. This theme makes it easy to display rich, bold content in a single module without sacrificing that modern, stylish look.

The Parallel theme gives your items plenty of room to roam, highlighting text content and presenting it in a clean, professional way.

Setup

1

Title

This is the title of your module.

2

Show Title

Determines whether the title of the module will appear for visitors or remain hidden.

3

Status

Sets the publishing status for the module.

4

Access

Sets the access level for the module.

5

Filtered Article List Options

Gives you access to item-specific settings for the articles title, description, image, and link.

6

Content Filter Rules

Sets the content filter rules for the module.

1. The Title field gives you the ability to set a title for the module itself. Every module has to have a title, though you can opt to hide it from public view for a cleaner, more template integrated look. The Position field right below it gives you the ability to set the position within the template's layout the module should appear in.

2. The Show Title option gives you the ability to determine whether or not the title of the module will appear with the module on the frontend.

3. The Status option allows you to determine the current publishing status of the module. An unpublished module will still appear on the backend for administrators, but will not appear on the live site.

4. The Access option gives you the ability to determine which user group will be able to see the module on the frontend. Someone logged in as a registered user may be able to see a module set at that level while random visitors do not see it.

5. The Filtered Article List gives you access to item-specific settings including:

   • Title - Allows you to override the article title in the module. The article title will be used if this is left at Default.
   • Description - Allows you to set a description for the item. If this is left at Default the introtext from the article is used.
   • Image - This allows you to circumvent the assigned image from the article and replace it with one specifically for the feature.
   • Link - If set, the link will show a Read More button as well as link the title. On specific themes, it will link the image in the feature, as well.

6. The Content Filter Rules section gives you the ability to determine how the module will pull content to make up the items. For example, you can have the module pull articles that are within a specific category, contain a particular name or keyword in the title, or choose specific articles. You can also modify how this content is sorted in the module.

1

Display Limit

The amount of articles to show when rendering.

2

Theme

This sets the theme for displaying strips in the module.

3

Article Titles

This toggle enables you to show or hide article titles.

4

Article Text

This toggle allows you to show or hide article text in a strips.

5

Preview Length

This option sets the amount of words you wish to limit the preview to within the module's article display.

6

Strip HTML Tags

This option removes HTML tags from the description of an article.

7

Arrow Navigation

This option determines whether you wish to show or hide the arrow navigation controls on the module.

8

Pagination

This toggle gives you control over whether or not you wish to show pagination.

9

Animation

This dropdown gives you the ability to set the type of animation that happens during transitions from one feature to the next.

10

Autoplay

Sets whether you want the module to start rolling through strips automatically when the page loads, or to await a command from the visitor.

11

Autoplay Delay

Sets the amount of time between cycled strips in the module. The longer this delay (in seconds), the longer a single article will be featured in the module.

12

Image Resize

This option is best utilized on a non-responsive template. It renders a copy of the selected image with a maximum width or height determined in these fields.

13

Default Title

You can set a default title for all articles from this field. If this selection is set at Default Article Title, then the articles' given titles are used.

14

Default Article Text

This field allows you to set default article text for all strips in the module. If this is not changed from its default, then the article's introductory text is used.

15

Default Article Image

Determines which image field the module will default to when locating an image for the feature.

16

Default Link

Determines which link field the module will default to when locating a link for the feature.

1. The Theme option sets the theme for displaying strips in the module. These themes determine how the strips look within the module. You can choose the one that best fits your template and/or personal taste.

2. The Display Limit field sets the amount of articles shown when the page is rendered. Setting this limit to zero or infinity will allow it to cycle through all applicable items.

3. The Preview Length option sets the amount of words you wish to limit the preview to within the module's article display. This can help reduce occurrences of controls overlaying the description and make your strips more uniform.

4. The Strip HTML Tags option removes HTML tags from the description of an article.

5. The Previews per Page option gives you control over how many article previews show on each page.

6. Items Per Row sets the amount of article items to show in each row.

7. The Arrow Navigation option determines whether you wish to show or hide the arrow navigation controls on the module.

8. The Pagination toggle gives you control over whether or not you wish to show pagination.

9. The Animation dropdown gives you the ability to set the type of animation that happens during transitions from one feature to the next.

10. Autoplay sets whether you want the module to start rolling through strips automatically when the page loads, or to await a command from the visitor.

11. Autoplay Delay sets the amount of time between cycled strips in the module. The longer this delay (in seconds), the longer a single article will be featured in the module.

12. The Image Resize option is best utilized on a non-responsive template. It renders a copy of the selected image with a maximum width or height determined in these fields. This option is disabled by default, but can be used to fit a variety of templates which would benefit from this uniformity. In a responsive template, images will continue to expand or shrink based on the grid and browser window size.

13. You can set a default title for all articles from the Default Title field. If this selection is set at Default Article Title, then the articles' given titles are used.

14. The Default Article Text field allows you to set default article text for all strips in the module. If this is not changed from its default, then the article's introductory text is used. You can choose full text or to pull from the meta description for each article in this field.

15. The Default Article Image option gives you the ability to set a standard default image for articles. This includes: a custom image, article intro image, and article full image. Alternatively, you can leave this set to default and it will grab the global default article image.

16. The Default Article Link gives you the ability to set a default link field from articles in this module. For example, if you wish to link to the link provided in the article's Link A or Link B settings, you can do so here.