Yahoo Store Order Button on Top

Usability studies suggest that having an "Add to cart" button or order button closer to the top of the page (or above the "fold" the first screenful of information) improves a store's conversion rate (people who buy versus people who browse.) Unfortunately, the Yahoo! Store editor (version 2, not Version 3) places the "Add to Cart" or "Order" button at the very bottom of product pages and there is no setting or variable in the editor that will let you change that. By manipulating the page-body template, however, we can copy or move the order button anywhere on the page. To begin, edit your copy of the page-body template and locate the following block of code in it:

      TABLE border 0
            cellspacing 0
            cellpadding 0
            width wid
        TABLE-ROW valign :top
          TABLE-CELL width wid
            CALL :yourstoreid-head  
              wid
              headel
              headsty


Immediately after the CALL :yourstoreid-head expression paste the following:

            FONT size @text-size
                 face @text-font
              WHEN AND 
                     OR 
                       NONEMPTY @code
                       CALL :yourstoreid-has-price  
                     NOT EQUALS value1 @no-top-order
                                value2 t
                CALL :yourstoreid-order  
                  IF test AND 
                            NONEMPTY @headline
                            NONEMPTY @code
                     then @name
                     else nil
                  nil


Now, that portion of the page-body template should look like this:

      TABLE border 0
            cellspacing 0
            cellpadding 0
            width wid
        TABLE-ROW valign :top
          TABLE-CELL width wid
            CALL :yourstoreid-head  
              wid
              headel
              headsty
            FONT size @text-size
                 face @text-font
              WHEN AND 
                     OR 
                       NONEMPTY @code
                       CALL :yourstoreid-has-price  
                     NOT EQUALS value1 @no-top-order
                                value2 t
                CALL :yourstoreid-order  
                  IF test AND 
                            NONEMPTY @headline
                            NONEMPTY @code
                     then @name
                     else nil
                  nil


This change will repeat the order button (as well as the code, price, and availability at the top of the page.) There may be cases, though, when you want to have only the bottom order button (the original one.) That is what the custom property no-top-order is for (see above.) To make the top order button disappear from a page, edit that page, and add a new property of type Yes-No called no top order to that page. Then, set the value of no-top-order to No.

This and many other Yahoo Store tips are detailed in our Yahoo! Store Tips & Tricks Book.

Get connected to insider Yahoo! Store advice, tips & strategies.
© 2001-2018 Y - Times Publications, L.L.C., Kihei, HI, USA. Y - Times Publications, L.L.C. and its products are not associated with or endorsed by Yahoo! Inc. Yahoo!, and Yahoo! Store are registered trademarks of Yahoo! Inc. Click here for more copyright information.
Copyright © 2001-2018 Y-Times Publications, LLC. All Rights Reserved.
Yahoo! Small Business Partner