PortfolioPlus:Documentation
From MtTWiki
Overview
Content types
Portfolio+ comes with six build in Content types
- Blog entry
- Gallery
- Portfolio
- Product
- Service
- Slideshow entry
- Testimonial
Of course Portfolio+ 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.
Gallery
A Gallery post is ideal for creating and displaying image collections. It features the option to be promote into the front page slide show. It provides the ability to attach images which are automatically adjusted to fit into the website layout. What’s particularly cool about a Gallery post, is that it provides the ability to attach a series of images, thumbnails of which are automatically created and adjusted to fit into the website layout. A Gallery post enables free tagging (just like labels), taking the best from the taxonomy system.
Product
A Portfolio post is ideal for presenting noteworthy creations, e.g.: photos, in a great way, along with exif data and licensing information. The Portfolio Content type pulls the EXIF data automatically from the file you upload, and also provides you with a selection of the most typical licensing schemes used for creative works, so you can choose from. Furthermore, 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. Lastly, a Portfolio post supports free tagging, helping you make the most of the taxonomy system.
Product
A Product entry is ideal for creating and displaying products. It features options like being promoted to the front page slide show, adding product descriptions and more. It provides the ability to attach one or multiple images, which are then automatically adjusted, along with their thumbnails, to fit into the website layout. The Product post enables free tagging (just like labels), taking the best from the taxonomy system.
Service
A Service post is ideal for creating and displaying services. It has 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 website layout. What’s particularly cool about a Service post, is that it provides the ability to attach a series of images, thumbnails of which are automatically created and adjusted to fit in the website layout. The Service post enables free tagging (just like labels), taking the best from the taxonomy system.
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.
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
Portfolio+ 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 Portfolio+ will use them for the Front Page and any other place where a derived image is needed.
Pre-configured Blocks
Portfolio+ 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.
Galleries (Full Width Isotope)
This view block collects and displays the latest 12 Galleries in a full width layout with the option to filter the displayed nodes based on tags. The Filtering is based on the Isotope JavaScript library.
Testimonial Slider
This view block collects and displays the latest six Testimonials as a slideshow.
Highlighted Products
This view block collects and displays the latest 8 Products in a full width layout.
Highlighted Services
This view block collects and displays the latest 8 Services in a full width layout.
Stay in touch
Latest Galleries
This view block collects and displays the latest 4 Galleries in a sidebar block.
Latest in Portfolio
This view block collects and displays the latest 4 Portfolio posts in a sidebar block.
Webform: Ask for a Free quote
This block displays a compact form to allow Quote enquiries. This form is fully functional and also linked to the actual webform page.
Testimonials Block (Sidebar)
This view block collects and displays the latest testimonial post in a sidebar block.
This block allows you to share the current page to Social media through the ShareThis service.
Other Products
This view block collects and displays the latest 3 Products excluding the current one (Product node page).
Other Services
This view block collects and displays the latest 3 Services excluding the current one (Service node page).
Newsletter block
Ready made, HTML block that displays a dummy form to be used with your preferred newsletter integration.
Recent Posts (Feed)
This view block collects and displays the latest nodes on your site.
Twitter Updates
Connects with a given twitter account and displays automatically the latest tweets.
Webform: Contact us
This block displays a more compact version of the theme's contact form. This form is fully functional and also linked to the actual contact form page.
Map Switch / Google Map
This block displays the corresponding Google map configured through the theme settings.
Ready made, HTML block with eye-candy social media icons.
How to
Add a new Blog entry
- Select "Add Content" and click on the Blog entry content type
- Enter a title
- Enter the body text
- If you want to display images as Internal Banner Slideshow use the Internal Banner Image(s) field
- Upload as many images as you like
Add a new Gallery
- Select "Add Content" and click on the Gallery content type
- Enter a title
- Enter one or more images to be displayed in the internal Banner.
- Enter one or more images to be displayed in the Highlighted area.
- Enter the body text and any images that you want to display in the content area
- Enter the content bottom text and any tags that you wish
- The teaser listing image is used in listings of teaser nodes as it requires a wide image canvas (e.g the default Front page promoted listing).
Add a new Portfolio Entry
- Select "Add Content" and click on the Portfolio content type
- Enter a title
- Enter one or more images to be displayed in the internal Banner.
- Enter the body text and the photo that you would like to display.
- Enter the Photo title, Photo description, License and tags
- The technical data of the photo are populated automatically based on the EXIF data of the photo
- Enter the content bottom text and any tags that you wish
- The teaser listing image is used in listings of teaser nodes as it requires a wide image canvas (e.g the default Front page promoted listing).
Add a new Service or Product
- Select "Add Content" and click on the content type you want
- Enter a title
- Enter one or more images to be displayed in the internal Banner.
- Enter the body text and any images that you want to display in the content area
- Enter the content bottom text and any tags that you wish
- The teaser listing image is used in listings of teaser nodes as it requires a wide image canvas (e.g the default Front page promoted listing).
Add a new Testimonial
- Select "Add Content" and click on "Testimonial" link
- Enter a title
- Enter one or more images to be displayed in the internal Banner.
- Enter a subtitle
- Enter the Body text
- Upload a photo
Publish a post to one of the available slideshows
Blog entry, Gallery, Portfolio, Product or Service
- Create a new or edit an existing node of the above content types
- Make sure you have uploaded the Slideshow image using the Slideshow image field
- Optionally enter a Slideshow 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 opacity of the translucent background of the overlayed slideshow elements
- Navigate to the Slideshow theme settings
- Set the % opacity for the background of the overlayed elements in the "Revolution Slider Caption Background Opacity" field
Customize the opacity of the translucent background of the Parallax region
- Navigate to the Parallax region theme settings
- Set the % opacity for the background of the parallax region in the Parallax Background Opacity field.
Change the layout mode (Full Width/Fixed Width) of the theme regions
- Navigate to the Layout theme settings
- Expand the Theme regions Layout fieldset
- Select the desired layout mode for each corresponding region
Change the location of the offcanvas sidebar
- Navigate to the Layout theme settings
- Expand the Off-Canvas Sidebar Layout fieldset
- Select the desired location
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
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
