ALPHA STORE DESIGN STUDIO - authorized Yahoo! Small Business Partner
call us at (908).338.3992
 
About Us
Portfolio
System Additions for Store Pages
Custom Graphic Design. How It Works
/
BLOG: A few "tips" and "RTML secrets" of Yahoo store.

OUR BLOG: Yahoo Store from A to Z and RTML development "secrets".


Yahoo Commerce


How to access the store RTML templates list

Use the page’s Editor toolbar:
Click [Templates] or [Page Template] to open the last visited template, then you’ll see the button [Templates] at the top toolbar.

Or Click [Contents], get into the Contents Tree page, then you’ll see the button [Templates] at the top of the page.

RTML Templates button

Editing of RTML templates

Let’s suppose that you’ve just opened a brand new Yahoo store account. You’re excited and ready to put up your items for sale. But hold on a second. Before you upload the inventory items we insist that you follow these steps to create a list of Editable Templates.

By default RTML templates cannot be edited. To be capable of enhancing these templates, you need to make copies of all your base templates. This is a necessary step because afterwards, these template copies and newly created templates will have the possibility of being altered and edited.

As we have already said, you must make this list of Editable Templates before you upload any items because it will help you avoid the process of changing the templates for each item one by one.

So how does someone create a list of Editable Templates?

The first step you must take is to turn on the Advanced Editor Mode in the Control panel.

Yahoo Store Advance Editor Button

You will now see a second row of control buttons on the bottom of your main page

Yahoo Store Advance Editor Mode

-Click on the tab called “Contents”

-In the contents page, click the yellow button named “Templates

-Once you access this page you will see a list of all the templates.

-Find the template “Storetemplate.” and click to open it.

-Find the “Copy Template” button and click it.

RTML "Storetemplate." Copy Template button

-There will be a field that will appear where you have to type in a name for the new template. An example could be, “New-Storetemplate

-Click the “Copy” button.

Yahoo Store Editor - Template Copy

Congratulations. You have successfully created a List of Editable Templates! To recap, this was made possible through a process of copying the parental template (Storetemplate). Afterward, the RTML system automatically copies subsequent templates on it’s own, and all you need to do is apply this new template to your store pages by editing the store properties. This method will benefit you because you will have fewer pages to edit, and your workload will greatly decrease.

For example, let’s edit the first page of the site (Home page). Open up the Home page and click Edit. Then within the “Template” property change Storetemplate to New-Storetemplate and click on the Update button. Do not worry; the page layout will remain the same, because the new template is the exact copy of the old one.

Finally, all you need to do is apply some changes to the Config page. This is marked by a yellow button called “Config” at the top or bottom of your store pages (depending on the page settings).

Yahoo Store Editor Config Button

When you are in the Config page you must edit three drop-down menus (Default-item-template, Default-section-template, Default-group-template) and change Store-template to the new editable template.

As a result of taking these steps you now have the possibility to edit templates and to have all newly created pages under an editable template by default.

In our future articles we will discuss how to improve your Yahoo Store functionality by adding some small changes to the templates.

-Click on the tab called “Contents”

-In the contents page, click the yellow button named “Templates”

RTML Operator “BLUE”

Within Yahoo Store RTML Template, this operator is showing as:

BLUE nil

The operator takes color value and returns its blue component of RGB (red green blue) color model in numeric value between 0 and 255.

EXAMPLES:

  WITH= variable blue
        value BLUE @background-color
    WITH= variable red
          value RED @background-color
      WITH= variable green
            value GREEN @background-color
        BODY background-color COLOR red red - 20
                                    green green - 20
                                    blue blue - 20

At this example, we took Red Green and Blue color components from the global variable @background-color. Then, we are using these components to make the body background darker.

RTML Operator “AS-STRING”

Within Yahoo Store RTML Template, this operator is showing as:

AS-STRING nil

The purpose of this operator is to take an argument and convert it to a string.

EXAMPLE:

Let us pretend, that one of our test item has “Saving on Quantity” price value, defined as: 30 5 125 10 200. Where: 1 item price is $30, 5 items price is $125 and 10 items price is $200.

At this case the property @price returns numerical array (30 5 125 10 200), while AS-STRING @price returns text string – 30 5 125 10 200

RTML Operator “AS-NUMBER”

Within Yahoo Store RTML Template, this operator is showing as:

AS-NUMBER nil

The purpose of this operator is to take an argument and convert it (if possible) to a numerical type.

EXAMPLES:

AS-NUMBER “$77”

The argument in this example starts with “$”, where “$” is not a numerical character and therefore the AS-NUMBER returns 0

AS-NUMBER “10.44 20 30”

This example returns 10.44 because AS-NUMBER stops at the not numerical blank character.

Facebook “LIKE” Button Now is Available for Yahoo Stores!

An year ago, Facebook implemented a “like” button that let users share content that they approve of with each other. 3rd party websites are now also capable of implementing this button so that the site could get more attention on Facebook. These codes will show customers which of their Facebook friends have liked or visited your website.
http://news.cnet.com/8301-1023_3-10160112-93.html

You could use 2 ways to install the Facebook “Like” button at your store:

1) To enable a new Yahoo Social Media Sharing feature by yourself.

See more info here: http://help.yahoo.com/l/us/yahoo/smallbusiness/store/edit/social/social-03.html

If you are experiencing a difficulties to setup or customize the feature’s appearance on a page, then:

2) We could setup the Yahoo feature or to setup our version of it, based on XFBML fb:like tag and Facebook’s JavaScript SDK with Open Graph protocol. We could implement the button at any position on a page, depending on page design and customize it as necessary.

Note: For both versions you have to obtain the Facebook Application ID.

See more info here: http://help.yahoo.com/l/us/yahoo/smallbusiness/store/edit/social/social-06.html

You can find an example of this feature setup at : www.holytrinitystore.com, www.hello-gorgeous.net (drill down to Item pages to see).

How to define “FREE SHIPPING” over a certain amount and how to apply it to different UPS shipping methods

Storeowners who use flat rates, custom rate tables, or other custom methods, are able to define “Free shipping” by adding new conditions to previously defined rules. But how does one define “Free Shipping” if one is using UPS’ built-in methods (UPS Real-Time Rates)? How does one set-up rates that are followed by a statement that says: “Free ground shipping over $100 of your order”?

It’s pretty easy:

1) In the Store’s Shipping Manager go to: Store Manager > Shipping Manager > Ship Rates

Click the “Add Rule” Button, Select location, then on the next page select the UPS Ground method (or any other listed methods based on your preference). Click “Next”.

2) On the next page select the “Rate Table” radio button and proceed to the next page.

3) On this page select “TAXABLE_AMOUNT” from the first select box and then change the second line of the table with these following statements:

a) From: 100 (do not write the dollar/cents sign)

b) Add: -5000.00 (input a large negative value to override any possible shipping charges calculated by UPS)

4) Click “NEXT”. On the next page do NOT check the box “Apply ONLY this rule, even if other rules match”.

Click “Done”. Now you will see that the newly created rate table has been added to your list of Shipping Rates.

To test the new rule, go to “Shipping and Tax Test” page, select the “UPS Ground” shipping method, click “Calculate” and review the result.

Please do not forget to clearly explain a “free shipping” promotion to your store visitors. Add the appropriate notification to your store pages and to shopping cart pages.

If you would like to enhance the functionality of this option by having the ability to:

– Make it possible to show the notification text at your shopping cart pages upon different order conditions,

– Hide/show shipping methods depending on order “Ship To” address (i.e. display only “Second Day” if shipping to HI or AK),

– Exclude certain items from the “free shipping” promotion,

– Prevent placing orders with different shipping methods together in the same basket (i.e. item with the “second day” only method and item with “freight” method only),

– Display and submit a custom form at “Confirmation” page (i.e. “Prescription” form)

Please call us at 908-338-3992 or send us an e-mail to discuss your request or to talk about any other custom modifications.

RTML Operator “<=" [less than or equal to]

In a Yahoo Store RTML Template a newly created “<=” operator looks like:

<= value1 nil
   value2 nil

This operator compares two numbers. If the first argument is less than or equal to the second one, then operator returns “true”.

This operator could be used in combination with “IF“, “FOR” and “WHEN” operators.

EXAMPLES:

FOR variable pos
    initial 1
    test <= value1 pos
            value2 10
    update pos + 1
  TEXT GRAB
         pos
         " "

In this example, the operator “<=” checks a loop property “pos“. The loop continues its work as long as the “pos” value is less or equal to 10.

How to implement the Quantity box beside the “BUY” button at your item/product pages

By default, the Yahoo store system does not include a quantity box on its store pages. After a few changes in the RTML template it will be possible to apply this feature, and customers will then have the possibility to order more than one item.

First, make sure you have editable copies of your store RTML templates.

Now open the page with a list of store Templates.

Find the template that corresponds to adding the items to the shopping cart. Because it is a copy of a default template called add-to-cart, it will be named something such as, your-store-add-to-cart. Click and open it.

Add to cart RTML Template

Now you will see the template content. At this point, we recommend you make a copy of your existing template by clicking the Copy Template button (just in case if you need to restore it).

At the top of the template content click the operator “IF”. It will become active (not linked, black colored).


Click the button [NEW] at the toolbar. There you will see a selection field called “Complex”, scroll within it to find the operator “INPUT”.

Click the button [CREATE]

Adding RTML Operator Input into the RTML Template

The newly created operator will appear in the “basement” area, below the template content. We need to place it before the recent operator IF.

Now, “IF” is active. “INPUT” is in the basement. Click the button [Replace] in the toolbar. These operators will then rotate their places: “IF” will go to the basement area, “INPUT” will become the first operator (active). Now click the button [Paste After] and then “IF” will be replaced after the “INPUT”.

The last step is to customize the operator “INPUT”.

Click it to make it active. Click the button [EDIT] in the top toolbar. Define the following values:

Name – :vwquantity
type – :text
value – 1
maxlength – 3
size – 3

Click [UPDATE]

Editing the RTML Operator Input

All done. The quantity box will now appear at your store item pages.