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 Development


The Contents Page: more useful functions.

As you already may know (from the Yahoo User Guide), the Contents Tree page is located in the Advanced Toolbar ( a button called “Contents”), and it includes important advanced store functions:

1) The Contents page is the fastest way to access the store’s RTML Templates (by clicking the “Templates” button).

RTML Templates button

2) The Contents page displays the store structure visually (the store’s Content Tree).

All page IDs listed under the link INDEX are considered as “structured”, or included in the store structure.

Below the structured page IDs there is a white gap (white spot), which separates the “Structured” area from the “Basement”, a special location that holds non-structured pages.

Yahoo store contents area

Not all pages need to be structured (i.e. special system pages norder, nsearch, ind, etc.), but don’t forget to keep this area maintained on a regular basis. Keep in mind that unstructured pages are not visible in the store Menu table and will not leave behind a “breadcrumbs” link trail.

To “structure” a section page, simply list it within the Content property of the home page (Index). Only list a main section pages to avoid a “Number of Menu Links limitation” reminder.

The “+” sign is located next to a bolded section page link, and opens up to reveal other ID’s (“child” IDs). The section page is a “Parent” for all the pages listed within.

If the page ID has a small button [SHOW PARENTS] from the right side, you could click on it to reveal all parent pages of this page. It is very useful if you have a page listed in multiple categories and need to find out where they are all located.

3) The Contents page has a unique button [NEW]. This is the only place in your editor to manually create store pages with a custom page ID (for instance, keyword-related page ID) and to select a desirable page type from the list (drop-down menu).

4) The Contents page has another special area called “Siberia, which appears after you “CUT” a page.

If you remove your pages from the store structure, they will be put into the “Basement.” They could still be accessible from the published store by direct links; however, the pages that are “Cut” will be sent to “Siberia” (or the Clipboard) and could not be accessed or searched from within your on-line store.

You could use “Siberia”, for example, to store unavailable products if you are planning to use them in the future.

If you end up having a lot of items in Siberia, keep them organized:  create a page called “Unavailable Items”, cut it and then list all the Siberia IDs in the content of this page. From now on, you will only see the link “Unavailable Items” at your Clipboard.

Yahoo Store Clipboard

RTML Operator “AND”

In an RTML Template the “AND” operator looks like:

AND

The operator AND may contain operators and arguments. If any of them returns false or nil, then the operator AND returns false (nil). If all arguments return true or contain some values, the operator returns the value of last arguments.

This operator could be used in combination with the “IF”, “WHEN”, “OR” and “WITH=” operators.

EXAMPLES:

IF test AND
          @custom-free-shipping
          < value1 @ship-weight
            value2 2
   then TEXT "Free Shipping For This Item"
   else nil

In this example, we are verifying if the “Free Shipping” option could be applied for a particular item. If the property @custom-free-shipping is “ON” and the item shipping weight is less than 2 (lb), then the text “Free Shipping For This Item” will appear on the page spot.

IF test AND
          @orderable
          OR
            @sale-price
            @price
   then TEXT "This is Item"
   else nil

In this example we are checking if this is the Item page. If the orderable property is set to the value “Yes” and the sale-price or price is defined, then the text “This is the Product page” will appear on the page spot.

Custom Availability

By default, the Yahoo Store System uses pre-defined “availability” options.

In this article, we will show you how to implement a “Custom availability” text field together with a pre-defined property in your store. You should have basic RTML knowledge to use this method.

In order to define “custom availability”, open a list of store Templates. Within the Custom templates column find the template that corresponds to the Item order (this template is a copy of a default template called Item-order).

Store template Item-order

In this RTML template find the RTML expression WHEN @availability:

WHEN @availability
  DIV class "itemavailable"
    TEXT STRING-APPEND
           GRAB
             TAG tag "em"
               TEXT "Availability: "
           @availability

In this expression change the variable @availability to customavailability:

WHEN customavailability
  DIV class "itemavailable"
    TEXT STRING-APPEND
           GRAB
             TAG tag "em"
               TEXT "Availability: "
           customavailability

Create a New RTML operator WITH= and paste the above expression into it. In this operator, assign the variable value to customavailability:

WITH= variable customavailability
      value nil
  WHEN customavailability
    DIV class "itemavailable"
      TEXT STRING-APPEND
             GRAB
               TAG tag "em"
                 TEXT "Availability: "
             customavailability

Create a New RTML operator IF to check @custom-availability and @availability fields. Pass IF to WITH= operator:

WITH= variable customavailability
      value IF test NONEMPTY @custom-availability
               then @custom-availability
               else @availability
  WHEN customavailability
    DIV class "itemavailable"
      TEXT STRING-APPEND
             GRAB
               TAG tag "em"
                 TEXT "Availability: "
             customavailability

Finally, define the custom property @custom-availability (type text) in the item page or at the item type and fulfill it with its necessary value.

RTML Operator “ACCUMULATE”

In an RTML Template, the “ACCUMULATE” operator looks like:

ACCUMULATE result_var nil
           iter_var nil
           result_init nil
           sequence nil

This operator accumulates certain values in result_var. At the beginning of iteration, result_var holds the value of the result_init variable. Sequence holds the list of objects (for example: the list of items). The ACCUMULATE operator takes elements from this list and passes them into iter_var variable one by one. Then the ACCUMULATE operator evaluates the expression assigned within it and passes the result to result_var.

Let’s look at the following example:

WITH= variable maximum-price
      value ACCUMULATE result_var maxprice
                       iter_var item
                       result_init MINNUM
                       sequence @contents
              MAXIMUM
                maxprice
                WITH-OBJECT item
                  ELEMENT position 0
                          sequence OR
                                     @price
                                     @sale-#price
  WITH= variable minimum-price
        value ACCUMULATE result_var minprice
                         iter_var item
                         result_init MAXNUM
                         sequence @contents
                MINIMUM
                  minprice
                  WITH-OBJECT item
                    ELEMENT position 0
                            sequence OR
                                       @price
                                       @sale-price
    TEXT GRAB
           "price from $"
           TEXT minimum-price
           " to $"
           TEXT maximum-price

In this example, we are defining the minimum and maximum price for the products that is in the listing page’s built-in property contents. For this purpose, we are also using RTML operators MINNUM and MAXNUM. They hold the minimum and maximum numbers in the Yahoo store system. If we want to get the minimum price, then we have to determine the maximum value first in result_init , if we want to obtain the maximum item price, then we have to determine the minimum value first in result_init. Within the ACCUMULATE operator we compare item_var and item price. Then the result will passed to item_var

RTML Operator “>” [greater than]

In an RTML Template the “>” operator looks like:

> value1 nil
  value2 nil

The purpose of this operator is to compare two numbers. If the first argument is greater than the second one, then the operator returns “true”.

EXAMPLES:

TEXT IF test > value1 @custom-variable
               value2 20
        then "Your number greater than 20"
        else "Your number is less or equal to 20"

As a result, if the number defined in the custom property “custom-variable” will be greater than 20, then the text “Your number is greater than 20” will appear at the page spot, otherwise the text ” Your number is less or equal to 20” will appear.

RTML Operator “<” [less than]

In an RTML Template the “<” operator looks like:

< value1 nil
  value2 nil

The purpose of this operator is to compare two numbers. If the first argument is less than the second one, then the operator returns “true”.

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

EXAMPLES:

WHEN < value1 @custom-variable
       value2 20
  TEXT "Your number is less than 20"

So, if the number defined in the custom property “custom-variable” will be less than 20,  then the text  “Your number is less than 20” will appear at the page spot.

Bulk upload of Icon and Inset images

If you didn’t already know, the Yahoo built-in function “Multiple Image Upload” (located at the “Control” page) does not allow you to upload Icon and Inset images.

Usually you have to go through all the pages manually and upload the icon or inset one by one, which takes up a lot of useful time.

How this process could be automated:

You can use a combination of two procedures: “Database Upload” and “Multiple Image Upload.”

1) Create an Excel .CSV spreadsheet file with two columns: ID and Icon

In each row enter the corresponding values that apply to the two columns: the page ID (where the Icon or inset should be uploaded to) and the image name (without the file extension). List as many page ID’s as you need.

Save this file in .CSV format and upload it to your store using the “Database Upload” feature. Make sure that you click the ADD button when uploading. Never click the REBUILD button, because it will wipe out your entire store content.

2) Create a ZIP archive with all the images you had listed in your .CSV file. Upload this file through Yahoo’s “Multiple Image Upload” feature.

From now on, all the pages listed in your spreadsheet will display the Icon image that you defined and uploaded.

3) Repeat these two steps for your Inset images. Instead of having an Icon column in your .CSV file, name it Inset and type in the inset image names for each corresponding page row.

You could combine the .CSV document to have the Icon and Inset columns in one file.

Pay attention: if the column Icon or Inset will have an empty cell, but the corresponded page already has these images uploaded, then the icon or inset will be erased from the page during the DB upload.

If you are interested in having more than one inset at store pages and want to have customized Inset names, visit our “Add-ons” page:  http://www.alphastoredesign.com/additions/multiple-insets.html

For more information regarding uploading .CSV data, please visit the Yahoo help page:  http://help.yahoo.com/l/us/yahoo/smallbusiness/store/edit/advanced/advanced-01.html

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”

How to add the “AddThis” button to Yahoo Store pages

1) To add “Bookmark & Share” button to store pages, go to www.Addthis.com first and receive the code from there.

There is the example of such a code:

<!– AddThis Button BEGIN –>
<a class=”addthis_button” href=”http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4c3eff9c2b54f517″><img src=”http://s7.addthis.com/static/btn/v2/lg-share-en.gif” width=”125″ height=”16″ alt=”Bookmark and Share” style=”border:0″/></a><script type=”text/javascript” src=”http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c3eff9c2b54f517″></script>
<!– AddThis Button END –>

Note: If you want to get the sharing statistics, you have to register on addthis.com.

2) Create a global variable -share-code (med-text) and place and paste the code into it. See more details here: http://www.alphastoredesign.com/blog/2010/03/11/how-to-add-global-or-local-properties ).

3) Open a list of store Templates. Then find custom Item-order template.

Store template Item-order
Click on it and open.

Find the RTML expression:

WHEN OR
       @price
       @sale-price

Click on WHEN.

Click the “New” button and create a TEXT operator. Then click the “Paste After”. After this click the “EDIT” button and set the value of TEXT operator to @-share-code

After these simple procedures the “Add This” button will appear on every item page near the “Add to Cart” button.