This process should take you about 25 minutes to complete the initial modifications for a CSSUI 
store.  You will probably further customize your pages beyond this basic "how to".  This example 
is for CSSUI stores.  If your store is MMUI (with or without css) you will need to modify the 
pages accordingly.  This "how to" uses just one 3rd party module, the Emporium Plus Tool Kit. If
you don't have that module, you can still do this but you will have to remove the enhanced 
functionality that the Tool Kit is adding to these pages.  Using the technique described here, 
you will be able to have dynamically streamed pages from your Miva Merchant store, including
current inventory.  If the customer logs in it will even show them price group prices.  This 
method does not currently cost you anything other than the amount you already pay for your hosting,  
Miva Merchant license, and installed 3rd party modules.  Course some day Facebook could start 
charging for pages.  Afterall, they have half a billion users so they are in the driver's seat.  
You will also NOT have any obtrusive branding from 3rd parties wanting to put their logo all 
over your store's pages.  This code is available for you to use.  It is your store and people 
should not be confused as to who the store belongs to.  It also lets you use tools without 
divulging to your competitors what those tools are.  

a) You need to make sure &fb=1 is in urls so that the pages will be served up for FaceBook's 500
pixel limitation.

b) Your pages must be displayed securely as Facebook has an account setting that lets users only see
FaceBook pages as https.  If you don't make your store pages secure, the customer will get 
warnings.  

c) You will be using the long urls as SEO is irrelevant.  Search engines do not follow in Facebook
so link style and cannonical tags are not important.  On the other hand, serving the pages secure
is important.

d) I activated the built in affiliate system and created two affiliates called friends and notfriends.  
This will let you track sales that are originating at Facebook.  The friends affiliate will be used 
when the shopper has "liked" your store's page.  The notfriends will be used when they have not "liked"
your store's page.  

e) Make sure your server has PHP5 installed. It may need to be as high as 5.3.6. We don't know exactly what 
minor version is needed. If it does not have a new enough PHP version, you'll be limited on what you can do and 
will have to modify the miva2fb.php in the next step to remove php coding. PHP4 will not work. I already tried it.

*********************************************************************************************************************

1) Facebook is recommending that you use iframe tabs instead of the older FBML tabs.  There is an outstanding
tutorial on "how to" do that at http://www.hyperarts.com/blog/adding-iframe-application-to-facebook-fan-page/  I 
could have included the steps in my doc, but his includes screen shots and is really easy to follow.  You 
will download the php sdk linked from the hyperarts "how to" and create the application.  I would recommend making
a directory called facebook under your store's domain, e.g. http://www.yourdomain.com/facebook/  In that 
directory you will put two files, facebook.php and miva2fb.php.  The first you get from the sdk.  The second
you create using the php example you see below.  In this example you will fill in the app_id and the app_secret.  
You will change the domain in the path to your store for both the friends and notfriends.  If you decide to name your
affiliates differently you will also need to change their names in the path.  There is an invite sentence which
you can change to make appropriate for your site.  Or you can just leave that empty.  Here is the example file to 
make changes to.  After you follow the tutorial, one of the steps will tell you the app_id and app_secret codes.  
Insert those into the php example file below.  FTP the two files (facebook.php and miva2fb.php) to the facebook 
directory in your domain.  When you are going through the tutorial and creating the app, it will ask you for an 
app icon image file.  I found this website has thousands to choose from http://www.favicon.cc/  Find one that the 
license is "creative commons" with no attribution.

<?php

require 'facebook.php';

$app_id = "XXXXXXXXXXX";
$app_secret = "XXXXXXXXXXXXXXXXXXXXXXXXXXX";
$facebook = new Facebook(array(
        'appId' => $app_id,
        'secret' => $app_secret,
        'cookie' => true
));

$signed_request = $facebook->getSignedRequest();

$page_id = $signed_request["page"]["id"];
$page_admin = $signed_request["page"]["admin"];
$like_status = $signed_request["page"]["liked"];
$country = $signed_request["user"]["country"];
$locale = $signed_request["user"]["locale"];
 
if ($like_status) {
$varpath = "https://www.YOURDOMAINHERE.com/CTGYFB.html?affiliate=friends&fb=1";
}
else {
$varpath = "https://www.YOURDOMAINHERE.com/CTGYFB.html?affiliate=notfriends&fb=1";
}

if ($like_status) {
$invite = "";
}
else {
$invite = "Like Us to get 5% off in the basket";
}

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
body {
width:520px;
margin:0; padding:0; border:0;
}
</style>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
</head>
<body>
<div id="container">
<span style="font-size:140%;color:#ff0000">
<?php print $invite; ?>
</span>
<iframe src=<?php print $varpath; ?> height="575" allowTransparency="true" frameborder="0" scrolling="yes" style="width:100%; border:none"> </frame>
</div>
</body>
</html>


2) Edit cssui.css **************************************************************************************************
Add the following to the cssui.css file to limit the page width to 500 pixels.  Find the 
original site-container declaration and put this additional code below it.

#site-containerfb{
	width:500px;
	margin:0 auto;
	text-align:left;
	border-collapse:collapse;
}


3) Create new page CTGYFB ******************************************************************************************
In admin, add a new page called CTGYFB.  If you are using CSSUI and have the Tool Kit you can copy this page as is.  
You can change the domain from YOURDOMAIN to your actual domain.  You may also need to change the link style to 
match your store.

Main Template CTGYFB ***********************************************************************************************

<mvt:item name="html_profile" />
<head>
	<title>&mvt:store:name; &mvt:category:name;</title>
	<base href="&mvt:global:basehref;" />
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
<style type="text/css">
<!--
#pswrap { padding-top:20px;}
#pwrsrchbox {width:70%; font-family:Georgia, 'Times New Roman', Times, serif; font-size:14px; padding-bottom: 10px;}
.pwrsrchleftbox {float:left; width:120px; height: 20px; padding:2px 20px 10px 2px; text-align:left;}
.pwrsrchrightbox {float:left; width:240px; height: 20px; padding:2px 20px 10px 2px; text-align:left;}
.pwrsrchalphalist { padding:20px; text-align:center; font-family:Georgia, 'Times New Roman', Times, serif; font-size:14px;}
#psbox { width:30%; float:right; font-family:Georgia, 'Times New Roman', Times, serif; font-size:14px; padding-bottom: 10px;}
#searchcount { font-family:Georgia, 'Times New Roman', Times, serif; font-size:14px; }
.prodfound {float:left; width:160px; height: 20px; padding:2px 20px 2px 2px;}
.pagecount {float:left; /*width:160px;*/ padding:2px 20px 2px 2px;}
.currentcat {float:right; padding:2px 20px 2px 2px;}
select { font-family:Georgia, 'Times New Roman', Times, serif; font-size:14px;}
-->
</style>
</head>
<body class="CTGY">

<mvt:if expr="ISNULL g.search">
<mvt:item name="toolkit" param="sassign|search|*" />
</mvt:if>
<mvt:item name="toolkit" param="simplesearch|10|name.asc|'name,code,descrip'||g.Category_Code" />


<div id="site-containerfb">
	<table id="content-container">
		<tr>

			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>

				<div id="category-header"><mvt:item name="prod_ctgy_hdft" param="ctgy_header" />

				<div class="search-again alignleft">

<table border="0" cellspacing="2" cellpadding="2" width="100%">
<form method="POST" action="&mvt:global:secure_sessionurl;">
<input type="hidden" name="store_code" value="&mvte:global:store:code;">
<input type="hidden" name="screen" value="&mvte:global:screen;">
<input type="hidden" name="initial" value="&mvte:global:initial;">
<input type="hidden" name="fb" value="1">
<tr><td align="left">
Keyword(s)<br />
<mvt:if expr="g.search EQ '*'">
<input type="text" name="search" size="20" value="">
<mvt:else>
<input type="text" name="search" size="20" value="&mvte:global:search;">
</mvt:if>
</td><td align="left">
Sort<br />
<select name="sort">
<mvt:if expr="ISNULL g.sort">
<option value="" selected>Change Sorting</option>
<mvt:else>
<option value="">Change Sorting</option>
</mvt:if>
<mvt:if expr="g.sort EQ 'name.asc'">
<option value="name.asc" selected>Name A-Z</option>
<mvt:else>
<option value="name.asc">Name A-Z</option>
</mvt:if>
<mvt:if expr="g.sort EQ 'name.desc'">
<option value="name.desc" selected>Name Z-A</option>
<mvt:else>
<option value="name.desc">Name Z-A</option>
</mvt:if>
<mvt:if expr="g.sort EQ 'price.asc'">
<option value="price.asc" selected>Price (lowest first)</option>
<mvt:else>
<option value="price.asc">Price (lowest first)</option>
</mvt:if>
<mvt:if expr="g.sort EQ 'price.desc'">
<option value="price.desc" selected>Price (highest first)</option>
<mvt:else>
<option value="price.desc">Price (highest first)</option>
</mvt:if>
<mvt:if expr="g.sort EQ 'code.asc'">
<option value="code.asc" selected>Code A-Z</option>
<mvt:else>
<option value="code.asc">Code A-Z</option>
</mvt:if>
<mvt:if expr="g.sort EQ 'code.desc'">
<option value="code.desc" selected>Code Z-A</option>
<mvt:else>
<option value="code.desc">Code Z-A</option>
</mvt:if>
<mvt:if expr="g.sort EQ 'best'">
<option value="best" selected>Best Sellers</option>
<mvt:else>
<option value="best">Best Sellers</option>
</mvt:if>
</select>
</td>
<td align="left">
Per page<br />
<select name="ProductsPerPage">
<mvt:if expr="g.ProductsPerPage EQ 6">
<option value="6" selected> 6</option>
<mvt:else>
<option value="6"> 6</option>
</mvt:if>
<mvt:if expr="g.ProductsPerPage EQ 10">
<option value="10" selected> 10</option>
<mvt:else>
<option value="10"> 10</option>
</mvt:if>
<mvt:if expr="g.ProductsPerPage EQ 20">
<option value="20" selected> 20</option>
<mvt:else>
<option value="20"> 20</option>
</mvt:if>
<mvt:if expr="g.ProductsPerPage EQ 40">
<option value="40" selected> 40</option>
<mvt:else>
<option value="40"> 40</option>
</mvt:if>
<mvt:if expr="g.ProductsPerPage EQ 99999">
<option value="99999" selected>ALL</option>
<mvt:else>
<option value="99999">ALL</option>
</mvt:if>
</select>
</td></tr>
<tr><td align="left" valign="top" colspan="2">
Categories<br />
<mvt:item name="toolkit" param="render|CATLIST" />
</td>
<td align="right" valign="bottom">
<mvt:item name="buttons" param="Search" />
</td></tr>


<tr>
<td align="left" valign="top" colspan="3" nowrap>

<span style="font-size:80%;color:#000000">
<mvt:if expr="ISNULL l.settings:category:code">
<mvt:item name="toolkit" param="sassign|altcat|CTGYFB" />
<mvt:else>
<mvt:item name="toolkit" param="sassign|altcat|" />
</mvt:if>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=A&fb=1">A</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=B&fb=1">B</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=C&fb=1">C</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=D&fb=1">D</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=E&fb=1">E</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=F&fb=1">F</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=G&fb=1">G</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=H&fb=1">H</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=I&fb=1">I</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=J&fb=1">J</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=K&fb=1">K</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=L&fb=1">L</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=M&fb=1">M</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=N&fb=1">N</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=O&fb=1">O</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=P&fb=1">P</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=Q&fb=1">Q</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=R&fb=1">R</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=S&fb=1">S</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=T&fb=1">T</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=U&fb=1">U</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=V&fb=1">V</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=W&fb=1">W</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=X&fb=1">X</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=Y&fb=1">Y</a>
<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=Z&fb=1">Z</a>
</span>
<mvt:if expr="g.Initial">
<span style="font-size:100%;color:#000000">
<i>&nbsp;<a href="https://www.YOURDOMAIN.com/&mvta:global:altcat;&mvta:category:code;.html?Session_ID=&mvt:global:session_id;&amp;Initial=&fb=1">
all</a></i>
</span>
</mvt:if>
</td></tr>

</table>
				
				</form>
				</div>

				<mvt:if expr="NOT ISNULL g.Search">
					<mvt:if expr="l.settings:search_product_count EQ 0">
				<span class="italic">No products matched your search criteria</span>
					<mvt:else>
<div id="searchcount">

<div class="prodfound">
<mvt:if expr="l.settings:search_product_count EQ 1">
1 product found
<mvt:else>
&mvte:search_product_count; products found
</mvt:if>
</div>

<div class="pagecount"><mvt:if expr="l.settings:cxp_total_pages GT 0">
Page &mvt:cxp_current_page; of &mvt:cxp_total_pages;
<br>
</mvt:if>
<mvt:if expr="l.settings:cxp_total_pages GT 1">
<mvt:foreach iterator="pages" array="cxp_offset">
<mvt:if expr="l.settings:pages:buffer GE 5
AND l.settings:pages:number NE 1 AND
l.settings:pages:number NE l.settings:cxp_total_pages">
 <mvt:if expr="l.settings:pages:buffer EQ 5">
<a href="&mvt:global:secure_sessionurl;Screen=&mvta:global:screen;&Store_Code=&mvta:store:code;&search=&mvta:global:search;&search1=&mvta:global:search1;&searchoffset=&mvt:pages:offset;&sort=&mvta:global:sort;&ProductsPerPage=&mvta:global:ProductsPerPage;&Initial=&mvta:global:Initial;&Category_Code=&mvta:global:Category_Code;&fb=1">
<mvt:if expr="l.settings:pages:number GT l.settings:cxp_current_page">
 <img src="graphics/right.gif" border="0"></a>
<mvt:else>
 <img src="graphics/left.gif" border="0"></a>
</mvt:if>
 </mvt:if>
<mvt:else>
<mvt:if expr="l.settings:cxp_current_page EQ pos1">
&mvt:pages:number;
<mvt:else>
<a href="&mvt:global:secure_sessionurl;Screen=&mvta:global:screen;&Store_Code=&mvta:store:code;&search=&mvta:global:search;&search1=&mvta:global:search1;&searchoffset=&mvt:pages:offset;&sort=&mvta:global:sort;&ProductsPerPage=&mvta:global:ProductsPerPage;&Initial=&mvta:global:Initial;&Category_Code=&mvta:global:Category_Code;&fb=1">
&mvt:pages:number;</a>
</mvt:if>
</mvt:if>
</mvt:foreach>
<br>
</mvt:if>
</div>

<div style="clear:both"></div>

</div>


				<div id="search-results">

<div class="expanded">
	<mvt:foreach iterator="product" array="search_results:products">
	<div class="product-item" style="width:50%">


<div class="padding" style="height:250px; position:relative;">

			<div class="product-details">
				<div class="product-name">
<a href="&mvt:global:secure_sessionurl;Screen=PRODFB&amp;Product_Code=&mvta:product:code;&amp;Category_Code=&mvta:category:code;&amp;SearchOffset=&mvta:global:Searchoffset;&ProductsPerPage=&mvta:global:ProductsPerPage;&sort=&mvta:global:sort;&search=&mvta:global:search;&fb=1">
&mvt:product:name;</a>
			</div>
				<div class="product-price">Price: <span class="bold">&mvt:product:formatted_price;</span></div>

<br class="clear" />
<div class="product-thumbnail" style="height:115px;">

					<mvt:if expr="NOT ISNULL l.settings:product:thumbnail">
						<a href="&mvt:global:secure_sessionurl;Screen=PRODFB&amp;Product_Code=&mvta:product:code;&amp;Category_Code=&mvta:category:code;&amp;SearchOffset=&mvta:global:Searchoffset;&ProductsPerPage=&mvta:global:ProductsPerPage;&sort=&mvta:global:sort;&search=&mvta:global:search;&fb=1">
						<img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /></a>
					<mvt:else>
						<a class="thumbnail-not-available" href="&mvt:global:secure_sessionurl;Screen=PRODFB&amp;Product_Code=&mvta:product:code;&amp;Category_Code=&mvta:category:code;&amp;SearchOffset=&mvta:global:Searchoffset;&ProductsPerPage=&mvta:global:ProductsPerPage;&sort=&mvta:global:sort;&search=&mvta:global:search;&fb=1" title="&mvta:product:name;"></a>
					</mvt:if>
				</div>
			</div>
			<mvt:if expr="l.settings:product:inv_level NE 'out'">

<div class="purchase-button" style="width:100%; position:absolute; left:0; bottom:15px; text-align:center;">
				<form method="post" action="&mvt:global:secure_sessionurl;Screen=CTGYFB">
				<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Action" value="ADPR" />
				<input type="hidden" name="Quantity" value="1" />
				<input type="hidden" name="Attributes" value="Yes" />
				<input type="hidden" name="Store_Code" value="&mvte:store:code;" />
				<input type="hidden" name="Offset" value="&mvte:global:SearchOffset;" />
				<input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
				<input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
				<input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
				<input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />
				<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<!-- begin additional inputs //-->
				<input type="hidden" name="sort" value="&mvte:global:sort;">
				<input type="hidden" name="ProductsPerPage" value="&mvte:global:ProductsPerPage;">
				<input type="hidden" name="Search" value="&mvte:global:Search;" />
				<input type="hidden" name="Search1" value="&mvte:global:Search1;" />
				<input type="hidden" name="initial" value="&mvte:global:initial;">
<input type="hidden" name="fb" value="1">
				<!-- end additional inputs //-->
				<mvt:item name="buttons" param="AddToBasketE" />
				</form>
			</div>
                        </mvt:if>
		</div>
	</div>
	</mvt:foreach>
	<div class="clear"></div>
	<mvt:if expr="g.SearchOffset OR g.SearchNextOffset">
	<div class="next-previous">
		<mvt:if expr="g.SearchOffset GT 0">
		<div class="previous-button">
			<form method="post" action="&mvt:global:secure_sessionurl;">
			<input type="hidden" name="Screen" value="&mvte:global:Screen;" />
			<input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" />
			<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
			<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
			<input type="hidden" name="Search" value="&mvte:global:Search;" />
			<input type="hidden" name="Offset" value = "&mvte:global:SearchPrevOffset;" />
			<input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
			<input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
			<input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
			<input type="hidden" name="SearchOffset" value="&mvte:global:SearchPrevOffset;" />
			<!-- begin additional inputs //-->
			<input type="hidden" name="sort" value="&mvte:global:sort;">
			<input type="hidden" name="ProductsPerPage" value="&mvte:global:ProductsPerPage;">
			<input type="hidden" name="initial" value="&mvte:global:initial;">
			<input type="hidden" name="Search1" value="&mvte:global:Search1;" />
<input type="hidden" name="fb" value="1">
			<!-- end additional inputs //-->
			<mvt:item name="buttons" param="Previous" />
			</form>
		</div>
		</mvt:if>
		<mvt:if expr="g.SearchNextOffset GT 0">
		<div class="next-button">
			<form method="post" action="&mvt:global:secure_sessionurl;">
			<input type="hidden" name="Screen" value="&mvte:global:Screen;" />
			<input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" />
			<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
			<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
			<input type="hidden" name="Search" value="&mvte:global:Search;" />
			<input type="hidden" name="Offset" value = "&mvte:global:SearchNextOffset;" />
			<input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
			<input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
			<input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
			<input type="hidden" name="SearchOffset" value="&mvte:global:SearchNextOffset;" />
			<!-- begin additional inputs //-->
			<input type="hidden" name="sort" value="&mvte:global:sort;">
			<input type="hidden" name="ProductsPerPage" value="&mvte:global:ProductsPerPage;">
			<input type="hidden" name="initial" value="&mvte:global:initial;">
			<input type="hidden" name="Search1" value="&mvte:global:Search1;" />
<input type="hidden" name="fb" value="1">
			<!-- end additional inputs //-->
			<mvt:item name="buttons" param="Next" />
			</form>
		</div>
		</mvt:if>
	</div>
	</mvt:if>
</div>
				</div>
					</mvt:if>
				</mvt:if>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>

			</td>
		</tr>
	</table>
</div>

</body>
</html>

Header CTGYFB ***********************************************************************************************

<div class="floatright">
<mvt:item name="toolkit" param="basket|itemcount" />
<mvt:if expr="g.itemcount GT 0">
Items in Basket: &mvte:toolkit:basketcount;
&nbsp;&nbsp; &mvte:toolkit:baskettotalF;
<mvt:else>
&nbsp;
</mvt:if>
</div>
<div class="clear"></div>

<table style="background: #ffffff; border: solid blue; width: 100%;">
<tr><td align="center">
<span style="font-size:18px;color:#0000ff">
<a href="&mvt:global:secure_sessionurl;Screen=CTGYFB&amp;Store_Code=&mvta:global:store:code;&amp;fb=1">All Products</a>
&nbsp;&nbsp;
<a href="&mvt:global:secure_sessionurl;Screen=BASKFB&amp;Store_Code=&mvta:global:store:code;&amp;fb=1">Basket</a>
&nbsp;&nbsp;
<a href="&mvt:global:secure_sessionurl;Screen=OINF&amp;Store_Code=&mvta:global:store:code;&amp;fb=1" target="top">
Checkout</a>
</span>
</td></tr></table>

3) Create new page CATLIST ***********************************************************************************
Use the how to instructions at http://www.emporiumplus.com/v5/tk_catlist.txt to create the CATLIST page.

4) Create new page PRODFB ************************************************************************************
In admin, add a new page called PRODFB.  If you are using CSSUI and have the Tool Kit you can 
copy this page as is.  

Main Template PRODFB *****************************************************************************************

<mvt:item name="html_profile" />
<head>
	<title>&mvt:store:name; &mvte:product:name;</title>
	<base href="&mvt:global:basehref;" />
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
	<mvt:item name="attributemachine" param="head" />
</head>
<body class="PROD">


<div id="site-containerfb">
	<table id="content-container">
		<tr>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>

<mvt:if expr="g.basket:cust_id">
<mvt:item name="toolkit" param="prior|g.product_code" />
<mvt:if expr="l.settings:prior:order_id GT 0">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#ffff00">
You purchased this item on
<mvt:item name="toolkit" param="time_t_year|nyear|-4|l.all_settings:prior:orderdate" />
<mvt:item name="toolkit" param="time_t_month|nmonth|-4|l.all_settings:prior:orderdate" />
<mvt:item name="toolkit" param="time_t_dayofmonth|ndayofmonth|-4|l.all_settings:prior:orderdate" />
<mvt:item name="toolkit" param="sassign|months|Jan#Feb#Mar#Apr#May#Jun#Jul#Aug#Sep#Oct#Nov#Dec" />
<mvt:item name="toolkit" param="vgettoken|months,#,nmonth" />
&mvt:global:ndayofmonth;,
&mvt:global:nyear;  
&nbsp; Order #&mvte:prior:order_id;. 
</td></tr>
</table>
</mvt:if>
</mvt:if>


				<div id="product-header"><mvt:item name="prod_ctgy_hdft" param="prod_header" /></div>

<!-- start breadcrumb navigation //-->
<mvt:if expr="NOT ISNULL g.search AND (g.search NE '*')">
<a href="&mvt:global:secure_sessionurl;Screen=CTGYFB&amp;search=&mvta:global:search;&amp;searchoffset=&mvta:global:searchoffset;&ProductsPerPage=&mvta:global:ProductsPerPage;&sort=&mvta:global:sort;&Category_Code=&mvta:global:Category_Code;&amp;fb=1">
<img src="graphics/rtnsrch.gif" border="0" alt="Return to search"></a>
<mvt:else>
<mvt:if expr="g.Category_Code">
<mvt:item name="toolkit" param="vassign|getcrumb|g.Category_Code" />
<mvt:else>
<mvt:item name="toolkit" param="custom|Category_Code|l.all_settings:product:id|primarycat" />
</mvt:if>
<mvt:if expr="NOT g.Category_Code">
<mvt:item name="toolkit" param="productincategory|incatcount|g.Product_Code" />
<mvt:if expr="incatcount GT 0">
<mvt:foreach iterator="incategory" array="incategories">
<mvt:item name="toolkit" param="vassign|Category_Code|l.all_settings:incategory:code" />
</mvt:foreach>
</mvt:if> 
</mvt:if>
<mvt:if expr="g.Category_Code">
<mvt:item name="toolkit" param="breadcrumb|b_count|g.Category_Code" />
<mvt:if expr="b_count GT 0">
<a href="&mvt:global:secure_sessionurl;Screen=CTGYFB&amp;Store_Code=&mvta:global:store:code;&amp;fb=1">Home</a>
<mvt:foreach iterator="breadcrumb" array="breadcrumbs">
>
<mvt:if expr="g.getcrumb EQ l.settings:breadcrumb:code">
<span class="bold"> 
<mvt:if expr="g.searchoffset">
<a href="&mvt:global:secure_sessionurl;Screen=CTGYFB&amp;Store_Code=&mvta:global:store:code;&amp;Category_Code=&mvt:breadcrumb:code;&amp;SearchOffset=&mvte:global:SearchOffset;&amp;ProductsPerPage=&mvta:global:productsperpage;&amp;sort=&mvta:global:sort;&amp;fb=1">
<mvt:else>
<a href="&mvt:global:secure_sessionurl;Screen=CTGYFB&amp;Store_Code=&mvta:global:store:code;&amp;Category_Code=&mvt:breadcrumb:code;&amp;CatListingOffset=&mvta:global:CatListingOffset;&amp;ProductsPerPage=&mvta:global:productsperpage;&amp;sort=&mvta:global:sort;&amp;fb=1">
</mvt:if>
&mvt:breadcrumb:name;</a></span>
<mvt:else>
<a href="&mvt:global:secure_sessionurl;Screen=CTGYFB&amp;Store_Code=&mvta:global:store:code;&amp;Category_Code=&mvt:breadcrumb:code;&amp;fb=1">
&mvt:breadcrumb:name;</a>
</mvt:if>
</mvt:foreach>
</mvt:if>

<mvt:item name="toolkit" param="nextprevious|l.all_settings:product:code" />
<mvt:if expr="l.settings:tkskip:previous OR l.settings:tkskip:next">
&nbsp; (
</mvt:if>
<mvt:if expr="l.settings:tkskip:previous">
<a href="&mvt:global:secure_sessionurl;Screen=PRODFB&amp;Product_Code=&mvta:tkskip:previous;&amp;Category_Code=&mvta:global:Category_Code;&amp;Store_Code=&mvta:global:store:code;&amp;fb=1">
&lt; Previous</a>
&nbsp;&nbsp;
</mvt:if>
<mvt:if expr="l.settings:tkskip:next">
<a href="&mvt:global:secure_sessionurl;Screen=PRODFB&amp;Product_Code=&mvta:tkskip:next;&amp;Category_Code=&mvta:global:Category_Code;&amp;Store_Code=&mvta:global:store:code;&amp;fb=1">
Next &gt;</a>
</mvt:if>
<mvt:if expr="l.settings:tkskip:previous OR l.settings:tkskip:next">
)
</mvt:if>
</mvt:if>
</mvt:if>
<!-- end breadcrumb navigation //-->

				<mvt:item name="product_display" />
				<mvt:item name="attributemachine" param="body" />

				<div id="product-footer"><mvt:item name="prod_ctgy_hdft" param="prod_footer" /></div>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>

</div>



</body>
</html>

Product Display Layout PRODFB *********************************************************************************
When you create the PRODFB page in the previous step, it automatically puts code into the Product Display Layout
tab.  Replace that code with the below code.

<h1>&mvt:product:name;</h1>

<mvt:if expr="NOT ISNULL l.settings:product:image">
	<div id="product-image">
		<img src="&mvt:product:image">
	</div>
<mvt:else>
	<mvt:if expr="NOT ISNULL l.settings:product:thumbnail">
	<div class="product-thumbnail"><img src="&mvt:product:thumbnail;" alt="&mvt:product:name;" /></div>			
	<mvt:else>
	<div class="image-not-available product-thumbnail"></div>
	</mvt:if>
</mvt:if>
	<div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div>
	<div class="product-price">Price: <span id="price-value" class="bold">&mvt:product:formatted_price;</span></div>
	<div id="inventory-message">
		<mvt:if expr="l.settings:product:inv_active">
		&mvt:product:inv_long;
		</mvt:if>
	</div>
	<div class="product-quantity">Quantity in Basket:
		<mvt:if expr="l.settings:product:quantity EQ 0">
		<span class="italic">None</span>
		<mvt:else>
		<span class="bold">&mvt:product:quantity;</span>
		</mvt:if>
	</div>

	<form method="post" action="&mvt:global:secure_sessionurl;Screen=PRODFB">
	<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
	<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
	<input type="hidden" name="Action" value="ADPR" />
	<input type="hidden" name="Store_Code" value="&mvte:store:code;" />
	<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
	<input type="hidden" name="Category_Code" value="&mvte:global:category_code;" />
	<input type="hidden" name="Offset" value="&mvte:global:Offset;" />
	<input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
	<input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
	<input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
	<input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />
<input type="hidden" name="fb" value="1">
	<div class="product-attributes"><mvt:item name="product_attributes" param="product:id" /></div>
	<div class="purchase-buttons">Quantity: <input type="text" name="Quantity" value="1" class="product-quantity-input textfield" /> <mvt:item name="buttons" param="AddToBasket" /></div>
<br />

	<div class="product-description">
<mvt:if expr="('http://' IN l.settings:product:descrip) GT 0">
<mvt:item name="toolkit" param="sglosub|l.all_settings:product:descrip,http:,https:" />
&mvt:product:descrip;
<mvt:else>
&mvt:product:descrip;
</mvt:if>
</div>
<div class="clear"></div>
	</form>

<div class="clear"></div>


Header PRODFB *************************************************************************************************

<div class="floatright">
<mvt:item name="toolkit" param="basket|itemcount" />
<mvt:if expr="g.itemcount GT 0">
Items in Basket: &mvte:toolkit:basketcount;
&nbsp;&nbsp; &mvte:toolkit:baskettotalF;
<mvt:else>
&nbsp;
</mvt:if>
</div>
<div class="clear"></div>

<table style="background: #ffffff; border: solid blue; width: 470px;">
<tr><td align="center">
<span style="font-size:18px;color:#0000ff">
<a href="&mvt:global:secure_sessionurl;Screen=CTGYFB&amp;Store_Code=&mvta:global:store:code;&amp;fb=1">All Products</a>
&nbsp;&nbsp;
<a href="&mvt:global:secure_sessionurl;Screen=BASKFB&amp;Store_Code=&mvta:global:store:code;&amp;fb=1">Basket</a>
&nbsp;&nbsp;
<a href="&mvt:global:secure_sessionurl;Screen=OINF&amp;Store_Code=&mvta:global:store:code;&amp;fb=1" target="top">
Checkout</a>
</span>
</td></tr></table>


5) Create new page BASKFB ************************************************************************************
In admin, add a new page called BASKFB.  If you are using CSSUI and have the Tool Kit you can copy this 
page as is.  Then you will need to change the setcookie function near the end of the template.  The 3rd 
parameter of the setcookie function below is mm5-xxx-customer-session.  You need to replace the xxx with your
actual store CODE.  That code must be alphanumeric only.  No dashes, underlines, etc.  If those characters are
in your code, simply remove them so that only letters and numbers are left.  Also change YOURDOMAIN to your 
actual domain.

<mvt:item name="html_profile" />
<head>
	<title>&mvt:store:name;: Shopping Cart Contents</title>
	<base href="&mvt:global:basehref;" />
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="BASK">


<mvt:item name="toolkit" param="vassign|sessionurl|g.secure_sessionurl" />
<div id="site-containerfb">
	<table id="content-container">
		<tr>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>

<!-- start basket save and restore messages //-->
<mvt:if expr="(g.SubScreen EQ 'TKRESTORE') AND g.Error_Message_Count">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td bgcolor="#ffff00">
&mvte:global:Error_Message_Count; not restored.  Details below.
</td></tr>
</table>
</mvt:if>
<!-- end basket save and restore messages //-->

<div id="header-links">

<!-- read cookie for first name and location //-->
<mvt:if expr="g.basket:cust_id LT 1">

<mvt:if expr="('username' CIN l.settings:messages:error_messages)">
<mvt:item name="toolkit" param="sassign|dologin|1" />
</mvt:if>
<mvt:if expr="g.dologin">
				<div class="section">
					<h3>Sign In</h3>
					<mvt:if expr="l.settings:messages:error_message_count">
					<div class="error-message">
					<mvt:foreach iterator="error" array="messages:error_messages">
						&mvt:error;
					</mvt:foreach>
					</div>
					<mvt:elseif expr="l.settings:messages:information_message_count">
					<div class="information-message">
					<mvt:foreach iterator="message" array="messages:information_messages">
						&mvt:message;
					</mvt:foreach>
					</div>
					</mvt:if>		
					<form id="logn" action="&mvt:global:secure_sessionurl;Screen=BASKFB" method="post">
					<input type="hidden" name="Store_Code" value="&mvte:store:code;" />
					<input type="hidden" name="Action" value="LOGN" />
					<input type="hidden" name="fb" value="1">
					<div class="form_row">
						<label for="Customer_Login">Username:</label><input type="text" name="Customer_Login" id="Customer_Login" class="textfield logn-input" value="&mvte:global:Customer_Login;" />
					</div>
					<div class="form_row">
						<label for="Customer_Password">Password:</label><input type="password" name="Customer_Password" id="Customer_Password" class="textfield logn-input" />
					</div>
					<div class="clear"></div>
					<div class="sign-in-buttons"><mvt:item name="buttons" param="login" /></div>
					</form>
<br />
				</div>
<mvt:else>
<mvt:item name="toolkit" param="vacreate|cookies|s.http_cookie|;" />
<mvt:if expr="NOT ISNULL l.settings:cookies">
<mvt:foreach iterator="cookie" array="cookies">
<mvt:item name="toolkit" param="gettoken|l.all_settings:cookie,=,1|name" /> 
<mvt:if expr="g.name EQ 'first'">
<mvt:item name="toolkit" param="gettoken|l.all_settings:cookie,=,2|value" />
<mvt:if expr="g.value">
<a href="&mvt:global:secure_sessionurl;Screen=BASKFB&amp;Store_Code=&mvta:global:store:code;&amp;dologin=1&amp;fb=1">
&mvte:global:value; please sign in</a>
</mvt:if>
</mvt:if>

<mvt:if expr="g.name EQ 'szip'">
<mvt:if expr="ISNULL g.basket:ship_zip">
<mvt:item name="toolkit" param="gettoken|l.all_settings:cookie,=,2|value" />
<mvt:item name="toolkit" param="updatebasket|ship_zip|g.value" />
</mvt:if>
</mvt:if>
<mvt:if expr="g.name EQ 'sstate'">
<mvt:if expr="ISNULL g.basket:ship_state">
<mvt:item name="toolkit" param="gettoken|l.all_settings:cookie,=,2|value" />
<mvt:item name="toolkit" param="updatebasket|ship_state|g.value" />
</mvt:if>
</mvt:if>
<mvt:if expr="g.name EQ 'scntry'">
<mvt:if expr="ISNULL g.basket:ship_cntry">
<mvt:item name="toolkit" param="gettoken|l.all_settings:cookie,=,2|value" />
<mvt:item name="toolkit" param="updatebasket|ship_cntry|g.value" />
</mvt:if>
</mvt:if>
</mvt:foreach>
</mvt:if>
</mvt:if>
</mvt:if>

<mvt:if expr="g.Basket:cust_id">
Welcome back, &mvte:global:Customer:bill_fname; &mvte:global:Customer:bill_lname;.
<span class="grey">|</span>
<a href="&mvt:global:secure_sessionurl;Action=LOGO&amp;Screen=BASKFB&amp;Store_Code=&mvta:global:store_code;&amp;fb=1">
Log Out</a>
</mvt:if>

</div>
				<h1>Shopping Basket</h1>
				<div id="basket-contents" class="editable"><mvt:item name="basket" /><br /></div>

<!-- start buttons //-->
<div class="floatleft">
<br />
<mvt:item name="toolkit" param="render|SHIPCALC" /> 
</div>

<div class="floatleft">
&nbsp;
</div>

<mvt:if expr="NOT l.settings:basket:empty">
<div class="floatleft">
<br />
<form method="POST" action="&mvt:global:secure_sessionurl;">
<input type="hidden" name="Screen" value="BASKFB" />
<input type="hidden" name="SubScreen" value="TKCLEAR" />
<input type="hidden" name="Action" value="NEW" />
<input type="hidden" name="Store_Code" value="&mvte:global:store_code;" />
<input type="submit" value="Clear Basket" class="button" />
</form>
</div>
</mvt:if>

<!-- end buttons //-->

<br class="clear" />
<br class="clear" />

<!-- start failed restore messages //-->
<mvt:if expr="(g.SubScreen EQ 'TKRESTORE') AND g.Error_Message_Count">
<font color="red">Basket Restore Failure</font><br />
<mvt:foreach iterator="message" array="global:Error_Messages">
<mvt:if expr="'#na' IN l.settings:message">
<mvt:item name="toolkit" param="gettoken|l.all_settings:message,#,1|pc" /> 
&mvte:global:pc; is not available
<mvt:elseif expr="'No saved basket' IN l.settings:message">
&mvte:message;
<mvt:else>
<mvt:item name="toolkit" param="gettoken|l.all_settings:message,#,1|pn" /> 
<mvt:item name="toolkit" param="gettoken|l.all_settings:message,#,2|pq" /> 
<mvt:item name="toolkit" param="gettoken|l.all_settings:message,#,3|pa" /> 
<mvt:item name="toolkit" param="gettoken|l.all_settings:message,#,4|pc" /> 
<a href="http://www.YOURDOMAIN.com/&mvta:global:pc;.html">
&mvte:global:pn;</a>: You attempted to restore &mvte:global:pq;.  
<mvt:if expr="g.pa LT 1">
None are in stock.
<mvt:else>
<mvt:if expr="g.pa EQ 1">
Only one is in stock.
<mvt:else>
Only &mvte:global:pa; are in stock.
</mvt:if>
</mvt:if>
</mvt:if>
<br />
</mvt:foreach>
</mvt:if>
<!-- end failed restore messages //-->


<!-- begin save basket to email address //-->
<div class="clear"></div>
<mvt:if expr="g.save">
<mvt:item name="toolkit" param="savebasket2email|ecount|3|15" />
<mvt:if expr="g.ecount EQ 1">
&mvte:global:ecount; item was saved to your backup basket.<br />
<mvt:else>
 <mvt:if expr="g.ecount GT 1">
  &mvte:global:ecount; items were saved to your backup basket.<br />
 </mvt:if>
</mvt:if>
<mvt:if expr="g.Save2Email_Error">
<font color="red"> &mvte:global:Save2Email_Error; <br /></font>
</mvt:if>
<mvt:item name="toolkit" param="smtp|SAVE2EMAIL" />
</mvt:if>

<mvt:if expr="NOT l.settings:basket:empty">
<form method="post" action="&mvt:global:secure_sessionurl;Screen=BASKFB">
Email: <input type="text" name="myemail" value="" size="20">
<input type="hidden" name="save" value="1">
<input type="submit" value="Save" class="button" />
</form>
</mvt:if>

<div class="clear"></div>
<form method="post" action="&mvt:global:secure_sessionurl;Screen=BASKFB">
Email: <input type="text" name="myemail" value="" size="20">
<input type="hidden" name="Action" value="NEW">
<input type="hidden" name="SubScreen" value="TKRESTORE">
<input type="hidden" name="tksaved" value="email">
<input type="submit" value="Restore" class="button" />
</form>
<!-- end save basket to email address //-->



				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
</div>

<mvt:if expr="g.Customer_Session_ID">
<mvt:item name="toolkit" param="setcookie|g.Customer_Session_ID|mm5-xxx-customer-session|720|1" />
</mvt:if>

</body>
</html>


Basket Contents BASKFB **************************************************************************************
When you create the BASKFB page in the previous step, it automatically puts code into the Basket Contents 
tab.  Replace that code with the below code.

<mvt:if expr="l.settings:basket:empty">
Your shopping basket is currently empty.
<p><a href="&mvt:global:secure_sessionurl;Screen=CTGYFB&amp;Store_Code=&mvta:global:store:code;&amp;fb=1">Home</a></p>
<mvt:exit />
</mvt:if>
<table>
	<tr class="basket-heading">
		<td class="item-remove">&nbsp;</td>
		<td class="item-name">Item</td>
		<td class="item-quantity">Qty.</td>
		<td class="item-price">Item Price</td>
		<td class="item-total">Total Price</td>
	</tr>
	<mvt:foreach iterator="item" array="basket:items">
	<tr>
		<td class="item-remove">
			<form method="post" action="&mvt:global:secure_sessionurl;Screen=BASKFB">
			<input type="hidden" name="Action" value="RPRD" />
			<input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" />
			<input type="hidden" name="Basket_Line" value="&mvte:item:line_id;" />
			<input type="hidden" name="Offset" value="&mvte:global:Offset;" />
			<input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
			<input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
			<input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
			<input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />
			<input type="hidden" name="fb" value="1" />
			<input type="submit" value="X" class="button" />
			</form>
		</td>
		<td class="item-name">
			<div class="special-offer"><mvt:if expr="l.settings:item:upsold">(Special Offer)</mvt:if></div>
			<div class="item-name">&mvt:item:name; - 
			<span class="item-code">
				<a href="&mvt:global:secure_sessionurl;Screen=PRODFB&Product_Code=&mvta:item:code;&fb=1">&mvt:item:code;</a>
			</span>
			</div>
		</td>
		<td class="item-quantity">
			<mvt:if expr="l.settings:item:upsold">
			&mvt:item:quantity;
			<mvt:else>
			<form method="post" action="&mvt:global:secure_sessionurl;Screen=BASKFB">
			<input type="hidden" name="Action" value="QNTY" />
			<input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" />
			<input type="hidden" name="Basket_Line" value="&mvte:item:line_id;" />
			<input type="hidden" name="Old_Screen" value="BASKFB" />
			<input type="hidden" name="Offset" value="&mvte:global:Offset;" />
			<input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
			<input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
			<input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
			<input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />
			<input type="text" name="Quantity" class="textfield basket-qty-input small" value="&mvt:item:quantity;" />
			<input type="hidden" name="fb" value="1" />
			<mvt:item name="buttons" param="Update" />
			</form>
			</mvt:if>
		</td>
		<td class="item-price">&mvt:item:formatted_price;</td>
		<td class="item-total">&mvt:item:formatted_subtotal;</td>
	</tr>
	<mvt:foreach iterator="option" array="item:options">
	<tr class="item-options">
		<td class="item-remove">&nbsp;</td>
		<td class="item-name">
			<mvt:if expr="l.settings:option:option_id">
			&mvt:option:attr_code;: &mvt:option:opt_code;
			<mvt:elseif expr="NOT ISNULL l.settings:option:data">
			&mvt:option:attr_code;: &mvt:option:data;
			<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
			&mvt:option:attr_code;: &mvt:option:data_long;
			<mvt:else>
			&mvt:option:attr_code;
			</mvt:if>
		</td>
		<td class="item-quantity">&nbsp;</td>
		<td class="item-price">
			<mvt:if expr="l.settings:option:price">
			&mvt:option:formatted_price;
			<mvt:else>
			&nbsp;
			</mvt:if>
		</td>
		<td class="item-total">
			<mvt:if expr="l.settings:option:price">
			&mvt:option:formatted_subtotal;
			<mvt:else>
			&nbsp;
			</mvt:if>
		</td>
	</tr>
	</mvt:foreach>
	</mvt:foreach>

	<mvt:foreach iterator="charge" array="basket:charges">
	<tr class="basket-charges">
		<td colspan="1">
		&nbsp;
		</td>
		<td class="charge-description" colspan="3">&mvt:charge:descrip;:</td>
		<td class="formatted-charge">&mvt:charge:formatted_disp_amt;</td>
	</tr>
	</mvt:foreach>
	<tr id="basket-totals">
		<td colspan="3">&nbsp;</td>
		<td class="total-prompt">Total:</td>
		<td class="formatted-total">&mvt:basket:formatted_total;</td>
	</tr>
</table>
<div class="clear"></div>

Header BASKFB *********************************************************************************************

<div class="floatright">
&nbsp;
</div>
<div class="clear"></div>

<table style="background: #ffffff; border: solid blue; width: 100%;">
<tr><td align="center">
<span style="font-size:18px;color:#0000ff">
<a href="&mvt:global:secure_sessionurl;Screen=CTGYFB&amp;Store_Code=&mvta:global:store:code;&amp;fb=1">All Products</a>
&nbsp;&nbsp;
<a href="&mvt:global:secure_sessionurl;Screen=BASKFB&amp;Store_Code=&mvta:global:store:code;&amp;fb=1">Basket</a>
&nbsp;&nbsp;
<a href="&mvt:global:secure_sessionurl;Screen=OINF&amp;Store_Code=&mvta:global:store:code;&amp;fb=1" target="top">
Checkout</a>
</span>
</td></tr></table>


6) Modify the page PATR **********************************************************************************
DO NOT copy this page verbatim.  Rather look at the code for the variable g.fb.  It is used as a conditional 
to hide or display certain elements to keep the page within the 500 pixel iframe.

<mvt:item name="html_profile" />
<head>
	<title>&mvt:store:name;: Missing Product Attributes</title>
	<base href="&mvt:global:basehref;" />
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
	<mvt:item name="attributemachine" param="head" />

</head>
<body class="PATR">

<mvt:if expr="g.fb EQ 1">
<div id="site-containerfb">
<mvt:else>
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
</mvt:if>
	<table id="content-container">
		<tr>
<mvt:if expr="NOT g.fb">
			<td id="left-navigation"><mvt:item name="category_tree" /></td>
</mvt:if>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>

<mvt:item name="toolkit" param="vproduct_find|prdfound|g.Product_Code" />
<h3> &mvt:key_product:name;</h3>
<mvt:if expr="NOT ISNULL l.settings:key_product:thumbnail">
<img src="&mvt:key_product:thumbnail;" border="0"><br />
</mvt:if>	

				<mvt:if expr="g.Screen EQ 'OINF'">
				<form method="post" action="&mvt:global:secure_sessionurl;Screen=OINF">
				<mvt:else>
					<mvt:if expr="g.fb EQ 1">
						<form method="post" action="&mvt:global:secure_sessionurl;Screen=&mvte:global:Screen;">
						<input type="hidden" name="fb" value="1" />
					<mvt:else>
						<form method="post" action="&mvt:global:sessionurl;Screen=&mvte:global:Screen;">
					</mvt:if>
				</mvt:if>
				<input type="hidden" name="Action" value="&mvte:global:Action;" />
				<input type="hidden" name="Store_Code" value="&mvte:store:code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Current_Product_Code;" />
				<input type="hidden" name="Quantity" value="&mvte:global:Quantity;" />
				<input type="hidden" name="Offset" value="&mvte:global:Offset;" />
				<input type="hidden" name="Search" value="&mvte:global:Search;" />
<input type="hidden" name="coupon_id45" value="&mvte:global:coupon_id45;">
				<div class="product-attributes"><mvt:item name="product_attributes" /></div>
				<div class="continue-button"><mvt:item name="buttons" param="Continue" /></div>
				</form>

				<mvt:item name="attributemachine" param="body" />
				
				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
<mvt:if expr="NOT g.fb">
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</mvt:if>
</div>

</body>
</html>


7) Modify the page POUT ***********************************************************************************
DO NOT copy this page verbatim.  Rather look at the code for the variable g.fb.  It is used as a conditional 
to hide or display certain elements to keep the page within the 500 pixel iframe.

<mvt:item name="html_profile" />
<head>
	<title>&mvt:store:name;: Product Out of Stock</title>
	<base href="&mvt:global:basehref;" />
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
	<mvt:item name="head" param="css_list" />
	<mvt:item name="head" param="head_tag" />
</head>
<body class="POUT">

<mvt:if expr="g.fb EQ 1">
<mvt:item name="toolkit" param="vassign|sessionurl|g.secure_sessionurl" />
</mvt:if>

<mvt:if expr="g.fb EQ 1">
<div id="site-containerfb">
<mvt:else>
<div id="site-container">
	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
	<div id="navigation-bar"><mvt:item name="navbar" /></div>
</mvt:if>

	<table id="content-container">
		<tr>
<mvt:if expr="g.fb EQ 1">
<mvt:else>
			<td id="left-navigation"><mvt:item name="category_tree" /></td>
</mvt:if>
			<td id="main-content">
				<div id="page-header"><mvt:item name="hdft" param="header" /></div>

				<mvt:if expr="l.settings:messages:error_message_count">
				<div class="error-message">
				<mvt:foreach iterator="error" array="messages:error_messages">
					&mvt:error;
				</mvt:foreach>
				</div>
				</mvt:if>
				<mvt:if expr="l.settings:messages:information_message_count">
				<div class="information-message">
				<mvt:foreach iterator="message" array="messages:information_messages">
					&mvt:message;
				</mvt:foreach>
				</div>
				</mvt:if>
				
				<form method="post" action="&mvt:global:sessionurl;">
				<input type="hidden" name="Screen" value="&mvte:global:Screen;" />
				<input type="hidden" name="Search" value="&mvte:global:Old_Search;" />
				<input type="hidden" name="Store_Code" value="&mvte:store:code;" />
				<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
				<input type="hidden" name="Current_Product_Code" value="&mvte:global:Current_Product_Code;" />
				<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
				<input type="hidden" name="Offset" value="&mvte:global:Offset;" />
				<input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
				<input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
				<input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
				<input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />
				<input type="hidden" name="fb" value="&mvte:global:fb;" />
				<mvt:item name="buttons" param="Back" />
				</form>

				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
			</td>
		</tr>
	</table>
<mvt:if expr="g.fb EQ 1">
<mvt:else>
	<div id="bottom-wrap"></div>
	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
</mvt:if>
</div>
</body>
</html>


8) Secure settings in the navigation bar **********************************************************************
There is an issue with IE8 and using secure pages in Facebook.  You need to use a secure url for links in the
navigation bar which are normally non-secure (SFNT, PLST, SRCH, BASK).  You will use a conditional to check if 
the customer is coming from Facebook or not.  Click admin > store name > navigation bar.  Put this line as the
first line in that template.  It will check the affiliate status to determine if they came from Facebook.

<mvt:item name="toolkit" param="affiliate|myaffil" />

Now locate those normally non-secure links.  For example, find the link for BASK (basket screen).  Change it to
include a secure link to the page.

<mvt:if expr="'friends' IN l.settings:myaffiliate:code">
<a href="&mvt:global:secure_sessionurl;Screen=BASK&amp;Store_Code=&mvta:global:Store:code;">Basket</a>
<mvt:else>
<a href="http://www.YOURDOMAINHERE.com/BASK.html">Basket</a>
</mvt:if>

Now change the other 3 non-secure links the same way.  Make sure you assign the toolkit item to the items list
of all four pages.