Diplay Child Pages in Parent Pages with Portfolio Style – Shorcode?

Homepage Community Forums Adapt Theme Support Diplay Child Pages in Parent Pages with Portfolio Style – Shorcode?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1285
    dashinfashion
    Customer

      Hi there,

      Just bought the theme and love the simplicity!

      I see that there is a portfolio page that feeds from the post category. Is there a way to dispay child pages in parent pages similar to the portfolio layout? 4 columns? I downloaded the displays post sortcodes plugin which pulls the information but I want to have the same look and feel of the portfolio page.

      Thanks!

      #1287
      Wes
      Moderator

        I’m sure there is a way to do it, but I haven’t personally done this yet since the portfolio page is so simple.  Its basically just the blog, but redesigned with a few extras.  I would like to add more features in the near future, especially something like what you’re requesting.

        Since the plugin was made by a Genesis Developer, I went ahead and gave it a try, but I’m still not sure how to implement the portfolio layout with this particular method.

        Would it be too difficult to create a custom page with the Portfolio links that link to separate categories?  If so, I know this can be done since we can create multiple portfolio pages that show separate categories. (the tutorial on how to do this – https://appfinite.com/tutorials/)  This method would involve manually creating the html which links to the separate portfolio pages.  I can give you a head start if you’re interested in this method…..until I have a way to do it automatically in the theme settings.  Just let me know if you’re interested in this, otherwise I would recommend searching for a portfolio plugin that is designed to handle this.

         

        #1293
        dashinfashion
        Customer

          Thanks for your quick reply. I prefer not to create manual html links as I have 100s of pages – and this is why I am moving to wordpress 🙂
          Plus, I can’t connect pages to categories, they are all sub-parent pages. Isn’t there a way to create a loop (not sure how to do this but started reading about this). If you look at the plugin can you see a way to create something in the stylesheet? Here is the wiki page: https://github.com/billerickson/display-posts-shortcode/wiki towards the bottom there are customization options and also include css info. I think this would be a great add to the template and it also allows to display blog posts, etc. by shortcode. I will definitely use this but I’m hoping to give this the same look and feel of the template.

          You mentioned looking for a portfolio theme that can handle this – do you know of one? Do any other genesis child themes offer this?

          Also, I see on my menu that there is a problem with the submenu and arrows not lining up . BTW, do you know of a good mega menu that opens horizontally across the screen? I have 100s of pages and need to find a way improve navigation.

          Thanks!!

          #1295
          Wes
          Moderator

            When I mentioned creating custom html manually, I was suggesting to do that on 1 page that would link to the different categories (which you don’t have to create manually since they’ll already be created automatically).  So you would only be creating one single page with links that link to all of your categories…….does that make sense?

            For the plugin, I’m really not sure if it will work or not since I don’t have any experience with it.  Bill (the creator) would definitely be the best person to ask, I wouldn’t want to lead you in the wrong direction from making guesses.  He’s a nice guy, very helpful, so I’m sure he could let you know if this will work.

            I was actually recommending trying out a plugin (not a theme) to handle your portfolio if this one isn’t enough.  I don’t know of any specifically, but I do know there are plenty of them out there, a lot of them are free as well – http://wordpress.org/extend/plugins/  You also have the “premium” plugins that you could take a look at on Code Canyon here – http://codecanyon.net/search?utf8=%E2%9C%93&term=WordPress+Portfolio

            As I mentioned earlier, I do plan to come up with more features to add to the portfolio, but I don’t have a date yet, as it will take some time to put something together.

            For the menu issue – I just added more menu links under the sample menu on the demo and it seems to be working fine on my end.  So I’m guessing you may have added something that could be throwing it off possibly.  Do you remember what all changes you’ve added to the css?

            #1296
            dashinfashion
            Customer

              Hi Wes,

              Thanks for your response. I have emailed Bill but there doesn’t seem to be a simple answer. He mentioned this: using Genesis Column Classes ( http://www.studiopress.com/tutorials/content-column-classes ) to break it into 4 columns. You’ll need to use an approach like this ( http://www.billerickson.net/code/add-classes-to-display-posts-shortcode/ ) to add the classes to each item. Which is looks over my head.

              I played a bit with the css and got pretty close by using float: left on the image. http://www.affiliatefashionista.com/kidsfashionbelgium.html Only problem is that I can’t get the title to line up under the image. When I remove the title it lines up nicely. Any idea how to get the title to go under the image  in PHP? Can I send you the short source page?

              The problem with the other plugin and the suggestion for 1 page is that I’m not using categories, these are all sub-PAGES. Most of the plugins aren’t built for this, they seem to work on posts w/ categories or portfolio pages. Did I miss something here, would it still work with parent/child pages?

              I’m noticing a strange javascript like roll-over on images. how do I cancel this?

              Not sure what’s wrong with the menu on my side. I think the menu issue is when there are multiple layers. When I cancel the arrows the layout is fine.

              #1297
              Wes
              Moderator

                I’d be the wrong person to ask on the php for this plugin.  However, I can recommend some changes you could make to the css to get it to align better.  Rather than set a float to the image and title, it would be better to add the float to the div that its contained in.  I see that the div class is – “listing-item” so you will need to add that to your css file, and then style it with float left and give it a width like this –

                .listing-item {
                float: left;
                margin: 20px 20px 20px 0;
                width: 250px;
                }

                The “rollover” effect that you see (which was actually meant for something different) can be adjusted on line 760 in your style.css file. You can change the padding to 0 and it won’t move around like its doing now. Also, you could get rid of the opacity if you don’t want it to fade. The css transition can also be removed if you don’t want it to “ease in”. –

                #content a:hover img {
                -moz-transition:all .5s ease;
                -o-transition:all .5s ease;
                -webkit-transition:all .5s ease;
                transition:all .5s ease;
                opacity: .5;
                padding: 4px;
                }

                I’ve done the exact same thing for the demo menu and the issue doesn’t appear. It has to do with something in your css…..probably margin/padding or extra width that was added somewhere.

              Viewing 6 posts - 1 through 6 (of 6 total)
              • You must be logged in to reply to this topic.