sb_portfolio

A TYPO3 extension for your website. Here you can find information about my TYPO3 extension: sb_portfolio - allowing you to create website portfolios with clients, categories, and testimonials.

IMG IMG IMG IMG IMG IMG IMG IMG IMG

SB Portfolio

Allows you to create an online portfolio with TYPO3, whatever your medium

Feature Packed

Allows you to create item, client and category records. Item list and grid view can be filtered by Client/Tag/Category. All images can be created via GIFBUILDER

Display Modes

Comes with 16 display modes - all record types come with a grid and list display mode

Supports Workspaces

Allowing you to work offline on your portfolio during a site redesign

Backend Module

Shows statistics about your portfolio and gives you the ability to edit portfolio records en masse

Adaptable

Many hooks exist allowing you to extend sb_portolio - this including adding new display modes

Custom Markers

Allow you to add your own content to sb_portfolio's output. Anything you can create in TypoScript can be added

Translatable

All records can be translated

Supports 3rd party extensions

Inbuilt support for comments, ratings and pagebrowse extensions. Works with realurl/cooluri

What is sb_portfolio?

This extension allows you to display samples of your work with accompanying text descriptions. It was intended for myself as an illustrator and web designer, but could be used for photographers, architects, or any other purpose where you need to display samples of work with clients and categories of work.

Key Features

Misc.

  1. Pagebrowsers: 2 page browsers are supported: the default TYPO3 pibase page browser and the pagebrowse page browser.
  2. Grid Display Modes: These are important for many site designs, and they are supported in sb_portfolio. All display modes have a list and grid version.
  3. GIFBUILDER Support: All images can be created via GIFBUILDER if required. This allows you to add text dynamically from the records to your images, or to add corners, overlays, and watermarks.
  4. CE Specific TypoScript: sb_portfolio supports content element specific TypoScript.
  5. Javascript image information: created automatically with paths to all images generated by TYPO3 so that you can create your own slideshows if you can't find a plugin for your favourite JavaScript framework that does what you want.
  6. Backend module:  shows statistics about SB Portfolio and options for bulk manipulation of records.
  7. CSS Classes: these can be added automatically to generated lists and grids: classes like even, odd, featured, firstItem, lastItem, firstColumn, lastColumn, firstRow, lastRow etc. to aid in styling via CSS.
  8. Lots of display modes: for all record types. There is also a Testimonials display mode, and Record Galleries (List and Grid) for displaying images from other tables such as tt_news.... of course as they are generated vis sb_portfolio they can be created via GIFBUILDER.

Items

  1. Related items: Items can be related to other items
    • This can be done manually or automatically (by tag)
    • Manually relationships can be reciprocal (controllable vis TypoScript)
  2. Item Testimonials: Each item can store a testimonial to show your site's visitors what your existing clients think of your work.
  3. Featured and In-progress Items: Content Elements can be setup to only show featured items/in-progress items if you want. Featured items get the class "featured" in the FE for CSS styling. In-progress items will also receive the class "inProgress".
  4. Related Files: Items can have related files to offer your sites visitors PDFs to download or anything else.
  5. Youtube Films: Each item can store the id of one youtube id, allowing you to embed video in your portfolios.
  6. Images: Can be attached individually or you can attach folders from fileadmin, any images in these folders will be associated with the item.
  7. Image Folder Manifests: Image folders can contain typo3 language files where you can specify a title and description for every image in the folder. Obviously as it is basically a langauge file you can translate this information too! The information can be outputted in the image grid marker or used in your TS as image and image link attributes.
  8. Filterable Lists and Grids: item lists/grids can be filtered by client, category, or tag!

Categories

  1. Items can be categorised: categories are currently just one dimensional.
  2. Category tags, related items and news: these are inherited by all items associated with the categories.

Client

  1. Client portfolios: in ClientSingle display mode all items related to a client can be outputted, either as a list, a grid, as a jQuery Carousel, as jQuery Tabs, or as any other jQuery plugin that you want to use.
  2. Client Testimonials: Each client can store a testimonial from the client to show your sites visitors what your existing clients think of your work.

Extending sb_portfolio

  1. Custom Markers: add anything via typoscript to any display mode!
    • Create markers in record subparts (using the record's fields if required).
    • Create markers outside of subparts (using the content element's fields if required).
    • Create markers with the page's fields too.
    • Other extension content can be added this way too. You can add anything that is doable via TypoScript.
    • See the manual for more information
  2. Hooks: many hooks exist to extend sb_portfolio including adding your own display modes.

3rd Party Extension Support

  1. tt_news: Item/category related tt_news, could be used to create case studies for your work, or to link to portfolio items from within your sites news.
    • More than one item can be related to each news item.
    • Any portfolio item display mode (except single) can be used to to display items in the tt_news SINGLE display mode.
  2. comments: The comments extension is supported.
    • Additional markers exist to output the number of comments.
    • The close comment hook is also used so that comments shows the appropriate message when commenting is closed for an item.
    • Commenting can be controlled for each item, and a date can be set when commenting should be stopped.
    • comments is supported for item and client records.
  3. ratings: The ratings extension is supported.
    • An additional marker exists to show the current rating of the record.
    • Each display mode can have its own ratings configuration
    • Ratings can be controlled for each item
    • ratings is supported for item and client records.
  4. pagebrowse: The pagebrowse extension is supported. You can use this as the pagebrowser instead of the pibase page browser.
  5. Other extensions: realurl and linkhandler work well with sb_portfolio. See the manual for mor details.

Above you can see the displayMode Jquery, using the Nivo Slider plugin.

Download setup information

How To's

What's your opinion?

Do you have any comments about what you have read?

2 other people did.

Let me know what you think!

Support

If you have used sb_portfolio and want to show you appreciation feel free to donate to sb_portfolios development, or buy me something from my amazon wishlist.

Current Version

2.8.4

Extend SB Portfolio

SB Portfolio Extended

Demonstrates how to extend SB Portfolio using the hooks to add new markers and display modes. Not intended for production sites.

SB Portfolio SEO

Automatically adds metatags (description and keywords) as well as facebook supported Open Graph metatags.

Found a bug?

Report it here at the TYPO3 Forge.

Comments

Report - 10/13/2011

Edgar

Great extension but I cannot find all the functions. How can I say that a link in a defined item, will oben in a blank window and not in the same window. I searched the answer, but I cannot find it anywhere.
Could you help me please?
Regards
Edgar

Report - 10/14/2011

Stephen Bungert

You have to set up the link parameters in TypoScript. Send me an email, and I can explain more. I want to add lots of pages here with examples of things like this, haven't had time yet! Sorry :)

Your Comment

All fields are required