|
Creating
your Splash Page for Wahmshoppes.com Mode 4
using HTML coding.
I get numerous emails
asking for help on this subject so I'm hoping that this
new tutorial will help everyone out.
Firstly, if you just want to add text to your splash
page when operating your store in Mode 4, you can simply
login to Featurecart eg. www.yoursite.com/store/setup.asp
(replace "yoursite" with your domain name).
Click on the Configuration link from the left hand menu>scroll
down to the Mode 4 section>Click on the link for
Splash Page.
You can then add in your text into
the field box shown there. Don't overwrite any of the
HTML code tags, just type over or delete any text that's
not applicable.
To insert a photo into your splash
page, you must use the <IMG SRC> tag. An example
for wahmshoppes users of the code you need to insert
to a photo into your splash page would be:-
<img
src="/fpdb/images/photoname.jpg"> *note
the "/" infront of the "fpdb" part.
you must also include the inverted commas at the start
and end of the link for your photo.
If you would like the photo centred in a table, use
this code:-
<div align="center"><img src="/fpdb/images/photoname.jpg"></div>
You must upload the photo to your site
first for it to appear.
1. Login to Featurecart
2. Click on the File Utilities link in the left hand
menu
3. For product photos, you want to upload your photos
using option #1 Upload Product Pictures & Buttons
4. Click the 'click here' link and use Browse button
to navigate to the folder on your computer that holds
your photos and select it to upload it to your site.
5. You may wish to have a read of my photo
optimisation tutorial before uploading your product
photos.
If you wish to create your own splash
page, you DO NOT need to use the 'You Create Splash'
link - just use the 'Splash Page' link and then in your
Master settings make sure that you have 'Standard Splash
Page' selected there and save the changes.
To create a blank HTML page without any head or meta
tags (this is very important) You must start with a
blank HTML file containing a table.
Here is a sample of a HTML file with just a table and
nothing else in it:-
<table
width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td>Your Text Here</td>
</tr>
</table>
To have a table with text and
photos use this HTML code:-
<table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td>
<div align="center">
<table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<div align="center"><font size="3"><b>Welcome
to Your Business Name.<br>
<br>
</b><font size="2">We are currently
stocking our new store.<br>
<br>
Thanks for stopping by.</font></font></div>
</td>
</tr>
<tr>
<td valign="top">
<div align="center">
<br><br>
<img src="/fpdb/images/photoname.jpg"><br><br>
</div>
</td>
</tr>
<tr>
<td valign="top">
<div align="center"><br>
<br>
<img src="/fpdb/images/photoname.jpg"><br>
<br>
</div>
</td>
</tr>
</table>
<br>
<br>
<img src="/fpdb/images/photoname.jpg"><br>
<br>
</div>
</td>
</tr>
</table>
You will need to highlight and then
copy the above code. To then use it on your splash page,
follow the steps above to go to your Splash Page editing
area via Featurecart>right click your mouse in the
box there>select all>right click again>select
PASTE. Then save. You will then be able to change the
text that I have as well as change the links to the
photos you wish to add that you have already uploaded
to your /fpdb/images folder. You can also upload them
using option number 4 of the File Utiliites feature,
but you must change the IMG SRC to include "/fpdb/images/Theme0/"
as this is the folder name for your site graphics at
wahmshoppes.
The <br> code above is to add line breaks in HTML
code, just the same as hitting your 'enter' or 'return'
key on your keyboard if you were working in Word etc.
If you would like to link from a product photo to
a category within your store, then use this code:-
<a href='/WsDefault.asp?Cat=CATEGORYNAME'><img
src="/fpdb/images/photoname.jpg"></a><br><br>
Replace "CATEGORY NAME' with the actual name of
your category.
If you would like to link froma product photo to
a product listing within your store, then use this code:-
<a
href='/store/WsDefault.asp?One=PRODUCTNUMBER'><img
src="/fpdb/images/photoname.jpg"></a><br><br>
Replace th PRODUCTNUMBER with the actual items product
number. You will need to right click on the link to
your product and then go to 'copy shortcut' or look
at your bottom blue bar when viewing the product to
get the item number.
You can also copy and paste the above code into my
WYSIWYG editor if you would like to see how your page
will look before you save it onto your splash page.
Here is the link to my
WYSIWYG
editor (what you see is what you get).
|
