• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Altitude Pro Template With Featured Section Like Front Page 1

This tutorial provides the code which creates a page template a bit like the Altitude Pro themes front page template.

The template enables you to add a featured image after the header and before the page content.

You can then add unique content over the featured image on every page which displays like this:

page-template-altitude-pro

The image is added using the featured image meta box with a fallback image pulled from your child themes images folder when empty.

The template only works on the Altitude Pro theme as it uses existing jQuery and CSS already included in the theme. You can use the template in other Genesis child themes if you copy over the CSS.

The image is displayed in the same way the themes front-page-1 widget area shows the image and the content is displayed over the image using a custom field rather than a widget which enables usage on unlimited pages.

custom-field

You can also use the template on posts if needed simply by renaming the file to single.php and removing the page template header.

single-post-template

Here’s the template for logged in members:

Register for full access

Related Templates

  • Mirror Altitude Pro Themes Front Page 1 Widget Before Any Single Page

Altitude Pro

Reader Interactions

Comments

  1. Tod Dale says

    April 29, 2017 at 3:48 pm

    I’m a newbie… so this is not much of a tutorial. The download files go where exactly?
    wp-content/themes/altitude-pro/???

    There is a js folder in the download files. Do the files in this folder go in wp-content/themes/altitude-pro/js/ directory?

    There is a page_featured.php and a single.php … Do these go in the wp-content/themes/altitude-pro/ directory?

    There is a style.css … wp-content/themes/altitude-pro/ already has a stylesheet. So just paste the code into existing stylesheet?

    I’m a quick study if there are clear instructions.

    Log in to Reply
    • Brad Dalton says

      April 29, 2017 at 4:14 pm

      Sorry buddy. I forgot the Installation steps. I have now updated the tutorial and emailed you a copy of the theme with the code installed. Let me know if you get stuck and i can install it for you on your installation.

      Also, remove the single.php file if you don’t want to use it on single posts.

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.