gc-hero-widgets

HERO WIDGET

An Apostrophe CMS module to display a "hero". A hero is a full width banner possibly containing a headline or brief strapline. Usually it is displayed as the first item on a web page.

Install

From within your apostrophe project

npm install --save gc-hero-widgets

Configuration

In app.js

modules: {
  'gc-hero-widgets': {},
  // ... other modules
}

In your template

{{ apos.area(data.page, 'body', {
    widgets: {
      'gc-hero': {}
  }
}) }}

Remember to replace data.page with the appropriate context, and body with the correct area name for your site.

By default, the hero allows you to choose apostrophe-rich-text, apostrophe-images, and apostrophe-video widgets. You can override the available options by creating the file lib/modules/gc-hero-widgets/views/widget.html and using something like the following:

{% extends 'widgetBase.html' %}

{% block heroContent %}
  {{ apos.area(data.widget, 'content', {
    widgets: {
      'your-own': {},
      'choice-of-widgets': {},
      'go-here': {}
    }
  }) }}
{% endblock %}

Contributing

Please contribute ideas, issues and improvements at the GitHub repository.