Portfolio / Categories in drop down menu

(17 posts) (3 voices)

1. 

   VR360
   Member

   Hello,

   I already read the portfolio tutorials but I didn't found out how to use this feature correctly.

   My website is: http://www.vr360.com.br
   There's no photos in my portfolio yet, but I'm sending the link to check the menu structure in portfolio and categories that I mean below.

   My purpose is to create a photography portfolio in grid format, and categories accessible via the drop down menu.
   I mean when users visiting my site and clicking in the Portfolio menu all my photos would appear, but when clicking in a category in the drop down menu, like "comercial" for example, only my comercial photos would appear. I already tested and didn't got it to work like this.

   My workflow is wrong, I'm doing something wrong or this is not possible ? I mean for what purpose is the categories for ?

   Here's what I'm doing:
   1. I clicked in "add new"in the potfolios tab.
   2. Then I go to Portfolio catogories and created all the categories I need.
   3. Then in Appearance/Menus, I created the menu Portfolio and drag'n drop all the categories under Portfolio.
   4. The next step I edit via Portfolios tab, and edit my Portfolio page. Insert the portfolio grid shortcode, inserted a photo thumbnail with Panopress plugin (for 360 virtual tour) and select a category for it.

   I checked and the image appear in the main Portfolio but don't appear when I click in the category I've select this photo to be.
   And the the categories pages appear with a right side bar that I don't want and didn't found how to take it off.

   Is this the correct way to post a photo in my Portfolio ? Via the Portfolio main page, inserting photos and selecting categories ?
   Do you have any example of websites with portfolios and categories in drop down menu ?

   Thanks a lot,
   Toni

   Posted 10 months ago #
2. 

   Elliott
   Support

   Hello VR360,

   What you would want to do is create a new page for each portfolio category and then use the [portfolio_grid] shortcode in each page with the category selected within the shortcode like so,

   [portfolio_grid cat="category"]

   This will make it so only portfolio posts assigned to that category will display. You would then add those pages to your menu.

   As for the sidebar you can assign a layout to your pages when editing them, http://mysitemyway.com/docs/index.php?title=Page_Options.

   Posted 10 months ago #
3. 

   VR360
   Member

   Hi Elliott, thank you for the fast reply.

   I get it, it worked creating new portfolio pages for each category.

   How I show all the categories in one page ? I tried to edit the main portfolio page and selecting all the categories in the menu in the right but it didn't worked. There is any special shortcode to show all the categories in the main portfolio page ?

   I leave two photos in each category for example. What I mean is how to show those two photos of different categories in the main portfolio page.

   Thanks a lot !

   Posted 10 months ago #
4. 

   VR360
   Member

   Elliot, thinking better, the way I'm creating the portfolio with my photo categories separated via portfolio pages, I really need to create the portfolio categories in the menu and check it ? I mean, the portfolio works normal in different pages even if I don't create the categories and don't use the categories in the portfolio shortcode.

   I didn't understand when to use the portfolio categories.

   Thanks

   Posted 10 months ago #
5. 

   Ruderic
   Support

   Hello VR360,

   The portfolio shortcode does not work with a dropdown filter. As Elliott said, you can create different pages for different categories of your items.

   For example, let's say that your main portfolio page is called "Photographers", and you have 2 portfolio categories called "Tim Jones" and "Paul Evans", one for each photographer. Then, you would have to create 3 pages in your Wordpress admin panel. The main one (Photographers), and one for each photographer. In those, you would have to include the portfolio shortcode, that withdraw items from it's specific category.

   Now, you can add an item to your main menu, called "Photographers", sub-items that will correspond to each of your portfolio categories.

   Hope that helps.

   Posted 10 months ago #
6. 

   VR360
   Member

   Hello Ruderic, thank you.

   I'm doing my portfolio page whitout the portfolio shortcode because I didn't discovered how the portfolio categories and portfolio shotrcode works for me. I tried using the portfolio shortcode in this page: http://www.vr360.com.br/portfolio/automobilistico/ , but with or whitout the portfolio shortcode it appearance remains the same, so I used the one half shortcode to put the photos in columns.

   So for the main portfolio page that I want to appear all the photos of all the categories I need to insert it manually with the columns shortcode, is that ok ?

   About the social media shortcode: How can I insert one facebook like button for each individual image ? How can I align the social media shortcodes ? the buttons don't stay in the same line. The facebook like button is working, but when shared it displays my shortcode codes in the description, how can I change it ?

   Thank you ! And sorry I can't understand things easily, I'm really new to Wordpress and HTML.

   Posted 10 months ago #
7. 

   Elliott
   Support

   Hello VR360,

   The portfolio_grid shortcode can use columns, http://mysitemyway.com/docs/index.php?title=Portfolio_Shortcode.

   As for your social media buttons send us a link to the exact page where you want them to display so we can get a better idea of what your trying to do.

   Posted 10 months ago #
8. 

   VR360
   Member

   Hi Elliott,

   Here's an example page with the social media buttons:
   http://www.vr360.com.br/portfolio/automobilistico/
   I'd like to assign a fbook like button for each individual image.

   About the portfolio grid shortcode, I know they exist, but I don't know how it works.
   After inserting the porfolio grid shortcode how I insert the images ? I tried to insert the photos just after the shortcode but they don't appear as a grid, just one below each other like a list. So I just could do it right with the "one half"shortcode.

   Thank you

   Posted 10 months ago #
9. 

   Elliott
   Support

   That doesn't seem to be the portfolio you are using there VR360. It looks like you have the shortcode setup correctly. If you want to setup a different URL for each button then you can do this,

   Open up /wp-content/themes/awake/lib/shortcodes/23-social.php and on line 194 you should see this,

   $out = '<div class = "mysite_sociable"><iframe src="http://www.facebook.com/plugins/like.php?href='.get_permalink();

   Change it like this,

   $out = '<div class = "mysite_sociable"><iframe src="http://www.facebook.com/plugins/like.php?href='.$href;

   And on line 185 you should see this,

   'colorscheme' => 'light',

   On the next line add this,

   'href' => get_permalink(),

   Now you can select which URL you would like to use with the like button,

   [fblike href = "custom link"]

   Posted 10 months ago #
10. 

    VR360
    Member

    Thank you Elliott, now the fbook like button is working fine for each individual photo.

    There's a way I can control the description of the link when published in the facebook wall ?
    Because it's publishing all the codes of the plugin there.

    Thank you again

    Posted 10 months ago #
11. 

    Elliott
    Support

    I'm not sure what you mean VR360, can you take a screenshot?

    Posted 10 months ago #
12. 

    VR360
    Member

    Elliott,

    Here is the image. I don't want those strange codes to appear and if possible share a thumbnail of the image with the link in facebook.
    Where I can change the description ? The final link is a SWF file, it's possible to hiden this extension ?

    Thanks

    

    Attachments

    1. Captura_de_tela_2011-07-25_às_19.10.4.png (44.1 KB, 0 downloads) 10 months old

    Posted 10 months ago #
13. 

    Elliott
    Support

    I don't think the like button should be doing that. Perhaps you are using a share button / link?

    Posted 10 months ago #
14. 

    VR360
    Member

    I'm using fblike button with a panorama plugin shortcode for the photo:

    [pano file="vilamadalena.swf" width="400" height="200" title="Vila Madalena" preview="madalenapreview.jpg" panobox="on"][fblike href=http://www.vr360.com.br/tour360/vilamadalena.swf]

    Any idea ?

    Posted 10 months ago #
15. 

    Elliott
    Support

    When I click on the like button all I get is a login screen and then it adds one to the counter. I do not see a page like that so it must be a share link that your using.

    I think the description field is taken from the first paragraph or the pages meta description though.

    You can try installing an SEO plugin such as "All in One" SEO and manually set the description for that page to see if it changes.

    Posted 10 months ago #
16. 

    VR360
    Member

    Thanks Elliott,

    The strange codes appear because the link goes directly to a flash page, swf format, I think there's no way to change the description of it. The AllinOne plugin was already installed.

    So I will just leave a generic social buttons on the end of the page. I've insert it via Sharethis plugin.
    Now I would like to take off the original Share this Post buttons that goes in the end of the portfolio page, I already tried to check the Disable social bookmark buttons but it don't work. How can I take it off ?

    Thank you

    Posted 10 months ago #
17. 

    Elliott
    Support

    You need to manually set the description, http://www.dowebseo.com/wordpress-seo-tips/all-in-one-sep-pack-meta-description-keywords/.

    We'll have some options for this in a future update but for now you can use the plugin to get it working. It might take awhile before facebook recognizes it but I am pretty sure facebook grabs it from the description meta tag.

    As for the share this post module navigate to Dashboard -> Awake -> Blog and make sure the "Disable Social Bookmarks" option is checked. If that does not work for you then add this line in the custom CSS section,

    .share_this_module { display: none; }

    Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.