Adam Frey Posted November 15, 2014 Share Posted November 15, 2014 I was trying to install Zopim into a 3rd party skin. It is a popup chat program. I didn't know if you could tell me which file that I need to add it to. I realize it will need to appear in the master template so it hits every page. Copy the following script and insert it into your website's HTML source code between the <head> tags. This code must be inserted into every page on which you wish to display the Zopim Chat Widget. The general widget is <!--Start of Zopim Live Chat Script--> <script type="text/javascript"> window.$zopim||(function(d,s){var z=$zopim=function©{z._.push©},$=z.s= d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set. .t=+new Date;$. type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script'); </script> <!--End of Zopim Live Chat Script--> Quote Link to comment Share on other sites More sharing options...
Dirty Butter Posted November 15, 2014 Share Posted November 15, 2014 What skin are you using? In Blueprint it would be main.php. Quote Link to comment Share on other sites More sharing options...
Adam Frey Posted November 15, 2014 Author Share Posted November 15, 2014 Using BCPurple - http://www.euphonium.com/store/ Quote Link to comment Share on other sites More sharing options...
bsmither Posted November 15, 2014 Share Posted November 15, 2014 Any third-party skin must have the same files as a stock skin. There can be more, as is found in BluePrint, but not any less and they must be named the same. So, the <head></head> block will be found in main.php, or in an included template file that gets called by the main.php template file. It will be obvious. Quote Link to comment Share on other sites More sharing options...
Adam Frey Posted November 15, 2014 Author Share Posted November 15, 2014 I did a search and didn't find the <head> Here is the main.php <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"dir="{$TEXT_DIRECTION}" lang="{$HTML_LANG}"> <head> <title>{$META_TITLE}</title> <link rel="canonical" href="{$VAL_SELF}" /> <link rel="shortcut icon" href="{$STORE_URL}/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" type="text/css" href="{$STORE_URL}/skins/{$SKIN_FOLDER}/styles/common.css" media="screen" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/jquery-ui.min.js"></script> <!--<link rel="stylesheet" type="text/css" href="{$STORE_URL}/skins/{$SKIN_FOLDER}/styles/{$SKIN_SUBSET}/layout.css" media="screen" />--> <link rel="stylesheet" type="text/css" href="{$STORE_URL}/js/styles/styles.php" media="screen" /> {if isset($CSS)} {foreach from=$CSS key=css_keys item=css_files} <link rel="stylesheet" type="text/css" href="{$STORE_URL}{$css_files}" media="screen" /> {/foreach} {/if} <!--[if IE 7]><link rel="stylesheet" type="text/css" href="{$STORE_URL}/skins/{$SKIN_FOLDER}/styles/ie7.css" media="screen" /><![endif]--> <meta http-equiv="Content-Type" content="text/html;charset={$CHARACTER_SET}" /> <meta name="description" content="{if isset($META_DESCRIPTION)}{$META_DESCRIPTION}{/if}" /> <meta name="keywords" content="{if isset($META_KEYWORDS)}{$META_KEYWORDS}{/if}" /> <meta name="robots" content="index, follow" /> <meta name="generator" content="cubecart" /> {if $ANALYTICS} {literal} <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl.": "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker('{/literal}{$ANALYTICS}{literal}'); pageTracker._trackPageview(); </script> {/literal} {/if} <script type="text/javascript" > function addqty(qtyId){ $("#"+qtyId).val(parseInt($("#"+qtyId).val(), 10) + 1); } function minusqty(qtyId){ if (parseInt($("#"+qtyId).val(), 10) > 1 ) { $("#"+qtyId).val(parseInt($("#"+qtyId).val(), 10) - 1); } } $(function() { $(".plus").click(function() { var text = $(this).next(":text"); text.val(parseInt(text.val(), 10) + 1); }); $(".minus").click(function() { var text = $(this).prev(":text"); if (parseInt(text.val(), 10) > 1 ) { text.val(parseInt(text.val(), 10) - 1); } }); }); </script> </head> <body> <div id="page_wrapper"> <div class="mainbg"> <div class="mainbg2"> <div id="header"> <p class="logo"> <a href="{$STORE_URL}"><img src="{$STORE_LOGO}" alt="{$META_TITLE}" /></a></p> {$SHOPPING_CART} <div class="menubox" > {$SESSION} {$CURRENCY} </div> <div class="boxbottom"> <div class="phone"> <span class="txtGreen txt18"><!-- {$ORDER_HOTLINE}--> Order hotline</span>{$CONTACT_NUMBER} </div> {$SEARCH_FORM} </div> {$MODSINDEX_TOP_MENU} {$BOX_TOPBANNERS} </div> {if $CRUMBS} <div id="breadcrumb"> <ul> <li><a href="{$STORE_URL}/index.php">{$LANG.common.home}</a></li> {foreach from=$CRUMBS item=crumb} <li><a href="{$crumb.url}">{$crumb.title}</a></li> {/foreach} </ul> </div> {/if} {$MODSINDEX_BANNERS} <div class="{$SECTION_NAME}_wrapper maindiv"> {include file='templates/box.errors.php'} {$MODSINDEX_MYACCOUNT_MENU} {if $COL_TRUE1==1} <div class="sidebar" id="sidebar_left"> {$CATEGORIES} {$REFINE_SEARCH} <!--{$RANDOM_PROD}--> {$SALE_ITEMS} {$MAIL_LIST} </div> {if $COL_TRUE2==1} <div class="sidebar" id="sidebar_right"> {$LATEST_NEWS} {if isset($POPULAR_PRODUCTS)}{$POPULAR_PRODUCTS}{/if} {$MODSINDEX_TESTIMONIALS_BOX} </div> {/if} {/if} <div id="page_content"> {if isset($CHECKOUT_PROGRESS)}{$CHECKOUT_PROGRESS}{/if} {$PAGE_CONTENT}{$GOOGLE_MAP} <p style="clear: both; height: 1px;"> </p> </div> <div id="documents"> <div class="fbox"> </div> {if isset($SKIN_SELECT)}{$SKIN_SELECT}{/if} {$SITE_DOCS_PANELS} <div class="maindiv"> <div class="payment left"> {$PAYMENTGATWAY} </div> {$SOCIAL_LINKS} </div> </div> </div> </div> <div class="maindiv copyright"> {if !$CONFIG.disable_mobile_skin} <div class="right" > <p id="mobile_switch"><a style="padding:10px; display:inline-block; color:#fff;" href="{$STORE_URL}/index.php?display_mobile=1">{$LANG.common.mobile_site}</a></p> </div> {/if} {$SITE_DOCS} <div class="maindiv"> {$COPYRIGHT} <p style="text-align: center;"> <a href="http://www.modsindex.com"style="color:#ffcf03;">CubeCart Skin</a> By Mods Index </p> </div> </div> </div> </div> {if $COOKIE_DIALOGUE} <div class="cokiesBox"> <script> $(document).ready(function(){ $(".pbutton").click(function(){ $(".cookies-notify").toggle('fast'); }); }); </script> <form action="{$VAL_SELF}" class="cookies-notify" method="POST"> <p>{$LANG.notification.cookie_dialogue|replace:'%s':{$CONFIG.store_name}}</p> <p class="happy"> <input style="float: left; margin: 1px 5px;" type="checkbox" name="accept_cookies" value="1" /> <span {if $COOKIE_DIALOGUE_FAIL} class="retry"{/if}>{$LANG.notification.cookie_dialogue_declaration}</span> </p> <input type="submit" name="accept_cookies_submit" value="{$LANG.common.continue}" class="continue" /> <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/cross2.png" alt="" border="0" usemap="#Map3" class="cross2 " /> <map name="Map3"> <area class="pbutton" shape="rect" coords="0,0,53,26" href="#"> </map> </form> <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/cross.png" alt="" border="0" style="position:absolute; bottom:0; left:0;" usemap="#Map2" /> <map name="Map2"> <area class="pbutton" shape="poly" coords="2,69,2,0,66,68" href="#"> </map> </div> {/if} <div style="clear:both; width:100%"></div> {if isset($DEBUG_INFO)}{$DEBUG_INFO}{/if} {include file='js/common.html'} {if isset($JANRAIN)}{$JANRAIN}{/if} {if isset($LIVE_HELP)}{$LIVE_HELP}{/if} {foreach from=$JS_SCRIPTS key=k item=script} <script type="text/javascript" src="{$STORE_URL}/{$script|replace:'':'/'}"></script> {/foreach} </body> </html> Quote Link to comment Share on other sites More sharing options...
bsmither Posted November 15, 2014 Share Posted November 15, 2014 Here is the main.php <head> is on line 3, </head> is on the last line as follows:<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"dir="{$TEXT_DIRECTION}" lang="{$HTML_LANG}"> <head> <title>{$META_TITLE}</title> ===A lot of stuff snipped.=== </script> </head> Quote Link to comment Share on other sites More sharing options...
havenswift-hosting Posted November 16, 2014 Share Posted November 16, 2014 I did a search and didn't find the <head> Here is the main.php <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"dir="{$TEXT_DIRECTION}" lang="{$HTML_LANG}"> <head> You say you did a search and didnt find the <head> - it is on line 3 of your code ! Secondly, if you want to implement the Zopim chat functionality, we have written a plugin which we give away for free to enable this - ?do=embed' frameborder='0' data-embedContent> Ian Quote Link to comment Share on other sites More sharing options...
Adam Frey Posted November 16, 2014 Author Share Posted November 16, 2014 Thanks. I was stupid and did a CRTL F and I promise it did NOT show it. I am not an guru....I did check your free plug in and purchased and look forward to using it once it is approved. Thank you. Quote Link to comment Share on other sites More sharing options...
havenswift-hosting Posted November 17, 2014 Share Posted November 17, 2014 hi AdamAs the plugin is free from our website, it would have been immediately available after you placed the "order" for it and checking your site, I see that you now have Zopim installed and working. We have a lot of people that have downloaded and are using this plugin so dont expect any issues at all, but any questions or problems please contact via a support ticketThanksIan Quote Link to comment Share on other sites More sharing options...
i.ahmed Posted February 15, 2015 Share Posted February 15, 2015 hi Adam As the plugin is free from our website, it would have been immediately available after you placed the "order" for it and checking your site, I see that you now have Zopim installed and working. We have a lot of people that have downloaded and are using this plugin so dont expect any issues at all, but any questions or problems please contact via a support ticket Thanks Ian Great little plugin, thanks for that. Small question, I'm new to Zopim, if I were to upgrade and therefore customize the widget, would the plugin update? Quote Link to comment Share on other sites More sharing options...
harrisorganic Posted May 13, 2015 Share Posted May 13, 2015 (edited) Does this insert go in the main.php file with Foundation skin? No it does not, as there is now a plugin, download and install the key. <!--Start of Zopim Live Chat Script--><script type="text/javascript">window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set._.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");$.src="//v2.zopim.com/?30smVjmlnS1BJ5n1FlohiPRvE8iqsi5Y";z.t=+new Date;$.type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");</script><!--End of Zopim Live Chat Script--> On the admin page there is a status square and a site ID. I assume these should be ticked and a name typed in these respectively.?Yes tick the box and add the code found in the widget 30smVjmlnS1BJ5n1FlohiPRvE8iqsi5Y for the site ID. To get the widget and code click Signup for a FREE Zopim Account! .If you run into trouble go to Zopin home page and chat online with them, very help full. Edited May 14, 2015 by harrisorganic Summary after installing Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.