issues with adding filterable portfolio modern portfolio theme

Community Forums Forums General Discussion issues with adding filterable portfolio modern portfolio theme

This topic is: resolved

This topic contains 11 replies, has 3 voices, and was last updated by  dmcleod87 7 months, 3 weeks ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #83743

    dmcleod87
    Participant
    Post count: 53

    hi all,

    i’ve been following this tutorial (http://sridharkatakam.com/filterable-portfolio-genesis/) trying to implement the portfolio. i’ve gone through it 3 times now but get the same result. the portfolio filter options are in the correct place but the portfolio thumbnails themselves are partially hidden off to the right of the page.

    anyone know what might be causing this to occur? this is the code from the custom page template-

    
    <?php
    /**
     * Template Name: Filterable Portfolio
     *
     * By Sridhar Katakam (http://sridharkatakam.com) based on Adapt Theme (http://www.wpexplorer.com/adapt-free-responsive-wordpress-theme/)
     */
    ?>
    
    <?php
    
    # Force full width content
    add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
    
    wp_enqueue_script('isotope', get_stylesheet_directory_uri() . '/js/jquery.isotope.min.js', array('jquery'), '1.5.25', true);
    wp_enqueue_script('isotope_init', get_stylesheet_directory_uri() . '/js/isotope_init.js', array('isotope'), '', true);
    
    //* Add custom body class
    add_filter( 'body_class', 'filerable_portfolio_add_body_class' );
    
    //* Filterable Portfolio custom body class
    function filerable_portfolio_add_body_class( $classes ) {
        $classes[] = 'filterable-portfolio-page';
            return $classes;
    }
    
    remove_action( 'genesis_loop', 'genesis_do_loop' );
    add_action( 'genesis_loop', 'filterable_portfolio_do_loop' );
    
    /**
     * Outputs a custom loop
     *
     * @global mixed $paged current page number if paginated
     * @return void
     */
    function filterable_portfolio_do_loop() { ?>
    
        <header id="page-heading" class="entry-header">
            <?php genesis_do_post_title(); ?>
            <?php $terms = get_terms( 'portfolio-category' ); ?>
            <?php if( $terms[0] ) { ?>
                <ul id="portfolio-cats" class="filter clearfix">
                    <li><a href="#" class="active" data-filter="*"><span><?php _e('All', 'genesis'); ?></span></a></li>
                    <?php foreach ($terms as $term ) : ?>
                        <li><a href="#" data-filter=".<?php echo $term->slug; ?>"><span><?php echo $term->name; ?></span></a></li>
                    <?php endforeach; ?>
                </ul><!-- /portfolio-cats -->
            <?php } ?>
        </header><!-- /page-heading -->
    
        <div class="entry-content" itemprop="text">
             <?php $wpex_port_query = new WP_Query(
                array(
                    'post_type' => 'portfolio',
                    'showposts' => '-1',
                    'no_found_rows' => true,
                )
            );
            if( $wpex_port_query->posts ) { ?>
                <div id="portfolio-wrap" class="clearfix filterable-portfolio">
                    <div class="portfolio-content">
                        <?php $wpex_count=0; ?>
                        <?php while ( $wpex_port_query->have_posts() ) : $wpex_port_query->the_post(); ?>
                            <?php $wpex_count++; ?>
                            <?php $terms = get_the_terms( get_the_ID(), 'portfolio-category' ); ?>
                            <?php if ( has_post_thumbnail($post->ID) ) { ?>
                                <article class="portfolio-item col-<?php echo $wpex_count; ?> <?php if( $terms ) foreach ( $terms as $term ) { echo $term->slug .' '; }; ?>">
                                    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php echo genesis_get_image( array( size => 'portfolio' ) ); ?>
                                    <div class="portfolio-overlay"><h3><?php the_title(); ?></h3></div><!-- portfolio-overlay --></a>
                                </article>
                            <?php } ?>
                        <?php endwhile; ?>
                    </div><!-- /portfolio-content -->
                </div><!-- /portfolio-wrap -->
            <?php } ?>
            <?php wp_reset_postdata(); ?>
        </div><!-- /entry-content -->
    
    <?php }
    
    genesis();
    http://www.portfolio.dylanmcleod.net.au/recent-work/
    #83776

    Anita
    Participant
    Post count: 7484

    Since you are using Sridhar’s code and instructions, you should contact him to assist you with this.


    When asking for help, please provide a link or screen shot showing your problem!
    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me!

    #83883

    dmcleod87
    Participant
    Post count: 53

    hi anitac,

    i left him a comment on his website but no response as yet. his website also said not to contact him for help unless directed by him so didn’t want to annoy him. just thought someone on here may be able to help that’s all.

    thanks

    #83893

    emasai
    Participant
    Post count: 648

    Hi Dylan,
    Yes, I had an issue with it using the Sample Child theme. I wanted it to show on the home page and Sridhar was not able to find the issue. A programmer I know had to rewrite a portion of the code. However this might not be the same issue you are having.

    I got your images to move over to the left below the titles by deleting the overflow: hidden in .entry-content. That may have repercussions elsewhere, but it seems to work now.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    #83895

    Anita
    Participant
    Post count: 7484

    Wow @dmcleod87, I didn’t realize he had a policy like that. Glad to know that now.


    When asking for help, please provide a link or screen shot showing your problem!
    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me!

    #83898

    dmcleod87
    Participant
    Post count: 53

    yeah @anitac i can understand why though, he probably gets inundated with requests for free help on a daily basis!

    #83899

    Anita
    Participant
    Post count: 7484

    Well, I would just think that if you write a blog post and share it with people to use – that you would provide support for whatever code it was that was provided. But everyone has their own policies.


    When asking for help, please provide a link or screen shot showing your problem!
    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me!

    #83901

    dmcleod87
    Participant
    Post count: 53

    thanks @emasai, that works in chrome but not in firefox. guess i’ll keep tinkering away!

    #83902

    emasai
    Participant
    Post count: 648

    Hey Dylan, read my post further up the page, you must have missed it!!


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    #83903

    emasai
    Participant
    Post count: 648

    Yes Chrome is my browser of choice. I will take a look in FF too.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    #83904

    emasai
    Participant
    Post count: 648

    Firefox hangs on my Mac so I switched to Chrome.
    Anyway it works in both, I just forgot that I also added margin-top: 60px to #portfolio-wrap, .filterable-portfolio ;-}}


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    #83908

    dmcleod87
    Participant
    Post count: 53

    ah ok that did the trick…thanks so much!

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.