Jump to content

Archived

This topic is now archived and is closed to further replies.

wesleymusgrove

Templates for different pages

Recommended Posts

wesleymusgrove    0
wesleymusgrove

I'm having some issues getting 2 different templates to save their own unique and different sections, respectively.  I have one template for the "Home Page" and another template for an "About Us" page.  Both templates have the same fixed navbar, nothing in the "Header Global Scope Region", various sections and widgets in the "Template Local Scope Region", and share a footer menu in the "Footer Global Scope Region".

 

I have added a full-width section between the "Header Global Scope Region" and the "Template Local Scope Region" to the home page template in order to hold a Hero Unit.  I needed to put this hero unit inside a full-width section so it could have a full-width background color.  If I put this hero unit inside the "Template Local Scope Region", a full-width background color is not possible on the hero unit's row alone, as it will also give a full-width background color to the entire body of the "Template Local Scope Region" thereby affecting the other widgets and columns on the home page.  

 

I do not want this hero unit or the full-width section it is contained within to appear on the "About Us" template.  So back on the "Home Page" template, I only filled out the hero unit's local scope section options and left the global options blank.  This however does not prevent the hero unit full-width section from displaying on the "About Us" template.  It just displays the default hero unit's global settings.

 

How can I make the full-width section containing a hero unit only display on the "Home Page" template and not on the "About Us" template?  

 

Are all custom full-width sections forced to be globally applied to all templates?

 

It seems to me that one template's (non-global) regions and sections shouldn't be concerned with another template's (non-global) regions and sections.  Isn't that the point of having different templates so I can give sub pages a different layout from the home page?

 

Any help would be much appreciated.

 

Thanks,

Wesley

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Wesley

 

To resolve the area background color issue add a new full widith section area http://screencast.com/t/1zpn22NY and then place the hero unit inside there, set the color on that full width section area and it will leave the rest of the page content area as standard.

 

It sounds like both pages are using the same template, did you create one template from the other? If so after creating it and saving did you make sure it was actually loaded on that page and saved? If you have Pro Tools installed you should see in the wp admin bar at the top which template the page is currently using, do they both state they're using different templates? The local regions shouldn't appear on other templates at all, unless its a special page like category,archive, search etc.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
wesleymusgrove    0
wesleymusgrove

Hi James,

 

That's precisely what I did previously to get a full-width background on the hero unit.

 

My problem is with this full-width section that's holding the hero unit.  I only added it to the home page template, but it also shows up when I load the "About" template on that page.  Also any changes I make and publish to the About template carry over to the home page template when I switch back to the home page.

 

This screen http://screencast.com/t/hsRcBivTqbQ shows my "Customhomepage" template with the hero unit as it's supposed to be.  It also shows some stuff above the hero unit that I added to the "About" template.  That text box, share box, and navbar shouldn't be a part of the "Customhomepage" template.

 

This screen http://screencast.com/t/uDPIURm9wd shows my "About" template with the hero unit that I added only to the home page template.  It's showing the default global settings, but it shouldn't even be a part of this page.  The text box, share box, and navbar are the only things that should show up.

 

Furthermore, why are both of these templates using the same full-width section?

 

Thanks,

Wesley

Share this post


Link to post
Share on other sites
James B    436
James B

Hi,

 

That full width section has to be within the 'template' area. At the moment its above it.

 

This is where yours is currently, just above the template/local scope area - http://screencast.com/t/gycVf8g7Yu

 

Needs to be under template area, like - http://screencast.com/t/UEHsrklCe


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
wesleymusgrove    0
wesleymusgrove

Ah many thanks.  That did the trick.  For some reason I thought a full-width region had to be siblings with the header/template/footer scope regions, which is why I had it outside the template region.  I put it inside the template region, as you said, and now the different templates are only concerned with what's in their own respective template regions.

 

Thanks again!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Thanks for informing us the issue has been resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
circ2013    2
circ2013

I think I am having a similar issue as this one, but still not getting the the content to be idependent of the template as I would like.  Here is my issue:

 

I have a template called "Products"  This template is shared between 5 different pages/products.

 

Obviously, the WP Content/Loop is unique on every page, but I would like a full width hero image to also be unique on each page (ideally controlled through the page or a widget and not through the DMS editor, but alright it that is going to be the easiest solution for now). 

 

I am trying to insert a RevSlider (but open to other suggestions on tool, widget, plugin...) on the page that will display a lifestyle image below the "Header" and above a two column layout (Col 1 = custom menu/sub nav and Col 2 = WP Content/Loop) that will be unique to the page/product.

 

For example, on the Rancher page I want a photo of a ranch and on the Beach page, it has to be a beach.

 

Today, everything I do puts the same image on all pages using this template.  I am trying to find a solution that doesn't require a unique template for every page of the site.

 

It looks like I am inserting the RevSlider in as a Local Option, but perhaps I am still doing something wrong.  I am attaching a screenshot.

 

http://www.screencast.com/t/4j3BOeNj

 

Thanks,

Scott

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

circ2013 - If you want to have a unique image on specific pages, then what you're going to need to do is load the template you want to use on the page, then unlink that template. Then proceed to make sure your changes, that way the changes will only be specific to that page and not effect other pages using that template.

 

https://cloudup.com/cd6ifEGUguZ


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
circ2013    2
circ2013

I knew it was going to be something easy like that.  Thank you once again.

 

Scott

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Barnaby Skinner
      By Barnaby Skinner+
      Hey all, hope I worded the topic correctly!
      I just need to know if either 1) I'm making a mistake or 2) this could be set as a new feature?
      Using the global settings typography parameters, I have a global paragraph font type (set using googlefonts) and have set the style to align:justify. When laying out <p> text inside a simple TEXT module, the <p> text adheres to both the font type and justification. Perfect.
      Now, when I set <p> text inside the PARAGRAPH TEXT field within an ELEMENT module, the <p> text adheres to the font type, but not the justification. It's rather annoying as I like to fully justify para text across the board and tend to use Element modules instead of text boxes for various reasons. It also seems silly that some PARAGRAPH TEXT fields adopt global settings, whilst other don't.
      Or I'm doing it wrong :S
      Any help or advice is much appreciated!
      Cheers
    • jojoking
      By jojoking+
      I have to admit to being baffled.
      I'm trying to embed a video (from my WP media library) within a WP post using the videobox section shortcode.
      The shortcode section popup only allows two items to be configured - the section type, in this case videobox - and a unique id. There's no URL or other parameters such as autoplay or loop which are available within the Pagelines editor.
      Whatever I put in the unique ID makes no difference to what is shown which seems to be a default video with stars or white noise on a black background.
      I assume I need to define this ID somewhere else, or maybe WP has done it for me?
      HELP!
       
      PS This is the page source generated when a shortcode is added within the WP post editor
      <!-- VideoBox | Section --> <section id="videobox_1675853156" class="pl-sn pl-col-sm-12 pl-col-sm-offset-0 pl-sn-videobox" data-object="PL_VideoBox" data-clone="1675853156" data-level="0"><div class="pl-sn-wrap"><div class="pl-sn-pad fix" data-bind="pledit: true" > <div class="video-highlight"><h3 class="video-title" data-bind="pltext: vb_title"></h3></div> <div class="pl-video-box" data-bind="plcallback: { vb_autoplay: vb_autoplay(), vb_loop: vb_loop(), vb_controls: vb_controls(), vb_video: vb_video()}" data-callback="videobox"> <video id="280414138" autoplay loop > <source src="https://www.handinhandmanchester.org.uk/wp-content/plugins/pl-section-videobox/default.mp4?r=280414138" type="video/mp4" /> No browser html5 video. </video> <script> jQuery('#280414138')[0].load(); </script> </div> </div></div></section> </div>  
      If I add a videobox section using the Pagelines page editor the page source generated includes my video:
      <!-- VideoBox | Section --> <section id="videobox_udvu4uz" class="pl-sn pl-col-sm-12 pl-col-sm-offset-0 pl-sn-videobox" data-object="PL_VideoBox" data-clone="udvu4uz" data-level="0"><div class="pl-sn-wrap"><div class="pl-sn-pad fix" data-bind="pledit: true" > <div class="video-highlight"><h3 class="video-title" data-bind="pltext: vb_title"></h3></div> <div class="pl-video-box" data-bind="plcallback: { vb_autoplay: vb_autoplay(), vb_loop: vb_loop(), vb_controls: vb_controls(), vb_video: vb_video()}" data-callback="videobox"> <video id="429558737" autoplay loop > <source src="https://www.handinhandmanchester.org.uk/wp-content/uploads/2017/04/HIHWelcome.mp4?r=429558737" type="video/mp4" /> No browser html5 video. </video> <script> jQuery('#429558737')[0].load(); </script> </div> </div></div></section>  
    • Jared Smith
      By Jared Smith+
      I haven't figured out how to get the "Sync Loaded Item" option in templates menu of Platform 5 to stay checked. It doesn't give me an option to save settings when I select it, and when I select it then click off the editor, it unselects. Also if I select it before loading a template, it doesn't stay checked there either.  Whats going on?
    • Jared Smith
      By Jared Smith+
      I'm trying to make a visible border around the entirety of a client's site.  Example on some other site here:
      http://www.makeyourvisionreal.com/movement

      So it is around the Title, Menu, and Content Area.  I'm having a bit of difficulty with this on pagelines, using the Framework theme. It's slightly more complex because the site has a "landing page" that doesn't need the border. Much like this homepage
      http://www.makeyourvisionreal.com/
       
      Right now I'm using a content width of 80%, and fullscreen.  But maybe thats not the best way to do it.  
       
      So, with the #site id, I can hit the whole area on most of the site, but I'm not sure how I can remove it for just one page.
      #site { border:1px solid #ccc; margin: 100px 5% 5% 50px; } anyone have any suggestions?  Maybe I need to go make a child template, not sure?  Thanks!
    • flourishdesignstudio
      By flourishdesignstudio
      Hi,
      I am having an issue with the Lax sections on Platform 5. I can embed a widget or text box into a Lax section which is really neat, but the image in the background (the parallax image) seems to get stretched and doesn't scale in an attractive way.  For example, the page http://ed6.61e.myftpupload.com/#clients has a parallax section with a woman's face  and I thought is would scale as the browser window gets smaller but the zoom-level never changes. Also, the amount of parallax shift seems more dramatic than what we want. I thought that if I uploaded a shorter image it would scan/scroll less since the height from the image's top to bottom would be less. However, that doesn't seem to have any effect and I am at a loss of how to properly control the way the image is displayed within that box. Any thoughts, tips, or suggestions to get me pointed in the right direction?
      Thanks so much for the help!
×