Okay
  Public Ticket #629897
Page element order
Closed

Comments

  • Jesse started the conversation

    Hi - I'm using the Home Extended page as my splash page in Nerduck. I'd like to reorder the page elements though:

    1. Prehero, 2. Hero (slider), 3. Text box, 4. Portfolio categories, 5. Portfolio grid, 6. Footer

    Also I'd like to adjust the PreHero margins and justify its text.

    How can I do this?

    Thanks.

  •  1,823
    Support replied

    hi there,

    open portfolio-mixed-page.php and add

    <!-- Portfolio Filters -->

    <ul id=\"filters\">

    <li><a id=\"all\" href=\"#\" data-filter=\"*\" class=\"active\"><?php esc_html_e(\'all\', \'clapat_nerduck_theme\'); ?></a></li>

    <?php

    $portfolio_category = get_terms(\'portfolio_category\', array( \'hide_empty\' => 0 ));

    if($portfolio_category){

    foreach($portfolio_category as $portfolio_cat){

    ?>

    <li><a href=\"#\" data-filter=\".<?php echo sanitize_title( $portfolio_cat->slug ); ?>\"><?php echo sanitize_title( $portfolio_cat->name ); ?></a></li>

    <?php

    }

    }

    ?>

    </ul>

    <!--/Portfolio Filters -->

    on line 61 right above the portfolio div and move

    <div class=\"container\">

    <?php the_content(); ?>

    </div>

    right above the protfolio filters.

    Requires a bit of php knowledge.

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1,823
    Support replied

    Add the width of the pre hero in media queries

    for example

    @media only screen and (max-width: 1466px) {

    #pre-hero{

    width: 1029px;

    }

    }

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Jesse replied

    Thank you. It\'s helping, but something\'s not right.

    1. The portfolio filters are now appearing twice. I only want the second one. But I\'d like it to have the same CSS as the first, which is doesn\'t..

    2.The text block is in the right place, but is also appearing at the bottom of the page. I\'d like to remove the repeated text block at the bottom of the page.

    Sorry I don\'t really know PHP just hacking this the best I can. Here\'s the portfolio-mixed-page.php as it now stands:



    <?php

    /*

    Template name: Portfolio Mixed Template

    */

    get_header();

    global $cpndk_hover_effect;

    while ( have_posts() ){

    the_post();

    $columns = redux_post_meta( THEME_OPTIONS, get_the_ID(), \'cpndk-opt-page-portfolio-columns\' );

    $show_filters = redux_post_meta( THEME_OPTIONS, get_the_ID(), \'cpndk-opt-page-portfolio-show-filters\' ) ? \'\' : \'class=\"filters-hide\"\';

    $cpndk_hover_effect= redux_post_meta( THEME_OPTIONS, get_the_ID(), \'cpndk-opt-page-portfolio-hover-effect\' );

    $margins = redux_post_meta( THEME_OPTIONS, get_the_ID(), \'cpndk-opt-page-portfolio-margins\' ) ? \'\' : \'no-gutter\';

    $max_items= redux_post_meta( THEME_OPTIONS, get_the_ID(), \'cpndk-opt-page-portfolio-mixed-items\' );

    if( empty($max_items) ){

    $max_items = 1000;

    }

    ?>

    <?php

    $pre_hero = redux_post_meta( THEME_OPTIONS, get_the_ID(), \'cpndk-opt-page-enable-pre-hero\' );

    if( $pre_hero ){

    get_template_part(\'sections/portfolio_pre_hero_section\');

    }

    else{

    }

    ?>

    <?php

    $hero_type = redux_post_meta( THEME_OPTIONS, get_the_ID(), \'cpndk-opt-page-hero-type\' );

    if( $hero_type != \'none\' ){

    get_template_part(\'sections/hero_section\');

    }

    ?>

    <!-- Main -->

    <div id=\"main\">

    <div id=\"portfolio-wrap\" class=\"<?php echo esc_attr( $margins ); ?>\">

    <div class=\"container\">

    <?php the_content(); ?>

    </div>

    <!-- Portfolio Filters -->

    <ul id=\"filters\">

    <li><a id=\"all\" href=\"#\" data-filter=\"*\" class=\"active\"><?php esc_html_e(\'all\', \'clapat_nerduck_theme\'); ?></a></li>

    <?php

    $portfolio_category = get_terms(\'portfolio_category\', array( \'hide_empty\' => 0 ));

    if($portfolio_category){

    foreach($portfolio_category as $portfolio_cat){

    ?>

    <li><a href=\"#\" data-filter=\".<?php echo sanitize_title( $portfolio_cat->slug ); ?>\"><?php echo sanitize_title( $portfolio_cat->name ); ?></a></li>

    <?php

    }

    }

    ?>

    </ul>

    <!--/Portfolio Filters -->

    <div id=\"portfolio\" data-col=\"<?php echo esc_attr( $columns ); ?>\">

    <?php

    $paged = (get_query_var(\'paged\')) ? get_query_var(\'paged\') : 1;

    $args = array(

    \'post_type\' => \'clapat_ndk_portfolio\',

    \'paged\' => $paged,

    \'posts_per_page\' => $max_items,

    );

    $gallery = new WP_Query($args);

    while($gallery->have_posts()){

    $gallery->the_post();

    get_template_part(\'sections/portfolio_section_item\');

    }

    wp_reset_postdata();

    ?>

    </div>

    </div>

    <div class=\"container\">

    <?php the_content(); ?>

    </div>

    </div>

    <!--/Main -->

    <?php

    $page_nav = redux_post_meta( THEME_OPTIONS, get_the_ID(), \'cpndk-opt-page-enable-bottom-nav\' );

    if( $page_nav ){

    get_template_part(\'sections/page_navigation_section\');

    }

    ?>

    <?php

    }

    get_footer();

    ?>

  •  1,823
    Support replied

    Remove

    <div class=\"container\">

    <?php the_content(); ?>

    </div>

    before closing Main div at the bottom of the file

    and try setting \'Show Portfolio Filters\' to \'No\' in page options Portfolio Templates

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy