Latest Posts »
Latest Comments »
Popular Posts »

ProStores Google Analytics Ansynchronous Tracking Plug-in – FREE

Written by Matt on February 12, 2010 – 12:00 am

I 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:
, , , , , , , , ,
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 am

1. 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: , ,
Posted in ProStores Coding, Tips | 3 Comments »

How to display related products on cart template

Written by Matt on July 22, 2008 – 4:38 pm

Just 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: , , ,
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 pm

You 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>&nbsp;
    <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: , , ,
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 pm

Customizing Search Results Next Links *from the ssml support referrence*

The tag provides several different options for displaying “Next” and “Previous” links on your search results pages.
Read more »


Tags: , ,
Posted in ProStores Coding, Tips | No Comments »

Subcategory Drill-Down on Product / Catalog List

Written by Matt on July 15, 2008 – 2:59 pm

The 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. :-)

Read more »


Tags: , , , ,
Posted in ProStores Coding, Tips | No Comments »

ProStores Tip: Static Pages

Written by Matt on June 28, 2008 – 9:09 am

If 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']page name[/sourcecode]

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: , ,
Posted in ProStores Coding, Tips | No Comments »