Panels 2: Create a node override

Drupal's built in content viewing is decent, but sometimes (especially with custom content types) you might need a special way of displaying that content. If you want some basic layout tools, you can very quickly create specific layouts for specific content types with Panels 2. Let's try it, creating different layouts for pages and stories.

1. Add a panel with the following settings:
   • Panel name: node_override
   • Page title: 'Panels 2: Create a node override'. This will feed in the title of the actual node we're overriding.
   • Path: node/%
2. Now go to the 'Context' tab, and under the 'Arguments' section, select 'Node ID' and click 'Add argument'.
3. In the modal dialog, select the content types 'Page' and 'Story', and select them again under 'Own display'. This will allow you to modify the node presentation for just these content types (and separately if you choose, as we are doing). Content types you don't select here will bypass the panel display completely and display as regular nodes. Click 'Save' at the bottom of the window.
   
4. Click 'Save' at the bottom of the page.
   
5. Click the 'Content' tab at the top.
6. Since we want different displays for different content types, we aren't using the 'Default' tab. So let's click the 'Node ID 1 Page' tab for now. That will edit the page node override.
7. For the 'Page' content type, let's have an override that shows the content on top, the comments on the middle left panel, as well as some text and a comment add form on the middle right. The bottom won't be used, but don't worry, Panels 2 ignores the parts that aren't used. The first thing to add is the content:
8. Click the plus sign icon in the top section of the panel.
9. Under the 'Node context' heading, find and select 'Node content'.
   
10. Click the 'Link title to node' checkbox.
11. Click 'Add pane' at the bottom of the window.
12. Ok, now for the left side. Click the plus sign on the left section of the panel.
13. Under the 'Node context' heading, find and select 'Node comments'.
14. Click 'Add pane' at the bottom of the window.
15. And on to the right side; click the plus sign on the right section of the panel.
16. Under the 'Custom' heading, find and select 'New custom content'.
17. Set the Title to: Comment Policy
18. Set the Body to:
    

    Please use our comment system responsibly; and don't flame! We're a happy community here.
    

19. Click 'Add pane' at the bottom of the window.
20. Click the right plus sign again.
21. Under the 'Node context' heading, find and select 'Comment form'.
22. Click 'Add pane' at the bottom of the window.
23. Click 'Save'.
    
24. And now we have a page override:
    
25. Now, on to the node override for Stories. Let's have something similar to our page node override, but with the content and comments on the left, and the comment policy and comment add form on the right. Nothing will be on the top this time.
26. Click the 'Node ID 1 Story' tab at the top.
27. Click the plus sign on the left.
28. Under the 'Node context' heading, find and select 'Node content'.
29. Click the 'Link title to node' checkbox.
30. Click 'Add pane' at the bottom of the window.
31. Click the plus sign on the left again.
32. Under the 'Node context' heading, find and select 'Node comments'.
33. Click 'Add pane' at the bottom of the window.
34. And on to the right side; click the plus sign on the right section of the panel.
35. Under the 'Custom' heading, find and select 'New custom content'.
36. Set the Title to: Comment Policy
37. Set the Body to:
    

    Please use our comment system responsibly; and don't flame! We're a happy community here.
    

38. Click 'Add pane' at the bottom of the window.
39. Click the plus sign on the right side again.
40. Under the 'Node context' heading, find and select 'Comment form'.
41. Click 'Add pane' at the bottom of the window.
42. Click 'Save'.
    
43. And now we have a page override:
    
44. You are now done with this tutorial, but remember, this can apply in a ton of ways to any content type.

If you want to import a starting point, download the code and import it by clicking the import tab at the top of the Panel pages module.