Posts Tagged ‘coding’
ProStores Google Analytics Ansynchronous Tracking Plug-in – FREE
Written by Matt on February 12, 2010 – 12:00 amI am happy to offer our new ProStores Google Analytics Ansynchronous Tracking Plug-in for free here on our blog.
From Google, “asynchronous tracking optimizes how browsers load ga.js so its impact on user experience is minimized. It also allows you to put your Analytics snippet higher in the page without delaying subsequent content from rendering.”
Its also much more flexible and advanced, as well as more accurate, you can push multiple commands at once and you can even split the snippet up depending on your configuration.
1. Remove your old Google Analytics code from the footer if you have it. If you have Google E-commerce tracking in your Order Confirm page leave it, neither code will bother the other one.
2. Open your Header Template, saving a baseline as always, and paste in the code below just after the <body> tag.
3. Make sure you replace UA-xxxxxxx-x with your Google Analytics account number.
<!-- Begin Google CODE -->
<ss:if test="$page.bodytemplate.name = 'orderconfirm'">
<ss:comment>do nothing</ss:comment>
<ss:else/>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxx-x']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();
</script>
</ss:if>
<!-- End Google CODE -->Visit tracking only, doesn’t track e-commerce purchases or purchase information. See my GA – E-Commerce Plug-in to track purchases in your ProStores store.
If you still need assistance Professional install service is available, if you follow me on twitter you can get a discount.
Tags: coding, google analytics, google analytics in prostores, order confirm template, prostores, ProStores Certified Designer, prostores plug-in, ssml, Tips, tracking code
Posted in ProStores Coding, Tips | 3 Comments »
ProStores Tip: Using css images on secure pages in ProStores
Written by Matt on July 13, 2009 – 10:39 am1. use an external stylesheet.
2. put your external stylesheet in your templateSet images folder.
3. reference your images in your stylesheet like so: background:url(bg.jpg); – Using no paths.
4. Use ssml to reference your stylesheet in your header template. <link rel=”stylesheet” type=”text/css” title=”style” href=”$storeVersion.images['style.css']“/>
Tags: coding, prostores design, prostores tips
Posted in ProStores Coding, Tips | 3 Comments »
How to display related products on cart template
Written by Matt on July 22, 2008 – 4:38 pmJust a quickie for today!
I’ve seen a few people using this already but I thought I’d share it with you all.
[sourcecode language="css"]
You may also be interested in the following products:
[/sourcecode]
Tags: coding, prostores, ssml, Tips
Posted in ProStores Coding, Tips | No Comments »
Hiding the size or color attribute when they are out of stock
Written by Matt on July 16, 2008 – 2:30 pmYou can hide the size attributes on the Product/Catalog Detail page if the attribute is out of stock, you can modify it for color as well. You could take this code and modify it for other similar functions.
**note** Most likely this code will only work with Advanced Tier or higher ProStores sites.
**note** This snippet of code ONLY works on the Product/Catalog Detail template. You will need to do some editing with the Add to Cart template as well as the Detail template to get this code to work properly.
<td>
<font face="arial,helv" size="2"><b>Size</b>
<select name="size">
<ss:foreach item="attr" within="$product.attributes">
<ss:if test="$attr.quantity <> 0">
<option value="$attr.size"><ss:value source="$attr.size"/></option>
</ss:if>
</ss:foreach>
</select>
</font>
</td>
Tags: coding, product detail template, prostores, Tips
Posted in ProStores Coding, Tips | 12 Comments »
Create ‘Next’ and ‘Previous’ buttons and links in your ProStores Product Catalog
Written by Matt on July 15, 2008 – 10:20 pmCustomizing Search Results Next Links *from the ssml support referrence*
The
Read more »
Tags: coding, prostores, Tips
Posted in ProStores Coding, Tips | No Comments »
Subcategory Drill-Down on Product / Catalog List
Written by Matt on July 15, 2008 – 2:59 pmThe following code modifies the Catalog List template to do one of the following:
* If the user clicks a category link and that category has subcategories, those subcategories will be displayed on the Catalog List template as links.
* If the user clicks a category or subcategory link that does not have any categories, the Catalog List will display a list of product search results.
You can modify this code to show images as subcategory links as well.
Tags: catalog list, coding, product list, prostores, Tips
Posted in ProStores Coding, Tips | No Comments »
ProStores Tip: Static Pages
Written by Matt on June 28, 2008 – 9:09 amIf you want to link to a static page you can create a User Defined Template, thats ProStores speak for a page you created in Design Studio, and use this code for the link.
[sourcecode language='css']
To create a static page go to Design Studio > Click Add a Page Template > type in the page name, which is represented by the ****** in the code above and the rest of the info > Choose User Defined Template from the final drop down box.
You then place the link in the part of the site you want it to show up in.
Tags: coding, prostores, ssml
Posted in ProStores Coding, Tips | No Comments »