Jump to content
Sign in to follow this  
dawsonbarber

I need to add a sidebar to the homepage of a site

Recommended Posts

dawsonbarber

I've got a site with a slider below the navbar on the homepage.

Below the slider, I want to basically have three columns - two would contain product info areas (each with three products per area, two product info areas per "row") and the third would contain recent posts (added via shortcode from a plugin).

Each product info area needs to have a heading, an image, some text, and a link/button.

I'm thinking of the recent posts box as a sidebar because of how I want it to behave.

I've tried to achieve this by adding three Boxes Sections below the slider - the first section with three boxes (for the first row of the product areas and for the recent posts) and the other two sections with two boxes (for the remaining rows of product areas).

The problem is that the second and third Box Sections are force to sit below the first Box Section, which, since the Recent Posts box is basically equivalent in height to the entire product info area, leaves a huge blank space below the first row of product info boxes.

I've looked for a way to add a sidebar to the homepage but haven't had success. The universal sidebar seems to span the full width of the page and custom CSS doesn't seem to do the trick, so I'm guessing that that isn't the way to go.

I know that I can use one Box Section with three boxes and add all of the content for the product info area into the first two boxes and the shortcode for recent posts in the third box, but I'm wondering if there's a better way.

Share this post


Link to post
Share on other sites
dawsonbarber

Okay, so I think I've worked it out.

In the template for the homepage, under Page Templates, I've got Features section for the slider and Content section active.

And then under Content Area for the same template, I'ved added three rows of Boxes to Active Sections.

And, finally, under SB1, I've added the Tertiary Sidebar section to Active Sections.

Everything seems to be lining up the way I want, so I think I'm all sorted now.

Share this post


Link to post
Share on other sites
dawsonbarber

I just found out that I needed to take a couple more steps to get things working/looking properly.

Inside the WordPress text editor for the page I'm editing (homepage), under PageLines Meta settings, I needed to select the page layout so that the sidebar showed up where I wanted it and I also needed to tick the "Hide the Primary Sidebar" box under Individual Page Section Control in order to keep it from showing up on (and throwing into disarray) the homepage.

Now it looks like I am well and truly sorted.

Share this post


Link to post
Share on other sites
Rob

Great. Happy you were able to sort that out.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob

The topic was marked as resolved.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • Erika
      By Erika
      My sidebar is now showing up below the content, but only on the homepage. 
      I've tried disabling plug-ins individually, checking column width, and <div> tag errors on the page as well as in individual posts that are displayed on my homepage. I don't know exactly when this issue arose, so I don't know what else to try! 
      Here's the page link:
      https://confessionsofacosmetologist.com/
    • Michael Kummer
      By Michael Kummer+
      Hi guys!
      I have noticed that my primary sidebar becomes intermittently invisible when browsing through various blog articles on michaelkummer.com/blog.
      See:
      https://www.dropbox.com/s/z646sgoa3mfjl1j/Screenshot 2018-07-12 15.57.46.jpg?dl=0 and https://www.dropbox.com/s/vdledzzgginvwgv/Screenshot 2018-07-12 15.57.57.jpg?dl=0
      Upon refresh, the sidebar appears. I have been using the following CSS code to hide the sidebar on mobile without any issues. 
      @media only screen and (max-width: 993px) {
      /* hide sidebars */
           .plsb {
              display: none !important;
          }
      }
      I tried to add the following CSS to force the sidebar to show on screens that are wider than 994 pixels but to no avail. Any clue what could be causing this issue?
    • Anthony CALCI
      By Anthony CALCI+
      Hello,
      I have switched from the Framwork theme to DMS theme on http://calcipatrimoine.theproofingcompany.fr (miror site of http://calci-patrimoine.com).
      But I have now only the Primary sidebar in the Widget section ! Secondary sidear, Footer sidebar have all disapear...
      Can I have help to have them back ?
      Regards,
      Anthony
    • Emili
      By Emili+
      HI, I have problems in page Editor to fully use platform 5.
      When I choose a Wordpress content section everything is fine : my post can be clicked.
      MY PROBLEM : When I choose a Platfom 5 section (like Magazine or MagX or Pins ou Loops...) and I click on my posts : nothing happens, it reboots on the home page.
      Can anybody help me please?
×