Making a New Page in PowerStore 3

I'm still getting my PS3 site going and am simply not knowledgeable enough to do something I thought would be so simple.

The broad question is, what are the steps to create a new page that functions harmoniously with the others in PS3? I've tried using DW templates fumbled around but just get lost.

Specifically I am working in what is originally the "Recent Power Store News" area, off of the "Learn More..." link. I want to make a new page that looks like, say, Shipping or Returns which has info on my topic. I want to be able to link to that page from Learn More. My new page does not need to appear in a menu, but the user does need to be able to navigate away.

I have been unable to find any documentation or forum topics covering this, which comes as a great surprise.

Please help me with the steps to get this done. Thanks!

Hi Paul,

The recommended way would be to create a new page by going to Dreamweaver Menu > File > New > 'Page from Template' > and select the 'Main' Template to create your new page.

However, what is probably easier, would be to just open the kind of page you want your new page to be like (i.e. shipping.php), and (again in the Dreamweaver Menu) select 'File' > 'Save as' - and save it as whatever you want your new page to be called (i.e. news.php).

Then go to your online store Admin area, and select 'Content' > 'Add new Content'. Enter something for 'Page Name' and 'Content Area' (i.e. 'News' and 'Content') and click 'Insert'.

From the next page, copy the 'Developer Notes', which will be something like:

<?php
include('/home/users/pathto/yoursite.com/store/WA_CMS/addtosite.php');
echo WA_getCMSContent($database_PowerStoreConnection, $PowerStoreConnection, 'News' , 'Content');
?>

and back in your new page in Dreamweaver, in code view, find the lines at or near line 299-300:

<h1>Shipping</h1>
<div class="contentBox"><?php echo WA_getCMSContent($database_PowerStoreConnection, $PowerStoreConnection, "Support", "Shipping"); ?></div>

And replace everything between <div class="contentBox"> and </div> (in blue above) with the code that you copied from the Developer Notes. You will probably also want to change the '<h1>Shipping</h1>' heading to 'News' or whatever you want the heading (if any) to be.

Save and upload your new page to your remote server.

To link to your new page, go back to your store Admin, > Content > 'View/Edit Content', scroll down to the area for 'Page Name: Home Page, Content Area: News' and click the edit icon to the right.

You can either add the link to your page by highlighting the 'Learn More...' text, clicking the Add link icon, and entering the filename of your page, i.e. 'news.php' in the 'URL' field, or by clicking the 'Source View' button in the Editor and changing '<p><a href="#">Learn More...</a></p>' to '<p><a href="news.php">Learn More...</a></p>'

This gives you a new page in the style of the rest of the store that you or your clients can update through the Content Management System.

Neilo, I am a bit confused on how you do this

you start off by:
The recommended way would be to create a new page by going to Dreamweaver Menu > File > New > 'Page from Template' > and select the 'Main' Template to create your new page.

Then:
However, what is probably easier, would be to just open the kind of page you want your new page to be like (i.e. shipping.php), and (again in the Dreamweaver Menu) select 'File' > 'Save as' - and save it as whatever you want your new page to be called (i.e. news.php).

Then go to your online store Admin area, and select 'Content' > 'Add new Content'. Enter something for 'Page Name' and 'Content Area' (i.e. 'News' and 'Content') and click 'Insert'.

From the next page, copy the 'Developer Notes', which will be something like:

<?php
include('/home/users/pathto/yoursite.com/store/WA_CMS/addtosite.php');
echo WA_getCMSContent($database_PowerStoreConnection, $PowerStoreConnection, 'News' , 'Content');
?>

and back in your new page in Dreamweaver, in code view, find the lines at or near line 299-300:

<h1>Shipping</h1>
<div class="contentBox"><?php echo WA_getCMSContent($database_PowerStoreConnection, $PowerStoreConnection, "Support", "Shipping"); ?></div>

And replace everything between <div class="contentBox"> and </div> (in blue above) with the code that you copied from the Developer Notes. You will probably also want to change the '<h1>Shipping</h1>' heading to 'News' or whatever you want the heading (if any) to be.

the lines 299-300 are these in main.dwt.php I cannot find?

If you just create the page as in Shipping.php
there will not be these lines of code?

So not sure if you first start by>
The recommended way would be to create a new page by going to Dreamweaver Menu > File > New > 'Page from Template' > and select the 'Main' Template to create your new page
I am assuming you mean select main.dwt.php From PowerStore Template folder.
Please elaborate Im confused.

Hiya Dennis,

Apologies for creating confusion in my last post, - not very helpful. Let's just do it the template way!

1. In Dreamweaver, with your PowerStore site as the local site, create a new page: File > New > Page from Template > Select 'Main' (from the three templates listed for your PowerStore site).

2. Save this new page to the root directory of your PowerStore Site. Call it what you like, I will refer to it as 'newpage.php' for my own convenience.

3. In your browser, navigate to and Log in to the Admin area of your remote site, and in the Admin menu, go to Content > Add new content.

4. In the 'Page Name:' field, type a 'friendly' name for your newpage.php. In the 'Content Area' field, type a name for the area of your new page where the content will be placed.

[Examples: 'New Page' and 'Main Content']

5. Click 'Insert'

6. On the next page - near the bottom - from the code area (with the blue background) below 'Developer's Notes', select and copy the code.

7. Back in Dreamweaver in newpage.php in design view, place your cusor inside the small editable area - this has a greenish border and a 'MainContent' label.

8. Switch to code view, where the cursor should now be located by the lines:

<!-- InstanceBeginEditable name="MainContent" -->

<!-- InstanceEndEditable -->

9. Put the cursor in the line between these two lines, and paste the code you just copied from the Developers Notes.

10. Save your page and upload it to your remote site.

11. If you are linking to your new page as Paul was, create the link to your new page as described in my last post ("To link to your new page . . . ")


Hope this is a little clearer. Apologies for the extraneous info previously.

Hi Neilo,
Thank you very much for helping me with this, I will give it go.
Will let you know, As I am a newbie!
Dennis

Ok, that worked local server setup.

My PowerStore site is being hosted by my ISP
So I want to edit the main.dwt from the host site.
In Dreamweaver how Do I accomplish this to edit locally
then modify as you shown me. I tried editing in remote view but that did not work,
So would I ftp the site to my local testing server
c:\xammps\htdocs\PowerStore
Then assign New Site in DW, The problem I see is my connection.php and MySql server would be different? along with many other file paths?
Dennis

Yes, you will need to update locally and FTP your changes to the live server. Upload everything except your connection file.

I usually create a backup of my live and local connection folder, that way if I accidentally overwrite one or the other I can quickly copy and paste to fix it.

Thanks Ray for helping me out!
I created the new page as you expained, using the Select template main.dwt
then saved as for my page webdesign.php
On the site I set it up as you said with new content, Web Design
then the link. then pasted the save code withing the new webdesign.php page.
the problem I have is when the new page is displayed, there is a grey verticle line
I wanted to be able to format the text as in the Support page in the default of the Power Store.
Can you go to my site www.computerdesign-tech.com
from the home page, on the lower right is WEB DESIGN link
here is where the new page is. I just need to know how to format to eliminate the grey verticle line, WHat page or template controls this. as I stated. I created this page from the main.dwt.php template.
Thanks
Dennis

Add css to that page to get rid of it:

#outerWrapper #contentWrapper {
background-image:none;
}

Ray,
Sorry about not knowing about CSS, I just started learning, So not sure where to paste this code?