SpiritualPlus:Documentation
From MtTWiki
Overview
Content types
Spiritual+ comes with seven build in Content types
- Blog entry
- Cause
- Photo Gallery
- Sermon
- Slideshow entry
- Team Member
- Testimonial
Of course Spiritual+ also supports the rest of Drupal's default content types: Article and Basic page as well as the Webform content type.
Blog entry
A blog entry, similar in form to a story, is ideal for creating and displaying content that carries images and informs or engages website visitors. Press releases, site announcements, and informal blog entries may all be created with a blog entry content type. By default, a blog entry is automatically featured on the site's initial home page, and provides the ability to post comments. It has the option to be displayed into front page slide show. It provides the ability to attach an image which is automatically adjusted to fit into the websites layout. Blog entry enables free tagging (just like labels), taking the taxonomy one step further.
Cause
A Cause entry is ideal for post goals the organization is after or causes your organization cares for, which may be ongoing and often not associated with a certain event (e.g.: Support for Nepal).
Photo Gallery
A Photo Gallery post is ideal for creating and displaying photos. It comes with the option to be promoted to the front page slide show. It provides the ability to attach an image, which is automatically adjusted to fit into the layout. Furthermore, it provides the option to attach a series of images, thumbnails of which are automatically created and adjusted to fit into the website layout. A Photo Gallery post supports free tagging (just like labels), helping you make the most of the taxonomy system.
Sermon
A Sermon entry is ideal for post new events (e.g.: Masses) with start date/time
Slideshow entry
A Slideshow entry is ideal for creating commercial banners as well as messages for your website. Use it to promote any page of your website or URL into the front page slide show. It can carry a title, a teaser and an image linking to an internal path or external link.
Team Member
The Team member post is ideal for creating a page for each of your team/staff members. Along with a description of your team member’s position, responsibilities and qualifications, it provides the ability to attach an image, which is automatically adjusted to fit into the website’s layout. And what’s great about Team member posts, is that they are all collected under the “About us” page.
Testimonial
The Testimonial entry is perfect to showcase the words of love from your users and customers. Use it to easily publish testimonials on your site. A special View Block and a View Page are already configured to show them off perfectly.
Image handling
Spiritual+ comes with pre-configured image presets ready to be used. All the content types make use of this and produce all necessary thumbnails and other derived images.
Just upload your images and Spiritual+ will use them for the Front Page and any other place where a derived image is needed.
Pre-configured Blocks
Spiritual+ comes with a set of pre-configured ready-to-use blocks and view blocks:
Slideshow (Full Screen)
This view block collects and displays the promoted to Slideshow nodes in a full screen slideshow.
Slideshow (Full Width)
This view block collects and displays the promoted to Slideshow nodes in a full width slideshow.
Slideshow (Boxed)
This view block collects and displays the promoted to Slideshow nodes in a boxed slideshow.
Sermons
This view block collects and displays all the Sermons entries that are promoted to front page on your site as a carousel or slideshow.
Support Our Causes
This view block collects and displays the promoted to front page Causes entries.
More Causes
This view block collects and displays the promoted to front page Causes, Sermons, Articles and Blog entries as a carousel or slideshow.
Videos
This view block collects and displays the promoted to front page Sermons with video as a carousel or slideshow.
Our Leaders
This view block collects and displays the promoted to front page Team Members entries.
Our Leaders Carousel - About us page
This view block collects and displays the promoted to front page Team Members entries as a carousel or slideshow.
Quotes
This view block collects and displays the latest six Testimonials as a slideshow.
This view block collects and displays the latest Blog entries in a footer block.
Next Sermons
This view block collects and displays the latest Sermons entries in a footer block.
Photo Gallery
This view block collects and displays the images of the latest 9 Showcases.
This view block collects and displays the latest Blog entries in a footer block. This block is by default assigned into a quicktabs block.
This view block collects and displays the latest Causes entries in a footer block. This block is by default assigned into a quicktabs block.
Donation
This view block displays the latest cause entry with e-commerce donate form. Available only on pro edition.
Webform: Attend An Event
Simple webform block to dispay the Attend An Event form on sidebar. This block is connected to the corresponding webform node.
Blogposts (Sidebar)
This view block collects and displays the latest Blog entries in a sidebar block. This block is by default assigned into a quicktabs block.
Sermons (Sidebar)
This view block collects and displays the latest Sermons entries in a sidebar block. This block is by default assigned into a quicktabs block.
Popular Tags
This view block collects and displays the tags of all the taxonomy vocabularies of your site as well as the number of the corresponding nodes that were tagged with this term.
Testimonials (sidebar)
This view block collects and displays the latest two Testimonials.
Our Mission
Ready made, HTML block that display three columns with text blocks and a button.
Sidebar Block with Image
Ready made, HTML block that display a sidebar block with image and text.
Payment methods
Ready made, HTML block with eye-candy icons that display the accepted payment methods.
This block displays the corresponding Google map configured through the theme settings.
Ready made, HTML block.
Ready made, HTML block with eye-candy social icons.
Contact info
Ready made, HTML block that displays a dummy form to be used with your preferred newsletter integration.
Ready made, HTML block with eye-candy social icons.
How to
Add a new Photo Gallery
- Select "Add Content" and click on the Showcase content type
- Enter a title
- If you want to display images as Internal Banner Slideshow use the Internal Banner Image(s) field
- Enter the Subheader body
- Enter the Subtitle
- Upload as many images as you like
- Enter the body text
Add a new Cause
- Select "Add Content" and click on the Cause content type
- Enter a title
- If you want to display images as Internal Banner Slideshow use the Internal Banner Image(s) field
- Enter the Subheader body
- Upload as many images as you like
- Enter the body text
Add a new Sermon
- Select "Add Content" and click on the Cause content type
- Enter a title
- If you want to display images as Internal Banner Slideshow use the Internal Banner Image(s) field
- Enter the Subheader body
- Enter the URL of the Video you'd like to embed to Sermon.
- Enter the URL of the Sound you'd like to embed to Sermon.
- Upload a document (i.e. pdf, doc, docx) that users can download from the Sermon page.
- Enter the Subtitle
- Upload as many images as you like
- Enter the body text
- Enter Sermon Date
- Enter the Organizer
- Enter the Organizer Telephone
- Enter the Organizer email
- Enter the Organizer website
Add a new Blog entry
- Select "Add Content" and click on the Blog entry content type
- Enter a title
- If you want to display images as Internal Banner Slideshow use the Internal Banner Image(s) field
- Add as many images with descriptions as you like
- Enter the body text
Add a new Testimonial
- Select "Add Content" and click on "Testimonial" link
- Enter a title
- Enter the Body text
- Enter a subtitle
- Upload a photo
Add a new Team Member
- Select "Add Content" and click on "Team Member" link
- Enter a title
- Enter a subtitle
- Enter the Body text
- Upload a photo
- Enter the URL of the Twitter profile, the URL of the Facebook profile and the URL of the LinkedIn profile of the team member.
Promote a node to the front page Promoted blocks
More Causes
In order to promote a Cause, Sermon, Article and Blog entry to the front page More Causes views block you should enable the "Promoted to front page" checkbox of the corresponding node.
Sermons
In order to promote a Sermon to the front page Sermons views block you should enable the "Promoted to front page" checkbox of the corresponding node.
Support Our Causes
In order to promote a Cause to the front page Support Our Causes views block you should enable the "Promoted to front page" checkbox of the corresponding node.
Videos
In order to promote a Sermon to the front page Videos views block you should enable the "Promoted to front page" checkbox. Make sure thath the video field of the Sermon node is populated.
Publish a post to the front-page slideshow
Blog entry, Sermon, Cause or Photo Gallery
- Create a new or edit an existing node of the above content types
- Make sure you have uploaded the Slideshow image using the Teaser image field
- Optionally enter a Teaser Text to appear on the slide.
- Check the "Promoted on slideshow" option
Your image will automatically be uploaded and resized to fit in the Slideshow. Your post now is part of the front page Slideshow.
Slideshow entry
- Create a new Slideshow Entry
- Enter the title and upload an image using the Slideshow entry image
- Set the Slideshow entry path. It can also be an external link.
- Make sure the Promoted on slideshow check box is enabled.
- Optionally enter a Teaser text to appear on the slide.
Customize the translucent background of the overlayed slideshow elements
- Navigate to the Look'n'Feel theme settings
- Expand the Main Slideshow fieldset
- Select the desired Skin Dark or Bright
- Set the % opacity for the background of the overlayed elements in the "Main Slideshow Caption Background Opacity" field
Customize the header in the full screen slideshow
- Navigate to the Look'n'Feel theme settings
- Expand the Transparent Header fieldset
- Select the desired Skin Dark or Bright
- Navigate to the Look'n'Feel theme settings
- Expand the Footer fieldset
- Select the desired Skin Dark or Bright
Customize the translucent background of the overlayed internal banner slideshow elements
- Navigate to the Look'n'Feel theme settings
- Expand the Internal Banner fieldset
- Set the % opacity for the background of the overlayed elements in the "Internal Banner Caption Background Opacity" field
Customize the opacity of the translucent background of the Parallax/Video Background regions
- Navigate to the Parallax/Video Background regions theme settings
- Expand the Highlighted Region or Highlighted Bottom Region fieldset
- Set the % opacity for the background of the parallax region in the Parallax Background/Video Background Opacity field.
Configure the Parallax/Video Background regions
The configuration settings for the Parallax/Video Background regions can be found under the Parallax/Video Background regions theme settings
- The Enable video background section checkbox activates the background video
- The Enable parallax background effect checkbox activates the background image parallax when the Enable video background section checkbox is disabled.
Change the Parallax/Video Background regions backgrounds
The background images of the Parallax/Video Background regions are located at:
- sites/all/themes/spiritualplus/images/parallax-bg-1.jpg
- sites/all/themes/spiritualplus/images/parallax-bg-2.jpg
The background videos of the Parallax/Video Background regions are located at:
- sites/all/themes/spiritualplus/videos/background-video.mp4
- sites/all/themes/spiritualplus/videos/background-video.webm
- sites/all/themes/spiritualplus/videos/background-video-2.mp4
- sites/all/themes/spiritualplus/videos/background-video-2.webm
In order to change any of those simply replace (the filename should remain the same) the corresponding files with the ones you like.
Change the layout mode (Wide/Boxed) of the theme
- Navigate to the Layout theme settings
- Expand the Theme Layout fieldset
- Select the desired layout mode
Change the layout mode (Full Width/Fixed Width) of the theme regions
- Navigate to the Layout theme settings
- Expand the Regions Content Layout fieldset
- Select the desired layout mode for each corresponding region
Change the layout mode (One Column/Two Columns/Three Columns) of the Header
- Navigate to the Layout theme settings
- Expand the Header Layout fieldset
- Select the desired layout mode
Change the initial height of Fullwidth Slideshow
- Navigate to the Slideshow theme settings
- Expand the Revolution Slider - Full Width fieldset
- Set the desired height in pixels for the Full Width Slider in the "Initial Height (px)" field
Change the initial height of Boxed width Slideshow
- Navigate to the Slideshow theme settings
- Expand the Revolution Slider - Boxed Width fieldset
- Set the desired height in pixels for the Boxed Width Slider in the "Initial Height (px)" field
Change the initial height of Internal Banner Slideshow
- Navigate to the Slideshow theme settings
- Expand the Internal Banner Slideshow fieldset
- Set the desired height in pixels for the Boxed Width Slider in the "Initial Height (px)" field
To change the default responsive menu rendering and display the menu as a select follow the instruction below.
- Disable the Responsive multilevel menu option in the theme settings
- Enable the sf-Smallscreen plugin in the superfish-menu block settings
