Executive Pro Theme : Using Slider Widget with Content on Home page?

[hobbygirl66]

Hi- I am using Executive Pro theme. In theme if you opt to use the Home Page Slider Widget ( or any widget) on the home page it overrides static page feature.

I want the home page to have static information. The clients want a very traditional looking site so I cant use other widgets for various reasons.
They want the slider across top then home page like content below.

So ideally what I would like is 700 px x 300 px slider across in top of home page content area, primary sidebar on right, then under the slider home page content.

If I use a page named "home" and make it static I can't use the slider in the Home Page Slider widget area.

Is there a way to do this with Genesis responsive slider widget?

OR would i jusyt have to use a plugin to insert slider into the top of "home page" instead?
Thanks!
Lisa

[nutsandbolts]

You can alter your home.php (or front-page.php depending on what your theme uses) to show the loop after the widget areas. That way, instead of replacing posts with the widget areas, you can display both. Let me know if you need more details on how to do this.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[hobbygirl66]

Hi Andrea- thanks for your quick reply- yes I do need further help 🙂
I used a fix so that slider will show up by creating a widget for home page only but it is not quite what I want- the slider is going across the whole width of content area ( 1140) and I want it to just go width of page.post content area approx 700 px.

I want to to fit how you are suggesting, Just before the post/.page title loop, etc and so primary sidebar stays wehere it is on the side nut under slider.
I don't how how to pop the Genesis responsive Widget code in that loop.

Thanks,
Lisa

[nutsandbolts]

Okay, this is actually pretty easy to do. In your front-page.php, comment out the following line:

remove_action( 'genesis_loop', 'genesis_do_loop' );

by changing it to this:

// remove_action( 'genesis_loop', 'genesis_do_loop' );

That will leave the Genesis loop in place while allowing you to use the slider and other home widget areas. I've got this on a test site and I'm seeing the slider at the top with posts underneath. Let me know if you run into issues!

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Just saw the part about wanting the slider inside the content-sidebar wrap - try the part above first and then we'll see how the sidebar is looking and go from there.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[hobbygirl66]

Hi Andrea- thanks for the suggestion- this method isnt working. The slider is not showing up.
I pm'd you the site address

Lisa

[hobbygirl66]

This reply has been marked as private.

[hobbygirl66]

Sorry- scrolling down I see the slider place where I want but along the bottom AFTER the post...

Otherwise it looks like how I want 🙂 Just need to go above.

Lisa

[nutsandbolts]

I'm confused - I'm still seeing the static homepage. What am I missing?

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[hobbygirl66]

Hi- if you scroll down on home page you will see slider at bottom of page, below content. I would like it to at top above content.

thanks!
Lisa

[nutsandbolts]

Okay, now I see it. Try this. Remember that function I had you comment out before? Remove the // from the beginning of it to allow it to work again, then add this to the bottom of your front-page.php before genesis();

add_action('genesis_loop', 'genesis_standard_loop', 5);

With any luck, that will display the slider area first, then the content below, but we may have to tweak it a little.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Thinking about this, it may be happening because you're using a static homepage and not the typical widgetized homepage. The slider was in the right place on my test site so I'm scratching my head a little.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[hobbygirl66]

lol.. Yes I know ... that is the problem 🙂

What theme are you using where you get desired effect?

I tried second method and same result. Slider behaving and looking how I want it to ....but at bottom of page content and i want it above the title.

It needs to be above page content/title otherwise I would just use a slider on the home page "page".

It SEEMS like something that should be easy to do, eh?

Lisa

[nutsandbolts]

I'm using Executive Pro - I installed it on the test site specifically to help you get this working. However, you've made other modifications (like the sidebar on the homepage) that I haven't, so it's hard to know what the difference is.

If you need to use the static homepage, it might make sense to revert back to the idea of a separate widget area instead. The CSS will be a pain, but you can likely add your widget area's div class to all the style rules for #home-slider and get the same effect.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[hobbygirl66]

Andrea- Im sorry to take up so much of your time- If you could be a little more specific on what code to put where I would appreciate.
I have created a widget called "welcome text" but it spans across the top of content + sidebar and much too wide for effect they want,

I don't think I can fix in css 🙂

I think I may have to use widget on home page like I wanted and placer them and content so that gives them more traditional layout.

I really thought this would be an easy fix!!! ARGH .

Lisa

[nutsandbolts]

Can you paste in the function you used to add the welcome text area? It probably just needs a different hook to make it show up in the right place.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[hobbygirl66]

I have another thought- How about using the "Home-Top" widget which is configured to fit 3 "featured pages" widgets with a neat little row across . Instead have it be one wider one and using a text widget for home page content?

Am I describing correctly?

Here is the function for "welcome text" widget

/** Add the welcome text section */
add_action( 'genesis_before_content_sidebar_wrap', 'custom_welcome_text' );
function custom_welcome_text() {
if ( is_front_page())
genesis_widget_area( 'welcome-text', array(
'before' => '',
) );
}

Lisa

[hobbygirl66]

sorry, also this code,

/** Add the welcome text section */
add_action( 'genesis_before_content_sidebar_wrap', 'custom_welcome_text' );
function custom_welcome_text() {
if ( is_front_page())
genesis_widget_area( 'welcome-text', array(
'before' => '',
) );
}

which I think might be the culprit- I think I need to add this to different spot than genesis_before_content_sidebar_wrap

Lisa

[nutsandbolts]

Right. If you want it to display within the sidebar area, try this one and see if it works:

/** Add the welcome text section */
add_action( 'genesis_before_loop', 'custom_welcome_text' );
function custom_welcome_text() {
if ( is_front_page())
genesis_widget_area( 'welcome-text', array(
'before' => '',
) );
}

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Author]

Posts