Tag Archives: coding

3 Tips for Page Titles and H1 Header tags

Good morning everyone. I have a few issues with the default ProStores Product Catalog/List template. So I have compiled 3 tips on how to deal with them. By default the page title starts with “Results for..”. The first 4-5 words in your page title are the indicator to Google and others of what is on [...]

ProStores Quick Tip – Adding styling to Product Attribute Text

During a recent project for a client I was asked if I could apply bold styling to a product’s attribute text (part of which I have highlighted in red). At first I didn’t think it could be done at all and we settled for trusting that the customers would be able to tell. While I [...]

ProStores Google Analytics Ansynchronous Tracking Plug-in – FREE

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.” [...]

ProStores Tip: Using css images on secure pages in ProStores

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']“/>

How to display related products on cart template

Just a quickie for today! I’ve seen a few people using this already but I thought I’d share it with you all. <ss:if test="$cart.Details"> <p>You may also be interested in the following products:</p> <ul> <ss:foreach item="detail" within="$cart.Details">   <ss:foreach item="relatedproduct" within="$detail.relatedProducts">     <li><ss:link source="$relatedproduct"><ss:value source="$relatedproduct.name"/></ss:link></li>   </ss:foreach> </ss:foreach> </ul> </ss:if>

Hiding the size or color attribute when they are out of stock

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 [...]

Create ‘Next’ and ‘Previous’ buttons and links in your ProStores Product Catalog

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.

Subcategory Drill-Down on Product / Catalog List

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, [...]

ProStores Tip: Static Pages

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. <ss:link source="$templateSet.templates['*****']">page name</ss:link> To create a static page go to Design Studio > Click Add a Page Template > type in [...]