Recently in Design Tips

If you are using a default ProStores template set (Store Version) and you want to change the font sizes this display will help. Your font size choices in the Design Settings are presented as keyword sizes: Very Small, Small, Medium Small, Medium, Medium Large, Large and Very Large. Here is a visual representation of each.

Very Small (10px)

Small (14px)

Medium Small (16px)

Medium (18px)

Medium Large (24px)

Large (32px)

Very Large (48px)

In CSS, there is a font size attribute called "Absolute-size" - also referred to as using a keyword to specify font size. Though similar, they are slightly different than the choices you have in ProStores. Here is a visual example of font sizes specified using keywords:

Absolute size - xx-small

Absolute size - x-small

Absolute size - small

Absolute size - medium

Absolute size - large

Absolute size - x-large

Absolute size - xx-large

In legacy styles used for HTML you will find yet another similarity, but still different.

Size 1

Size 2

Size 3

Size 4

Size 5

Size 6

Size 7

Something as simple as a link to a page… you would think that would be pretty straight forward. This could very well be the question we get from clients who customize their store. “How can I link to the custom page I just made?”

User Defined templates in ProStores are just that - templates you can create that automatically use the header and footer just like any other template. To link to one of these pages, you would use the Page.bok call in your link and include a parameter for the template name. When you create a User Defined template, you provide a name and description. The name cannot contain any spaces or special characters because the name is used in the URL. Here are a few examples:

[yourdomain]/Page.bok?template=press
[yourdomain]/Page.bok?template=help

You can also use a ProStores Template Tag for the link instead (preferred):

<ss:link source="$templateSet.templates['press']">
     Visit the Press Page
</ss:link>