ProStores Tutorials:
Learning More About ProStores
You Are Here → Home → ProStores Tutorials → Editing General Pages
Editing ProStores "Pages"
Every well-constructed web site will need more than just pretty product photos and information. Visitors to your site will want information on who you are, where you are located, will want to know your policies regarding privacy, shipping, returns, and more.
ProStores has pages that will let you add text for your About Us, FAQs, Policies pages, and more. (NOTE: This is store-specific content. It has to be redone for each store front you have.)
Basic Option:
If you want to add basic text, you can access your pages through your Admin area by clicking on Store Design > Design Settings. At the bottom of the page you will see an area for Page Text. To add text, click on the Change link on the right side of the page.
On this new page, you will see content areas for the various pages. You can enter your text, save the changes, and then your content will show up on your site. Very easy.
Jazz It Up A Bit:
If you would like to do more -- add images, format content, etc. - ProStores has a way for you to this by editing the Page Templates that contain this text. Go to the Page Template Manager and click the arrow next to General to see a list of the available templates.
If you want to edit the About Us template, for example, click on the About Us link in the Page Template Manager. The template will open in the Source Editor.
There are two important pieces of HTML coding:
<H1>About <ss:value source="$store.name"/></H1>
The above will display the word "About" followed by your store name. The store name is generated automatically. This content is wrapped in Heading 1 tags. If you do not want the store name and would prefer to use your own text, you can delete the store script code and your new text could look like this:
<H1>About Us - Who We Are and What We Do</H1>
The next bit of code pulls in any content you added via the Basic Option shown above:
<p><ss:value source="$storeVersion.customText['aboutus']"/></p>
If you wish to add your own text to this page template, you will need to delete the store script code shown above. [Hint: You can type in some dummy text as a place holder.] You can then edit this text by adding your own HTML coding or editing the best in the Advanced or Basic Editors.
Don't know code? If you do not have an HTML editing software program (Expression Web, Dreamweaver, etc.), there are a wide variety of "online HTML code generators" available online. Most online services will allow you a range of formatting options and will allow you to add images, paragraphs, and more easily. Your content is then converted into the proper HTML tags and is ready to paste into your template.
Below are screenshots of what the page looks like in both the Advanced Editor and the Basic Editor. You will have these two editors if you followed our tutorial on Restoring the Basic Editor. Note that you will also be able to see the Header and Footer template areas.
Advanced Editor View
Basic Editor View
Important!
- If you are going to be playing around in these page templates, be sure to set a baseline. If things don't work out as expected, you can undo your changes and then try again.
- Making any changes to the header or footer template areas will change those templates. Be careful!
- After making changes to these templates, export them to your computer for safekeeping. If you change store fronts, you can then upload them to your new store.
- Need help? We can help you with formatting these templates. Contact us for details.