Canvas Gets a Portfolio Module

Written by Mark Forrester on July 14, 2011 Blog, Product News.

A portfolio module has been one of the most popular requests for our Canvas framework theme. We’ve however always been cautious adding such heavy functionality into the theme and bloating the code. At least we have been until now…

With the recent launch of Canvas 4 a couple months back we are now hugely confident in Canvas’s codebase. Matty has spent countless hours refining the structure into a more modular design, flexible enough for child theming, and custom hooks, filters and functions to be added.

The Canvas portfolio page template.

As seen in our popular business themes, Canvas now boasts a full portfolio component for keeping track of all the awesome work you do and showcasing it to prospective clients and collaborators.

Canvas portfolio features

The Canvas portfolio component includes options to display a single image, image gallery, or video on a per-item basis, as well as testimonials from your clients (where they can tell everyone how happy they are with your work) regarding the project you’re showcasing and a link back to the finished product. This allows you to choose the best method possible to showcase the work in your portfolio.

The portfolio settings of the new Canvas module.

Along with being able to showcase your work, it’s also possible to group similar items together, where viewers can see, for example, all your design work in a single place and get straight to the work they’re looking for. This is done by means of a portfolio galleries manager and a neat gallery switcher on the newly-added “Portfolio” page template. Each gallery has it’s own page with a unique URL, making it easy to share your content online.

A single portfolio item page. You can use the 'layout' custom setting to move the sidebar, or disable it.
A lightbox pop-up can display all the images/videos within a portfolio item.

Existing Canvas users, and club members, Canvas 4.4 is now available for download. Look forward to seeing some implementations of the portfolio module soon! 3 cheers for Matty!


76 Responses

  1. Byron Rode
    July 14, 2011 at 12:44 pm #

    I am not sure if I can keep up with all these amazing updates to Canvas. Nice work guys! Keep it coming.

  2. James O'Sullivan
    July 14, 2011 at 12:50 pm #

    Super work as always – canvas just continues to impress. A Team template would be a super edition wink πŸ˜‰

    • James O'Sullivan
      July 14, 2011 at 12:56 pm #

      *addition (excuse typo)

      • Marcus Tibesar
        July 14, 2011 at 7:36 pm #

        Concur! The Team Page Listing template that is available in the new Empire theme would be an invaluable addition to Canvas! Please include it – thank you!

    • Peter Ricci
      July 21, 2011 at 3:49 pm #

      The User Template Update should include the following:
      Gravatar Image (option to choose size)
      Facebook Profile URL
      Twitter Profile URL
      Google Plus Profile URL
      Linked Profile URL
      Posts from this Author
      Comments from this Author
      This should also have a unique sidebar….

  3. Suren H
    July 14, 2011 at 2:10 pm #

    Wow! Great portfolio module addition to Canvas 4.

    Awesome work… πŸ™‚

  4. David Bell
    July 14, 2011 at 2:37 pm #

    Wow, that is going to be really useful, thanks guys.

  5. Jason Day
    July 14, 2011 at 4:32 pm #

    I use canvas for almost all of my client WordPress work. It’s been brilliant, and the code is easy to go through.

    With each development the product only grows stronger. I recommend it to any developer or designer as a base to move forward with great designs/functionality.

    My only request going forward is a module/layout builder (see eptonic in themeforest) – sometimes I have clients that want to build their own pages (layouts). A user interface to achieve this would be fantastic.

    keep up the great work!

  6. Lee
    July 14, 2011 at 5:14 pm #

    Ah man I could have done with this a week ago! I desperately wanted to use canvas but didn’t as the site needed a portfolio section.

    I even held off developing the site as I knew this was coming, but in the end I had to just use an alternative.

    Maybe next time… πŸ™‚

    Nice work, BTW.

    • Ryan Ray
      July 16, 2011 at 7:12 am #

      Sorry for the delay, but it only means all future sites can use Canvas. πŸ˜‰

  7. Marius Masalar
    July 14, 2011 at 5:18 pm #

    This is really cool. Canvas is one of my all-time favourite themes…easily one of the most flexible and intuitive to work with.

    By the way, my inner editor is cringing: “Canvas **Gets a Portfolio Module”

    Sorry! πŸ˜›

    • Ryan Ray
      July 16, 2011 at 7:13 am #

      Would receives be better? πŸ˜‰

  8. Steve Thoeny
    July 14, 2011 at 5:25 pm #

    Yahtzee! Canvas continues to impress…kudos to Matty.

    I am looking forward to using Canvas with Portfolios on a current project. Perfect timing!

    I can hardly wait to see what’s next – Team Page, Testimonials…

    Woo rocks.

  9. Sam
    July 14, 2011 at 5:34 pm #

    Guys, I hope you don’t make the coding bloated by adding more and more functionalities. I think loading time of the theme will increase, if you keep on adding more and more (unwanted) functionalities.

    Instead, if you want to provide this functionality, then you could have made a child theme.

    • Magnus
      July 14, 2011 at 5:56 pm #

      I don’t believe this will increase the load time or bloat the code of the theme if you don’t make use of it πŸ™‚

  10. kusuma
    July 14, 2011 at 5:55 pm #

    Download for free???

    • Ryan Ray
      July 16, 2011 at 7:13 am #

      If you already have bought Canvas it’s a free update. πŸ™‚

      • Hash Milhan (@hashir)
        July 20, 2011 at 1:47 pm #

        Awesome! was a bit worried that I will have to buy it all over again! Cheers!

  11. jamie marsland
    July 14, 2011 at 6:01 pm #

    Fantastic work guys!

  12. Frank McClung
    July 14, 2011 at 7:35 pm #

    My oh my, sweet potato pie! Thanks Matty for all the hard work. Time to give him a raise!

    • Ryan Ray
      July 16, 2011 at 7:13 am #

      Yes indeed, what a guy! πŸ˜‰

  13. james marsland
    July 14, 2011 at 8:08 pm #


    I’m sure this is a stupid question, but how do we add images?


  14. james marsland
    July 14, 2011 at 8:11 pm #

    oh portfolio menu has just appeared in left nav – ignore last comment.

    • Ryan Ray
      July 16, 2011 at 7:14 am #

      No worries, it should be outlined in the docs as well if you have further confusion.

  15. Coupon Codes
    July 14, 2011 at 9:06 pm #

    Thanks you for portfolio menu. this is good news..

  16. Jackson Kelly
    July 15, 2011 at 12:38 am #

    We have “Theme Update Notification” turned on but we don’t see the notification. Currently Canvas 4.3.0 Framework 4.2.0

    We think they’d go best here

  17. Chris Gallagher
    July 15, 2011 at 2:29 am #

    I think what the absolute anglel will be – a shop – that has the ability to take the cart off – a lot of my customers want to show products online – like Plant hire , non sales etc…. but not sell them – show products – get them to contact the company – thats the key and it would sell loads. No-one has really done this yet – I’ve been telling templatic for a year and a day – needs to be done – contact shonkyboy for an idea how to do this

  18. Chris Gallagher
    July 15, 2011 at 2:32 am #

    you have my details

  19. WPSPY
    July 15, 2011 at 8:10 am #


  20. Evgeniy
    July 15, 2011 at 8:57 am #

    Great job guys! You are the best … I like it.

  21. Igor Soyka
    July 15, 2011 at 9:22 am #

    Great news!

    One question, please: Did the portfolio available in BuddyPress theme?


  22. James O'Sullivan
    July 15, 2011 at 9:32 am #

    woo-commerce for canvas πŸ™‚ my shout hehe πŸ™‚

    • Evgeniy
      July 15, 2011 at 10:09 am #

      +1 woo-commerce for canvas

    • Igor Soyka
      July 15, 2011 at 11:59 am #

      +1 and +5 clients πŸ™‚

      • Ryan Ray
        July 16, 2011 at 7:15 am #

        Just sit tight a bit longer, Canvas is very deserving. πŸ™‚

        • James O'Sullivan
          July 16, 2011 at 8:44 am #

          now now, don’t tease us any longer πŸ™‚ but yes we are excited about woo commerce in canvas – it would be pretty darn cool πŸ™‚

        • Hash Milhan (@hashir)
          July 20, 2011 at 1:50 pm #

          oooh! I likey..
          that would be a +1 from me too..
          (plus god knows how many clients!)

      • Jay
        July 27, 2011 at 1:15 pm #

        If you’ve an urgent client project you can always take a look at Canvas Commerce, a Canvas child theme which bakes in Jigoshop compatibility.

  23. Brockhouse
    July 15, 2011 at 5:24 pm #

    Canvas is freak’n Woo-some! It is the best theme purchase I’ve ever made. Thx Woo!

  24. Tiffany Britt
    July 16, 2011 at 2:52 am #

    Canvas “can” do no wrong!

    There are tons of frameworks out there for WordPress, but I enjoy using the core functionality of Canvas and doing child themes. Anyone else with me?

    • Ryan Ray
      July 16, 2011 at 7:16 am #

      I am!

      Honestly, I love using Canvas if I ever get the chance to do free lance work. πŸ™‚

    • Ryan Riatno
      July 16, 2011 at 4:22 pm #

      To be honest, I think it’s difficult for me to create a child themes from canvas. It provides less hooks compared to the other framework like genesis, hybrid, thematic.
      But it’s great for people who didn’t want to get dirty with coding and it’s awesome πŸ™‚

      • Magnus
        July 17, 2011 at 8:30 am #

        If you need extra hooks, just tell us which ones you feel are missing and we’ll add them πŸ™‚

  25. MayaPapaya
    July 16, 2011 at 7:54 pm #

    When will this update be in the WooInstaller?

    • Matty
      July 17, 2011 at 3:08 am #

      Hi Maya,

      Theme updates should be available via WooInstaller as soon as they are deployed (at the same time as they are made available via your WooThemes Account Dashboard). πŸ™‚


      • R. Moose
        July 17, 2011 at 6:54 am #

        Is WooInstaller updated to include all the new themes? I last used it when it first came out and thought there were no updates yet.

        It would save me a lot of time having to check and download the latest version each time i want to deploy a new site.

      • MayaPapaya
        July 17, 2011 at 8:02 am #

        Cool, do I just hit re-install then? or will it erase my site?

        • Matty
          July 17, 2011 at 3:00 pm #

          @Maya With WooInstaller, bear in mind that the system updates the entire theme to the latest version if you update using WooInstaller.

          If you’re unsure or would like to try what the different options (re-install and “new copy”) do, I’d recommend making a backup of your theme before doing so. That way, you’re free to test out both functionalities and work out which suits your needs best, without risking losing your existing theme modifications (either way, WooInstaller never deletes your existing files… it simply renames the folders appropriately). πŸ™‚

          @R. Moose: WooInstaller pulls the theme information directly from WooThemes HQ, automatically pulling the most up to date information for each theme as we deploy updates. πŸ™‚

          • MayaPapaya
            July 17, 2011 at 9:17 pm #

            @Matty Nice, do I hit Overwrite or Re-install to latest version…. Sounds like Woo makes a backup copy, too:

            Canvas – Theme Upgrade

            While using your WooTheme, you may have customised files and made it your own. We don’t want to lose that.

            Therefore, when upgrading your WooTheme, a backup copy of the current version is made, preserving your customisations. A fresh copy of the latest version of your theme is then downloaded and installed for you.

            If you’ve chosen the “overwrite” option, your current version of your WooTheme will be overwritten with the latest version.

          • Matty
            July 18, 2011 at 11:56 am #

            Hi Maya,

            The “overwrite” option makes a copy of your current version of the theme, renames the folder and loads the new version of the theme in with the theme name’s original folder (for example, “canvas”). The “fresh install” option loads the latest version of the theme in a new folder alongside your current version of the theme. πŸ™‚

            Thanks and regards,

  26. David LaSpina
    July 17, 2011 at 5:47 am #

    Ah, where were you a few months ago when I hacked out my own gallery page type.

    Mine works ok, but required far too many jquery and css hacks to be confortable. I’ll have to switch to this new mode on my next site update. Thanks for the constant awesome work on this theme!

    • Ryan Ray
      July 18, 2011 at 3:37 pm #

      Heh, what you did is still cool though! Nice work on wrangling that together. πŸ™‚ Hope the new portfolio system works great if you update to it.

  27. morris nelson
    July 18, 2011 at 5:24 pm #

    Wonderful job Matty. Very kewl! When do the other themes get to take advantage of all the great work you have put into Canvas?
    Keep up the good work. Canvas is my favorite.

  28. Andrea Marin
    July 19, 2011 at 9:56 pm #

    Hi guys,

    i need this update and I have open a ticket also in the form for this.
    How can i receive this important update?

    I have this now:

    You have the latest version of WooFramework

    Ò†’ Your version: 4.2.2

    • Andrea Marin
      July 19, 2011 at 10:10 pm #

      excuse me, i found it in my dashbord of woothemes site.
      There is a way for receive an alert for the update like this?

      • Ryan Ray
        July 20, 2011 at 6:56 am #

        Andrea, you can turn on theme update notification in the WooFramework. πŸ™‚

  29. Jackson Kelly
    July 20, 2011 at 3:15 am #

    Having tons of trouble to get the single layout going,….

    “A single portfolio item page. You can use the ‘layout’ custom setting to move the sidebar, or disable it.”

    • Ryan Ray
      July 20, 2011 at 6:47 am #

      Jackson, apologies on the difficulty. Give the theme docs a peek and see if that helps, it not always take advantage of our forum support. πŸ™‚ –

  30. Andrea Marin
    July 20, 2011 at 11:42 am #

    Excuse me, but I have a problem with the update of my theme. I enable the update notification in WooFramework but it not notify me nothing. I try to download the package and install it but I lose all configuration of my previous canvas theme.
    How can I upgrade it?

    Thanks a lot

  31. Andrea Marin
    July 20, 2011 at 12:36 pm #

    find thanks a lot

    • Ryan Ray
      July 20, 2011 at 6:19 pm #

      Glad you found it Andrea, let us know if we can help any further. πŸ™‚

  32. Free Wordpress Website
    July 23, 2011 at 5:06 am #

    This is pure awesomeness. I mean it, Canvas is such an great Theme. THANK YOU SO MUCH !

  33. Mike Scott
    July 24, 2011 at 2:30 am #

    Enjoying how the portfolio page allows me to bring up a YouTube video when a user clicks on the thumbnail. S’great. S’trooolygreat.

  34. MJ Stapleford
    July 27, 2011 at 11:40 am #

    Hi, was wondering if you will add a blog post about Jigoshop Canvas theme as this is ads something massive to the theme?

    Hope you guys provide more themes also for the Jigoshop platform.

    • James O'Sullivan
      July 27, 2011 at 11:49 am #

      wow didnt know this existed even. So does it work as a plugin for canvas or a child theme? I was hoping for woo-commerce to come along with canvas but maybe this is an option? Sounds exciting glove to hear more.

      • Jay
        July 27, 2011 at 1:10 pm #

        Canvas Commerce is a child theme so you can take it and run. Requires a copy of Canvas (obviously) and Jigoshop to be installed.

        • James O'Sullivan
          July 27, 2011 at 1:11 pm #

          Cool, I hear you Jay, I am used to running a child theme so this is great. I read about Jigoshop and looks like finally the wordpress ecommerce is coming alive πŸ˜‰

        • James O'Sullivan
          July 27, 2011 at 2:00 pm #

          ok sorry for the question here. I run buddypress canvas child theme – so I presume this extra child theme provides a problem πŸ™‚ its one or the other right?

          • Jay
            July 27, 2011 at 3:02 pm #

            Unfortunately that is the case πŸ™ I’d like to say it would be easy enough to combine the two child themes if you know what you’re doing but I have literally zero experience with BuddyPress so wouldn’t like to say.

        • James O'Sullivan
          July 27, 2011 at 3:08 pm #

          Il try the combining effort. In my case the problem I had was that my community needs a shop and I guess it was always hard to get anything decent to work. I will try combing and any decent outcomes I have il share here on woo and jigoshop. Just need to get around the combining and also the easy updating of the child themes.

  35. danny maynor
    July 29, 2011 at 9:28 pm #

    Woothemes, I think I love you….

  36. Clint Cielto
    August 5, 2011 at 9:11 pm #

    It would be really useful if you guys @ woo include the new “Team” page template in canvas as well… looking forward to that!

  37. Darren Racher
    August 17, 2011 at 10:38 pm #

    Hi I have updated my canvas frame work but I cant see the portfolio option?
    What am I doing wrong

    • Magnus
      August 18, 2011 at 7:50 am #


      You need to update the theme, not only the framework. See this tut:

      • Darren Racher
        August 18, 2011 at 11:36 pm #

        Im having real trouble adding images so they come up in the lightbox. I have followed the instructions in the woothemes site but its still not working? I have posted a post in the forum as well

        • Magnus
          August 18, 2011 at 11:44 pm #

          Thanks, we’ll help you out in the forum πŸ™‚