How do I add a sidebar to the fullwidth page template? « Support Forum | Kriesi.at

Support Forum » Brightbox

How do I add a sidebar to the fullwidth page template?

9 posts from 3 voices

Started 9 months ago by robertryan
Latest reply from Nick
This topic is not resolved

Tags:

robertryan
Member

For the homepage of http://www.tareendermatology.com/ 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?

Posted 9 months ago #
robertryan
Member

hello?

Posted 9 months ago #
Nick
Moderator

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.

Thanks,

Nick

Posted 9 months ago #
robertryan
Member

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.

Posted 9 months ago #
Mya
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:
```

</div>
```
Add this:
```
<?php
//get the sidebar
$avia_config['currently_viewing'] = 'page';
if(is_front_page()) { $avia_config['currently_viewing'] = 'frontpage'; }
get_sidebar();
?>
```
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.

Regards,
Mya
Posted 9 months ago #
robertryan
Member

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.

Posted 9 months ago #
Nick
Moderator
Hi,

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
```

```
So when you are finished the section of the file would look like
```
get_header();
?>
<?php
//get the sidebar
$avia_config['currently_viewing'] = 'page';
if(is_front_page()) { $avia_config['currently_viewing'] = 'frontpage'; }
get_sidebar();
?>

<div class='container_wrap' id='main'>
```
Good luck,

Nick
Posted 9 months ago #
robertryan
Member

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.

Posted 9 months ago #
Nick
Moderator
Hi,

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' );
```
to
```
get_template_part( 'includes/loop', 'fwhp' );
```
4) In loop-fwhp.php please *find*:
```
<div class="entry-content">
```
and paste *before* the above line:
```
<?php
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
```
register_sidebar(array(
		'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!

Nick
Posted 9 months ago #