Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #15135

    For the homepage of I have the full width page option selected because it gives the nice full width slider image. But I also want the widget areas below the the slider image. How do I code a new template to make this work?




    Hi Robert,

    Sorry for the delay. Very clean looking page. The widget areas are listed on the Widgets page. Other than that the template builder has a lot of options. You of course can use a number of different plugins to create custom widget areas as well.




    I know where the widget areas are located. The problem is that a page with a full width image doesn’t allow for a widget area as well. With your knowledge of the theme, it should be an fairly straight forward to offer directions on how to customize the theme so as to have both a full width image with a content and image area below it. Any specific information would be greatly appreciated.


    Hi robertryan,

    What you’ll need to do is open template-fullwidth.php and save as template-fullsidebar.php. On line 3 change “Template Name: Fullwidth Page” to “Template Name: Fullwidth + Sidebar” (without the quotes) then directly underneath this area:

    <!--end content-->

    Add this:

    //get the sidebar
    $avia_config['currently_viewing'] = 'page';
    if(is_front_page()) { $avia_config['currently_viewing'] = 'frontpage'; }

    What this will do is add the sidebar functionality to the page. You’ll of course want to create a new sidebar for this page if you haven’t done so already by going to Brightbox > Theme Options > Sidebar.

    After you’ve done the above go to Pages > Whatever Page and select the Template Name you used then click update.




    Thanks for the help Mya. That almost works. The thing is now that the sidebar actually appears below the content. I’m guessing this is a CSS issue? Any further guidance would be greatly appreciated.



    To make the sidebar appear between the slider and the content :

    Please open the file that Mya assisted you with, template-fullsidebar.php, and make sure that the block of code that you pasted (as per Mya directions) is moved *above* the line shown below within the file

    <!-- ####### MAIN CONTAINER ####### -->

    So when you are finished the section of the file would look like

    //get the sidebar
    $avia_config['currently_viewing'] = 'page';
    if(is_front_page()) { $avia_config['currently_viewing'] = 'frontpage'; }
    <!-- ####### MAIN CONTAINER ####### -->
    <div class='container_wrap' id='main'>

    Good luck,



    Thanks for the try Nick, but that doesn’t work either. That just adds the sidebar before the slider, which is not where we want it. It also fails to format the sidebar as a SIDE bar, simply leaving it as a fullwidth element that stretches across the top of the page. Any additional help would be greatly appreciated.



    Ok. Please undo all of the previous modifications above. fwhp stands for ‘full width home page’, but you can change it to something else.

    1) Make a copy of template-fullwidth.php and call it template-fwhp.php

    2) Make a copy of includes/loop-page.php and call it loop-fwhp.php

    3) In template-fwhp.php please *change* from:

    get_template_part( 'includes/loop', 'page' );


    get_template_part( 'includes/loop', 'fwhp' );

    4) In loop-fwhp.php please *find*:

    <div class="entry-content">

    and paste *before* the above line:

    echo "<div class='sidebar_middlepg'>";
    if (function_exists('dynamic_sidebar') && dynamic_sidebar('fwhp') ) ;
    echo "</div>";

    5) Please open includes/admin/register-widget-area.php and *find* the line:

    #extra widgets for categories

    and paste *before* the above line

    'name' => 'fwhp',
    'before_widget' => '<div id="%1$s" class="widget %2$s">',
    'after_widget' => '</div>',
    'before_title' => '<h3 class="widgettitle">',
    'after_title' => '</h3>',

    —Part B—

    1) Please create a new page, add the slider image at the bottom, add content & title , and use the template ‘fwhp’ before saving.

    2) In Brightbox>Theme Options designate the page from step above as the home page.

    3) In Appearance > Widgets you should now see a widget area ‘fwhp’

    *) Widgets placed in that area will be inserted below the slider as per your instructions ‘But I also want the widget areas below the the slider image.’

    *) Please use the class ‘sidebar_middlepg’ from step 4 to position/style the widget area. Feel free to add additional classes in the code of step 4.

    Good Luck!


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

The topic ‘How do I add a sidebar to the fullwidth page template?’ is closed to new replies.