Upgrading web store templates to 2.5.2

#Upgrading Web Store 2.5.1 templates to 2.5.1

This guide details the changes that were made from the Basic, Deluxe and Framework templates from version 2.5.1 to 2.5.2 This guide is useful for those who wish to upgrade their existing templates with the new version.

Depending on your customizations, not all of these changes may be necessary. If you have not modified the template set, then the Upgrade process will automatically replace the file with the new version and manual updates are not necessary. You should only need these if you have changed the template file in question where the automatic update is not possible.

Note that not all changes are for every template set. The specific template is denoted below

##File Guide

##contact_us.tpl.php (Brooklyn template set)

Adds the ability to use Custom Page text that appears above the Contact Us form

Below the line

<?php $this->lblError->Render(); ?>

add

 <div class="row">
	<?php $this->txtCustomPage->Render(); ?>
</div>

##sharing_header.tpl.php (all templates)

Corrects an issue where Facebook needs an AppID to prevent a JavaScript error in IE. Note you will need to sign up for an AppID at https://developers.facebook.com/apps for your Web Store, then enter this ID in Admin Panel under Google/SEO -> Facebook Integration.

Change

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

to

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1<?= "&appId="._xls_get_conf('FACEBOOK_APPID'); ?>";

##cart_send.tpl.php (Brooklyn Template)

The original file was missing the new layout for the Brooklyn Template. Due to the quantity of changes, we recommend replacing the file with the new file if this has not happened automatically already.

##sharing.tpl.php (Brooklyn Template)

Corrects an alignment issue with the Pinterest sharing button

Replace the code block

<a href="http://pinterest.com/pin/create/button/?url=<? echo $this->prod->CanonicalUrl; ?>&media=<? echo
_xls_site_url($this->prod->SmallImage,true); ?>&description=<? echo urlencode($this->prod->Name); ?>"
   class="pin-it-button" count-layout="none"><img border="0" src="//assets.pinterest.com/images/PinExt.png"
                                                  title="Pin It"/></a>

with the code block

<div id="pinterest">
<a href="http://pinterest.com/pin/create/button/?url=<? echo $this->prod->CanonicalUrl; ?>&media=<? echo
	_xls_site_url($this->prod->SmallImage,true); ?>&description=<? echo urlencode($this->prod->Name); ?>"
   class="pin-it-button" count-layout="none"><img border="0" src="//assets.pinterest.com/images/PinExt.png"
   title="Pin It"/></a></div>

##css/webstore-light.css or css/webstore-dark.css (Brooklyn Template)

In the section

    /***** Sidebar Modules *****/

add the line to the bottom of this block

    #sidebar #OrderLookup { clear: left; padding-top: 15px;}

In the section

    /***** Product Details Page *****/

add these lines to this block

    #product_details #lblTitle { word-wrap: break-word; }
    #pinterest { display: inline-block; display: -moz-box; vertical-align: top; }

Below the block

    /***** Footy *****/

Add this new block (for webstore-dark.css version only)

    /***** Email Cart *****/
    #emailcart { background-color: #151514; background: url("images/darkbg.gif"); width: 600px; height: 400px; padding: 20px; border: 1px solid black; -moz-box-shadow: 1px 1px 5px 6px #ccc; -webkit-box-shadow: 1px 1px 5px 6px #ccc;}
    #emailcart textarea { width: 520px; height: 50px;}

or (for webstore-light.css version only)

    /***** Email Cart *****/
    #emailcart { background-color: white; width: 600px; height: 400px; padding: 20px;}
    #emailcart textarea { width: 520px; height: 50px;}