Personalization preview tool

[Jahvon]

Hi all,

I have been struggling to get this on the product page a personalization preview tool from Kate aspen, I can't find the product page for Prestashop 1.6 and where on the page would i put the code below?

I want a person to be able to customize their products.

 

• Cookies must be enabled on your website and in your customer’s browser to utilize the tool.
• Kate Aspen does not provide support for loading this program onto your site. Please contact your webmaster or an IT professional for assistance.
• You will need to customize this code in several places (noted in instructions). Please read carefully.
• The following basic instructions are for Windows-based platforms only.

Basic Directions:

1. Extract/Unzip PersonalizationPreviewTool.rar file to a destination folder on your computer and either save or open.(If you cannot open the file, please download WinRAR here). If you are a Yahoo Store Owner please download this file PersonalizationPreviewTools_ForYahooStore.rar. This may take several minutes to download (it's a very large file)! Then click on "personalizationpreviewtool" to get into the folder.
2. Please download following JS file to your server /personalizationPreviewTool /js folder
   Personalization.js
   jquery-1.4.2.min.js
   Utilities.js
   json2.js
   popupwindown.css
3. For JS/Personalized.js file, there are two values that need to be changed:
   var ViewAllDesignImage="../personalized/common/KA_viewdesigns.gif"
   var perimgurl="Your Site URL";
   • For example:
     var ViewAllDesignImage="http://YourSiteURL/personalized/common/KA_viewdesigns.gif"
     var perimgurl=" http://www.YourSiteURL.com ";
4. At the product page, add code below before </head> tag.
   <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
   <script type="text/javascript" src="../js/json2.js"></script>
   <script type="text/javascript" src="../js/Utilities.js"></script>
   <script type="text/javascript" src="../js/Personalization.js"></script>
   <LINK href="/js/popupwindown.css" rel="stylesheet">
   • For example:
     <script type="text/javascript" src="../personalizationPreviewTool /js/jquery-1.4.2.min.js"></script>
     <script type="text/javascript" src="../personalizationPreviewTool /js/json2.js"></script>
     <script type="text/javascript" src="./personalizationPreviewTool./js/Utilities.js"></script>
     <script type="text/javascript" src="../personalizationPreviewTool /js/Personalization.js"></script>
     <LINK href="/js/popupwindown.css" rel="stylesheet">
5. At product page, at the point where you want to display the personalization tool, add this code:
   <SCRIPT language=Javascript type=text/javascript>
   $(document).ready(getPersonlizationData(‘KA SKU #’,'KA SKU#DIV', 0));
   </script>
   <div id="'KA SKU#DIV" >
   </div>
   • For example:
     <SCRIPT language=Javascript type=text/javascript>
     $(document).ready(getPersonlizationData('31001NA-02','31001NA-02DIV',0));
     </script>
     <div id =’31001NA-02DIV’>

Edited February 24, 2015 by Jahvon (see edit history)