Creating custom sideboxes for product showcases

If you are using product showcase pages like those I show how to create, you can create custom sideboxes quite easily.

To do so:

Create a new plain text document

• Windows Instructions

Select your Start Button

This is normally at the bottom left of your screen.

Select "Run.."

Type in notepad

Select OK

Copy the following code into your new text document:

1. Click in the box below
2. Select "Edit" → "Select All" from your browsers file menu
3. Select "Edit" → "Copy" from your browsers file menu
4. Select your empty text document
5. Click in the body of the text document
6. Select "Edit" → "Paste" from your editors file menu

<table class="pws-sing-left-item">
<tr><th>HEADLINE</th></tr>
<tr><td><hr /></td></tr>
<tr><td>
BODY
</td></tr>
</table>

Change HEADLINE to whatever you want for a headline

Or delete that line and the following line if you want no headline

Change BODY to whatever you want to place in the body of the box

This could be text in paragraph tags, a bulleted list, a numbered list, an image, some combination of such, or anything else that you could put into a web page…including php code.

Paragraphs

These should be contained in <p> and </p> tags.

Bulleted lists

These should not be in p tags

These look like:
<ul>
<li>item one</li>
</ul>

Numbered lists

These should not be in p tags

These look like:
<ol>
<li>item one</li>
</ol>

Images

These should be in paragraph tags

These look like:
<a href="URL" title="TITLE">LINKNAME</a>

Save the changes to your new text document

1. Select "Edit" → "Save As" from the editors file menu
2. Make sure it is somewhere you can find it at
3. Change "Save as type:" to "All files"
4. Give it a name ending with .php ( like ps-leftbox-25percentdiscount.php )

Upload the file to the directory of your current theme on your web server

• Atahualpa Theme Users:

Upload your new file to /public_html/wp-content/themes/atahualpa/

Set one of the sideboxes for a product showcase to use your new file

Edit one of your product showcase pages

Set a sidebox to use your new document as its source via metadata entries

Setting the first sidebox to use it:

Metadata Name: pws-Left-Box-One Value: ps-leftbox-25percentdiscount.php

Setting the second sidebox to use it:

Metadata Name: pws-Left-Box-Two Value: ps-leftbox-25percentdiscount.php

Setting the third sidebox to use it

Metadata Name: pws-Left-Box-Three value: ps-leftbox-25percentdiscount.php

Of course, instead of ps-leftbox-25percentdiscount.php, use the name you gave your file.

Save your changes and view the results

If you need to make changes you can use the built in wordpress editor or edit your file and re-upload it.

Similar Posts:

• How to create a product showcase for your store traffic site
• How to create category showcases for your store traffic site
• How to create a customized homepage for your store traffic site