Announcement

Collapse
No announcement yet.

PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

    The following posts will contain documentation on:
    1. Mini-Basket
    2. Shipping Estimate
    3. Customer Template/CSS/Settings Changes
      1. Password Reauthentication Setting
      2. Customer Fields templates for pages ACAD/ACED
      3. Template changes to pages ACLN, LOGN, ORHL, and ORDL.
      4. CSS changes



    Mini-Basket Documentation:
    Note* MiniBasket will add its own CSS file during installation. In cssui, this file will be placed in the store's folder location. In MMUI stores (including MMUI with the css_fw Framework installed), the css file will be placed in the root directory.
    1. In the Administration interface, click on the Utilities link from left navigation
    2. Check the box next to Mini-Basket
    3. Click Update to save the changes
    4. Click the Pages link from left navigation
    5. Click the Items tab
    6. Edit the “global_minibasket” item
    7. Assign the “global_minibasket” item to all the pages you wish it to appear on
    8. Click on your store name link from left navigation
    9. Click on tab Mini-Basket
    10. Here, you can choose to limit the product name length, edit the template (using Advanced Mode), or elect to use image types if your store uses them.
    11. Before the Mini-Basket will display in runtime, you must assign the global_minibasket item to your page template. Insert '<mvt:item name="global_minibasket" />' into an appropriate template after assigning the item to the page in use. Good locations include: Global Header, Navigation Bar, or Category Tree (depending on your store's layout). You may wish to alter the css styles in the minibask.css file to match your store's layout/styling.



    Shipping Estimate Documentation:
    1. In the Administration interface, click on the Utilities link from left navigation
    2. Check the box next to Shipping Estimate
    3. Click Update to save the changes
    4. A new page will have been created SERT: Shipping Estimate Rates. This page is used to display the rates once the calculate shipping button is checked (explained later)
    5. Click the Pages link from left navigation
    6. Click the Items tab
    7. Assign the “shipestimate” item (not the “shipestimate_rates” item) to the page you wish to display rates, such as the PROD or BASK pages
    8. Edit the page you assigned the shipestimate item to
    9. Insert the shipestimate item into the template code (for example, on the PROD page, you can insert <mvt:item name="shipestimate" /> right after <mvt:item name="product_display" />) and click update
    10. Click on the Shipping Estimate tab
    11. If on a page that uses the product item (and a product is actually passed to that page), you can change the mode to “Single Product”, and it will show shipping rates for just the single product in a single quantity. If shipping to multiple countries, use the multiple select to enable the countries you ship to (using control-click or shift-click to highlight multiples) You may also change the template code using advanced mode if you need to change the template. NOTE* If the mode is set to “Single Product” and a product is NOT passed, the fallback will use the “Entire Basket” setting as a backup.
    12. The Results Display setting will allow the shipping rates to display in either a new popup window, or in the same element as the popup dialog on the page.
    13. In runtime, view your page that has the shipestimate item assigned
    14. Click the Estimate Shipping link – a new dialog will show up where you can enter the shipping address. NOTE* Without shipping methods enabled, or if no shipping rates are returned, a default “Unable to estimate shipping rates, please check your address and try again” message will be returned. This can be changed by editing the SERT page template code



    Password Reauthentication Enabling:
    To require customers to enter their current password when changing email address or password, use the following steps:
    1. In the administration interface, click on the Customers link from left navigation
    2. Click the Settings tab
    3. Check the box next to “Require Customers to Reauthenticate when Changing Passwords"
    4. Click Update to save the changes


    Now, when a customer attempts to change their password or email address, they will be required to enter their current password as a security precaution. This setting is left off by default on upgraded stores, and turned on by default in new stores

    NOTE* If you enable this setting, you will need to update the customer fields template to account for the new reauthentication requirement. Please continue reading the next section below (Changing the Page Template) to make these template changes.

    Changing the Page Template:
    There are now five different templates for the Customer Fields template (which can be found on such pages as ACAD and ACED):
    1. Checkout: Display-Only
    2. Checkout: Editable
    3. Customer: Legacy Add/Edit
    4. Customer: Add
    5. Customer: Edit


    Checkout: Display-Only – Generates code that will display the non-editable customer fields only (used during the checkout process)
    Checkout: Editable – Generates code that will display editable customerfields (used during the checkout process)
    Customer: Legacy Add/Edit – Generates code that looks the same as the pre-PR8 Update 7 version of the Customer Add and Edit pages
    Customer: Add – Generates code for the new Customer Add template (Removes the Login field as the email address is now used by default as the login)
    Customer: Edit – Generates code for the new Customer Edit template (Removes the Email Address, Login, and Password fields, which are now changed through their own specific pages)

    Ideal settings with the new customer changes would be “Customer: Add” on page ACAD, and “Customer: Edit” on page ACED, although the “Customer: Legacy Add/Edit” will work with the new Reauthentication setting

    If you created your store before updating to Update 7 and you have reauthentication enabled, you must first update the ACED template before the reauthentication will work. If you do not, your customers will not be able to update their credentials!
    Last edited by rguisewite; 01-23-13, 01:39 PM.
    Ryan Guisewite
    Lead UI Developer / Miva, Inc.
    www.miva.com

    #2
    Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

    Along with the Reauthentication change comes three new pages: CEML (Change Email Address), CPWD (Change Password), and FPWD (Forgot Password). These new pages will be automatically added to any store in PR8 Update 7 (whether upgraded or newly created). The CSS for these new pages, however, will NOT be automatically added to upgraded stores. Below are the changes to the CSS

    NOTE*: For convenience, I have attached a zip file that contains two CSS files (each containing the code below). If you do not wish to edit the default css file for your store, you may upload one or the other of these files (depending on your store) to add the CSS changes. Just remember that these changes are for the DEFAULT templates, so if you have made custom changes to your store, you will want to edit the CSS styling to match your store!

    cssui.css changes (highlighted parts are the changes/additions):
    The following css changes are primarily to add formatting to the FPWD, CPWD, and CEML pages. However, if you decide to change the "Username" fields to "Email Address", you will need to add the below "width: 90px" change or the "Email Address" text will wrap
    Code:
    ...
    /*** LOGN, AFCL, ORDL, ORHL, FPWD, CPWD, CEML ***/
    
    
    #main-content .margin-container
    {
        padding: 28px 126px;
    }
    
    ...
    ...
    ...
    
    
    .LOGN label, 
    .ORDL label, 
    .AFCL label, 
    .FPWD label{ 
        float:left; 
        clear:both; 
        width:90px; 
        text-align:right; 
        padding:3px 5px; 
    } 
    
    .FPWD .forgot-password-section{ 
       text-align:left; 
       width:320px; 
       padding:10px; 
       border:1px solid #CCC; 
       margin:15px auto; 
    } 
    
    .FPWD .fpwd-input, 
    .CPWD .cpwd-input{ 
       width:150px; 
       margin:2px 3px; 
    } 
    
    .CEML .change-buttons, 
    .CPWD .change-buttons{ 
       text-align:right; 
    } 
    
    .CPWD .change-password-section{ 
       width:300px; 
       margin:15px auto 5px; 
       padding:10px; 
       border:1px solid #CCC; 
    } 
    
    .CPWD label{ 
       width:110px; 
       float:left; 
       clear:both; 
       text-align:right; 
       padding:3px 5px; 
    } 
    
    .CEML .change-emailaddress-section{ 
        width:350px; 
        margin:15px auto 5px; 
        padding:10px; 
        border:1px solid #CCC; 
    } 
    
    .CEML label{ 
        width:140px; 
        float:left; 
        clear:both; 
        text-align:right; 
    padding:3px 5px; 
    } 
    
    .CEML .oldemailaddress{ 
        line-height:22px; 
    } 
    ...
    mm_styles.css changes (highlighted parts are the changes/additions):
    The following css changes for the css_fw Framework should only be implemented if you change the login pages to use the new "Email Address" text and the new Forgot Password section. If you keep the old style (with the radio button to login or email your password), do NOT add this additional css, as it will be improperly formatted
    Code:
    ...
    #login {
        line-height:25px;
        width: 325px;
        }
    
    #login label {
        width: 110px;
        text-align: right;
        display: inline-block;
        font-weight: bold;
        }
    
    #login #nextbutton {
        margin-top: 5px;
        }
    
    #login .forgot-password-link {
        clear: both;
        text-align: center;
        }
        
        
    .account_column input { margin-bottom: 3px; display:block; margin-left: 180px; width: 180px; }
    .account_column select { margin-bottom: 3px; display:block; margin-left: 180px; width: 180px; }
    ...
    Attached Files
    Ryan Guisewite
    Lead UI Developer / Miva, Inc.
    www.miva.com

    Comment


      #3
      Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

      Below are the changes to the LOGN page (in MMUI css_fw, MMUI default_fw, and CSSUI cssui_default_fw)

      LOGN: MMUI css_fw
      New default template (changes/additions are highlighted)
      Code:
      <mvt:item name="html_profile" />
          <head>
              <title>&mvt:store:name;: Customer Login</title>
              <base href="&mvt:global:basehref;">
              <mvt:item name="head" param="css_list" />
              <mvt:item name="head" param="head_tag" />
          </head>
          <mvt:item name="body">
              <mvt:item name="hdft" param="global_header" />
              <mvt:item name="navbar" />
              <div id="mainbody">
                  <mvt:item name="category_tree" />
                  <div id="content">
                      <mvt:item name="hdft" param="header" />
                      <a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ACNT">Create New Account</a><br>
                      <mvt:item name="messages" />
                      <form method="post" action="&mvt:global:secure_sessionurl;" autocomplete="off">
                          <input type="hidden" name="Store_Code" value="&mvte:store:code;" />
                          <input type="hidden" name="Screen"        value="ACED" />
                          <input type="hidden" name="Action"     value="LOGN" />
                          <br />
                          <div id="login">
                              <label for="Customer_LoginEmail">Email Address:</label> <input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" style="width: 200px;" value="&mvte:global:Customer_LoginEmail;" autocomplete="off">
                              <label for="Customer_Password">Password:</label> <input type="password" name="Customer_Password" id="Customer_Password" style="width: 200px;" autocomplete="off">
                              <div id="nextbutton">
                                  <mvt:item name="buttons" param="Login" />
                              </div>
                              <div class="forgot-password-link">
                                  <a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=FPWD">Forgot Password?</a>
                              </div>
                          </div>
                      </form>
                      <br />
                      <mvt:item name="hdft" param="footer" />
                  </div>
                  <br class="clear" />
                  <mvt:item name="hdft" param="global_footer" />
              </div>
          </mvt:item>
      </html>
      LOGN: MMUI default_fw
      New default template (changes/additions are highlighted)
      Code:
      <mvt:item name="html_profile" />
      <head>
          <title>&mvt:store:name;: Customer Login</title>
          <base href="&mvt:global:basehref;">
          <mvt:item name="head" param="head_tag" />
      </head>
      
      <mvt:item name="body">
          <mvt:item name="hdft" param="global_header" />    
      
          <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr><td align="left" valign="bottom">
              <mvt:item name="navbar" />
          </td></tr>
      
          <tr><td align="left" valign="bottom"> 
              <mvt:item name="hdft" param="header" />
          </td></tr>
      
          <tr><td align="left" valign="top" width="100%">
              <br>
              <mvt:item name="fonts" param="body_font">
                  <a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ACNT">Create New Account</a><br>
                  <mvt:item name="messages" />
              </mvt:item>
      
              <form method="post" action="&mvt:global:secure_sessionurl;" autocomplete="off">
              <input type="hidden" name="Store_Code" value="&mvte:store:code;">
              <input type="hidden" name="Screen"        value="ACLN">
              <input type="hidden" name="Action"     value="LOGN">
      
              <table border="0">
              <tr><td align="left" valign="middle" colspan=3>
                   
              </td></tr>
              
              <tr><td align="left" valign="middle" colspan=3>
                  <mvt:item name="fonts" param="body_font">
                  <b>Login to Existing Account:</b>
                  </mvt:item>
              </td></tr>
      
              <tr><td align="left" valign="middle">
                    
              </td><td align="left" valign="middle">
                  <mvt:item name="fonts" param="body_font">
                  <b>Email Address:</b>
                  </mvt:item>
              </td><td align="left" valign="middle">
                  <mvt:item name="fonts" param="body_font">
                  <input type="text" size="40" name="Customer_LoginEmail" value="&mvte:global:Customer_LoginEmail;" autocomplete="off">
                  </mvt:item>
              </td></tr>
      
              <tr><td align="left" valign="middle">
                    
              </td><td align="left" valign="middle">
                  <mvt:item name="fonts" param="body_font">
                  <b>Password:</b>
                  </mvt:item>
              </td><td align="left" valign="middle">
                  <mvt:item name="fonts" param="body_font">
                  <input type="password" size="40" name="Customer_Password" autocomplete="off">
                  </mvt:item>
              </td></tr>
      
              <tr><td align="left" valign="middle">
                    
              </td><td align="left" valign="middle">
                   
              </td><td align="right" valign="middle">
                  <mvt:item name="fonts" param="body_font">
                  <mvt:item name="buttons" param="Login" />
                  </mvt:item>
              </td></tr>
      
              <tr><td align="center" valign="middle" colspan="3">
                  <mvt:item name="fonts" param="body_font">
                  <a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=FPWD">Forgot Password?</a>
                  </mvt:item>
              </td></tr>
              </table>
              </form>
          </td></tr>
      
          <tr><td align="left" valign="bottom"> 
              <mvt:item name="hdft" param="footer" />
          </td></tr>
      
          </table>
      
          <mvt:item name="hdft" param="global_footer" />    
      </mvt:item>
      </html>
      LOGN: CSSUI cssui_default_fw
      New default template (changes/additions are highlighted)
      Code:
      <mvt:item name="html_profile" />
      <head>
          <title>&mvt:store:name;: Customer Login</title>
          <base href="&mvt:global:basehref;" />
          <mvt:item name="head" param="css_list" />
          <mvt:item name="head" param="head_tag" />
      </head>
      <body class="LOGN one-column">
      <div id="site-container">
          <div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
          <div id="navigation-bar"><mvt:item name="navbar" /></div>
          <table id="content-container">
              <tr>
                  <td id="left-navigation"><mvt:item name="category_tree" /></td>
                  <td id="main-content">
                      <div id="page-header"><mvt:item name="hdft" param="header" /></div>
                      <div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>
                      <div class="margin-container">
                          <form id="logn" action="&mvt:global:secure_sessionurl;Screen=ACLN" method="post" autocomplete="off">
                          <input type="hidden" name="Store_Code" value="&mvte:store:code;" />
                          <input type="hidden" name="Action" value="LOGN" />
                          <div class="section grey-border-right aligncenter">
                              <h3>Create New Account</h3>
                              <input type="button" value="Create Account" class="button" onclick="window.location = '&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ACAD';" />
                          </div>
                          <div class="section">
                              <h3>Sign In</h3>
                              <mvt:if expr="l.settings:messages:error_message_count">
                              <div class="error-message">
                              <mvt:foreach iterator="error" array="messages:error_messages">
                                  &mvt:error;
                              </mvt:foreach>
                              </div>
                              <mvt:elseif expr="l.settings:messages:information_message_count">
                              <div class="information-message">
                              <mvt:foreach iterator="message" array="messages:information_messages">
                                  &mvt:message;
                              </mvt:foreach>
                              </div>
                              </mvt:if>
                              
                              <div class="form_row">
                                  <label for="Customer_LoginEmail">Email Address:</label><input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" class="textfield logn-input" value="&mvte:global:Customer_LoginEmail;" autocomplete="off" />
                              </div>
                              <div class="form_row">
                                  <label for="Customer_Password">Password:</label><input type="password" name="Customer_Password" id="Customer_Password" class="textfield logn-input" autocomplete="off" />
                              </div>
                              <div class="clear"></div>
                              <div class="sign-in-buttons"><mvt:item name="buttons" param="login" /></div>
                              <div class="forgot-password"><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=FPWD">Forgot password?</a></div>
                          </div>
                          </form>
                      </div>
                      <div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
                  </td>
              </tr>
          </table>
          <div id="bottom-wrap"></div>
          <div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
      </div>
      </body>
      </html>
      Last edited by rguisewite; 10-18-12, 10:20 AM.
      Ryan Guisewite
      Lead UI Developer / Miva, Inc.
      www.miva.com

      Comment


        #4
        Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

        Below are the changes to the ORHL page (in MMUI css_fw, MMUI default_fw, and CSSUI cssui_default_fw)

        ORHL: MMUI css_fw
        New default template (changes/additions are highlighted)
        Code:
        <mvt:item name="html_profile" />
            <head>
                <title>&mvt:store:name;: Customer Login</title>
                <base href="&mvt:global:basehref;">
                <mvt:item name="head" param="css_list" />
                <mvt:item name="head" param="head_tag" />
            </head>
            <mvt:item name="body">
                <mvt:item name="hdft" param="global_header" />
                <mvt:item name="navbar" />
                <div id="mainbody">
                    <div id="content">
                        <mvt:item name="hdft" param="header" />
                        <mvt:item name="messages" />
                        <form method="post" action="&mvt:global:secure_sessionurl;" autocomplete="off">
                            <input type="hidden" name="Store_Code" value="&mvte:store:code;">
                            <input type="hidden" name="Screen"     value="ORDH">
                            <input type="hidden" name="Action"     value="LOGN">
                            <br />
                            <div id="login">
                                <h5>Log in to View Order History:</h5><br />
                                <label for="Customer_LoginEmail">Email Address:</label> <input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" value="&mvte:global:Customer_LoginEmail;" style="width: 200px;" autocomplete="off">
                                <label for="Customer_Password">Password:</label> <input type="password" name="Customer_Password" id="Customer_Password" style="width: 200px;" autocomplete="off">
                                <div id="nextbutton">
                                    <mvt:item name="buttons" param="Login" />
                                </div>
                                <div class="forgot-password-link">
                                    <a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=FPWD">Forgot Password?</a>
                                </div>
                            </div>
                        </form>
                            
                        <form method="post" action="&mvt:global:secure_sessionurl;" autocomplete="off">
                            <input type="hidden" name="Screen" value="ORDH" />
                            <input type="hidden" name="Store_Code" value="&mvte:store:code;" />
                            <div id="login" class="clear">
                                <h5>Lookup by Billing Information:</h5><br />
                                <label for="Order_BillEmail">Email:</label> <input type="text" name="Order_BillEmail" id="Order_BillEmail" style="width: 200px;" value="&mvte:global:Order_BillEmail;" autocomplete="off" />
                                <label for="Order_BillZip">Zip Code:</label> <input type="text" size="20" name="Order_BillZip" id="Order_BillZip" style="width: 200px;" autocomplete="off" />
                                <div id="nextbutton">
                                    <input type="submit" value="Lookup" />
                                </div>
                            </div>
                        </form>
                                
                        <mvt:item name="hdft" param="footer" />
                    </div>
                    <br class="clear" />
                    <mvt:item name="hdft" param="global_footer" />
                </div>
            </mvt:item>
        </html>
        ORHL: MMUI default_fw
        New default template (changes/additions are highlighted)
        Code:
        <mvt:item name="html_profile" />
        <head>
            <title>&mvt:store:name;: Order History Lookup</title>
            <base href="&mvt:global:basehref;">
            <mvt:item name="head" param="head_tag" />
        </head>
        
        <mvt:item name="body">
            <mvt:item name="hdft" param="global_header" />    
        
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr><td align="left" valign="bottom">
                <mvt:item name="navbar" />
            </td></tr>
        
            <tr><td align="left" valign="bottom"> 
                <mvt:item name="hdft" param="header" />
            </td></tr>
        
            <tr><td align="left" valign="top" width="100%">
                <br>
                <table border="0">
                <tr><td>
                    <form method="post" action="&mvt:global:secure_sessionurl;" autocomplete="off">
                    <input type="hidden" name="Store_Code" value="&mvte:store:code;">
                    <input type="hidden" name="Screen" value="ORDH">
                    <input type="hidden" name="Action" value="LOGN">
        
                    <table border="0">
                    <tr><td align="left" valign="middle" colspan=3>
                        <mvt:item name="fonts" param="body_font">
                        <b>Log in to View Order History:</b>
                        </mvt:item>
                    </td></tr>
        
                    <tr><td align="left" valign="middle">
                          
                    </td><td align="left" valign="middle">
                        <mvt:item name="fonts" param="body_font">
                        <b>Email Address:</b>
                        </mvt:item>
                    </td><td align="left" valign="middle">
                        <mvt:item name="fonts" param="body_font">
                        <input type="text" size="40" name="Customer_LoginEmail" value="&mvte:global:Customer_LoginEmail;" autocomplete="off">
                        </mvt:item>
                    </td></tr>
        
                    <tr><td align="left" valign="middle">
                          
                    </td><td align="left" valign="middle">
                        <mvt:item name="fonts" param="body_font">
                        <b>Password:</b>
                        </mvt:item>
                    </td><td align="left" valign="middle">
                        <mvt:item name="fonts" param="body_font">
                        <input type="password" size="40" name="Customer_Password" autocomplete="off">
                        </mvt:item>
                    </td></tr>
        
                    <tr><td align="left" valign="middle">
                          
                    </td><td align="left" valign="middle">
                         
                    </td><td align="right" valign="middle">
                        <mvt:item name="fonts" param="body_font">
                        <mvt:item name="buttons" param="Login" />
                        </mvt:item>
                    </td></tr>
        
                    <tr><td align="center" valign="middle" colspan="3">
                        <mvt:item name="fonts" param="body_font">
                        <a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=FPWD">Forgot Password?</a>
                        </mvt:item>
                    </td></tr>
                    </table>
                    </form>
                </td></tr>
                <tr><td style="text-align:center; font-wieght:bold;">
                    <mvt:item name="fonts" param="body_font">OR</mvt:item>
                </td></tr>
                <tr><td>
                    <form method="post" action="&mvt:global:secure_sessionurl;" autocomplete="off">
                    <input type="hidden" name="Screen" value="ORDH" />
                    <input type="hidden" name="Store_Code" value="&mvt:store:code;" />            
                    <table border="0">
                    <tr><td align="left" valign="middle" style="font-weight:bold;" colspan="3">
                        <mvt:item name="fonts" param="body_font">
                        Lookup by Billing Information:
                        </mvt:item>
                    </td></tr>
                    <tr>
                    <td> </td>
                    <td style="font-weight:bold;">
                        <mvt:item name="fonts" param="body_font">
                        Email:
                        </mvt:item>
                    </td><td>
                        <mvt:item name="fonts" param="body_font">
                        <input type="text" size="40" name="Order_BillEmail" value="&mvte:global:Order_BillEmail;" autocomplete="off" />
                        </mvt:item>
                    </td></tr>
                    <tr>
                    <td> </td>
                    <td style="font-weight:bold;">
                        <mvt:item name="fonts" param="body_font">
                        Zip Code:
                        </mvt:item>
                    </td><td>
                        <mvt:item name="fonts" param="body_font">
                        <input type="text" size="20" name="Order_BillZip" autocomplete="off" />
                        </mvt:item>
                    </td></tr>
                    <tr>
                    <td> </td>
                    <td align="right" colspan="2">
                        <mvt:item name="fonts" param="body_font">
                        <input type="submit" value="Lookup" />
                        </mvt:item>
                    </td></tr>
                    </table>
                    </form>
                </td></tr>
                </table>
            </td></tr>
        
            <tr><td align="left" valign="bottom"> 
                <mvt:item name="hdft" param="footer" />
            </td></tr>
        
            </table>
        
            <mvt:item name="hdft" param="global_footer" />    
        </mvt:item>
        </html>
        ORHL: CSSUI cssui_default_fw
        New default template (changes/additions are highlighted)
        Code:
        <mvt:item name="html_profile" />
        <head>
            <title>&mvt:store:name;: Lookup Order History</title>
            <base href="&mvt:global:basehref;" />
            <mvt:item name="head" param="css_list" />
            <mvt:item name="head" param="head_tag" />
        </head>
        <body class="ORHL one-column">
        <div id="site-container">
            <div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
            <div id="navigation-bar"><mvt:item name="navbar" /></div>
            <table id="content-container">
                <tr>
                    <td id="left-navigation"><mvt:item name="category_tree" /></td>
                    <td id="main-content">
                        <div id="page-header"><mvt:item name="hdft" param="header" /></div>
                        <div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>
                        <div class="margin-container">
                            <form action="&mvt:global:secure_sessionurl;Screen=ORDH" method="post" autocomplete="off">
                            <input type="hidden" name="Store_Code" value="&mvte:store:code;" />
                            <div class="lookup-section grey-border-right">
                                <h3>Lookup by Email/Zip Code</h3>
                                <div class="form_row">
                                    <label for="Order_BillEmail" class="lookup">Billing Email:</label><input type="text" name="Order_BillEmail" id="Order_BillEmail" class="textfield logn-input" value="&mvte:global:Order_BillEmail;" autocomplete="off" />
                                </div>
                                <div class="form_row">
                                    <label for="Order_BillZip" class="lookup">Billing Zip Code:</label><input type="text" name="Order_BillZip" id="Order_BillZip" class="textfield logn-input" autocomplete="off" />
                                </div>
                                <div class="clear"></div>
                                <div class="sign-in-buttons"><input type="submit" class="button" value="Lookup" /></div>
                            </div>
                            </form>
                            <form id="logn" action="&mvt:global:secure_sessionurl;Screen=ORDH" method="post" autocomplete="off">
                            <input type="hidden" name="Store_Code" value="&mvte:store:code;" />
                            <input type="hidden" name="Action" value="LOGN" />
                            <div class="signin-section">
                                <h3>Sign In</h3>
                                <mvt:if expr="l.settings:messages:error_message_count">
                                <div class="error-message">
                                <mvt:foreach iterator="error" array="messages:error_messages">
                                    &mvt:error;
                                </mvt:foreach>
                                </div>
                                <mvt:elseif expr="l.settings:messages:information_message_count">
                                <div class="information-message">
                                <mvt:foreach iterator="message" array="messages:information_messages">
                                    &mvt:message;
                                </mvt:foreach>
                                </div>
                                </mvt:if>
                                
                                <div class="form_row">
                                    <label for="Customer_LoginEmail">Email Address:</label><input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" class="textfield logn-input" value="&mvte:global:Customer_LoginEmail;" autocomplete="off" />
                                </div>
                                <div class="form_row">
                                    <label for="Customer_Password">Password:</label><input type="password" name="Customer_Password" id="Customer_Password" class="textfield logn-input" autocomplete="off" />
                                </div>
                                <div class="clear"></div>
                                <div class="sign-in-buttons"><mvt:item name="buttons" param="login" /></div>
                                <div class="forgot-password"><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=FPWD">Forgot password?</a></div>
                            </div>
                            </form>
                        </div>
                        <div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
                    </td>
                </tr>
            </table>
            <div id="bottom-wrap"></div>
            <div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
        </div>
        </body>
        </html>
        Last edited by rguisewite; 10-18-12, 10:22 AM.
        Ryan Guisewite
        Lead UI Developer / Miva, Inc.
        www.miva.com

        Comment


          #5
          Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

          Below are the changes to the ORDL page (in MMUI css_fw, MMUI default_fw, and CSSUI cssui_default_fw)

          ORDL: MMUI css_fw
          New default template (changes/additions are highlighted)
          Code:
          <mvt:item name="html_profile" />
              <head>
                  <title>&mvt:store:name;: Checkout: Customer Login</title>
                  <base href="&mvt:global:basehref;">
                  <mvt:item name="head" param="css_list" />
                  <mvt:item name="head" param="head_tag" />
              </head>
              <mvt:item name="body">
                  <mvt:item name="hdft" param="global_header" />
                  <mvt:item name="navbar" />
                  <div id="mainbody">
                      <mvt:item name="category_tree" />
                      <div id="content">
                          <mvt:item name="hdft" param="header" />
                          <div class="floatleft">
                              <a href="&mvt:global:secure_sessionurl;Screen=ACNT&Order=1&Store_Code=&mvta:store:code;">Create New Account</a>
                          </div>
                               <a href="&mvt:global:secure_sessionurl;Screen=OCST&Store_Code=&mvta:store:code;">Place Order Without Account</a>
                          <br />
                          <mvt:item name="messages" />
                          <form method="post" action="&mvt:global:secure_sessionurl;" autocomplete="off">
                              <input type="hidden" name="Store_Code" value="&mvte:store:code;">
                              <input type="hidden" name="Screen"     value="OCST">
                              <input type="hidden" name="Action"     value="LOGN" />
                              <br />
                              <div id="login">
                                  <label for="Customer_LoginEmail">Email Address:</label> <input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" value="&mvte:global:Customer_LoginEmail;" style="width: 200px;" autocomplete="off">
                                  <label for="Customer_Password">Password:</label> <input type="password" name="Customer_Password" id="Customer_Password" style="width: 200px;" autocomplete="off">
                                  <div id="nextbutton">
                                      <mvt:item name="buttons" param="Login" />
                                  </div>
                                  <div class="forgot-password-link">
                                      <a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=FPWD">Forgot Password?</a>
                                  </div>
                              </div>
                          </form>
                      <br />
                      <mvt:item name="hdft" param="footer" />
                      </div>
                      <br class="clear" />
                      <mvt:item name="hdft" param="global_footer" />
                  </div>
              </mvt:item>
          </html>
          ORDL: MMUI default_fw
          New default template (changes/additions are highlighted)
          Code:
          <mvt:item name="html_profile" />
          <head>
              <title>&mvt:store:name;: Checkout: Customer Login</title>
              <base href="&mvt:global:basehref;">
              <mvt:item name="head" param="head_tag" />
          </head>
          
          <mvt:item name="body">
              <mvt:item name="hdft" param="global_header" />    
          
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
              <tr><td align="left" valign="bottom">
                  <mvt:item name="navbar" />
              </td></tr>
          
              <tr><td align="left" valign="bottom"> 
                  <mvt:item name="hdft" param="header" />
              </td></tr>
          
              <tr><td align="left" valign="top" width="100%">
                  <br>
                  <table border="0">
                  <tr><td align="left">
                      <mvt:item name="fonts" param="body_font">
                          <a href="&mvt:global:secure_sessionurl;Screen=ACNT&Order=1&Store_Code=&mvta:store:code;">Create New Account</a>
                      </mvt:item>
                  </td><td align="right">
                      <mvt:item name="fonts" param="body_font">
                      <a href="&mvt:global:secure_sessionurl;Screen=OCST&Store_Code=&mvta:store:code;">Place Order Without Account</a>
                      </mvt:item>
                  </td></tr>
          
                  <tr><td colspan="2">
                      <mvt:item name="fonts" param="body_font">
                          <mvt:item name="messages" />
                      </mvt:item>
                  </td></tr>
          
                  <tr><td colspan="2">
                      <form method="post" action="&mvt:global:secure_sessionurl;" autocomplete="off">
                      <input type="hidden" name="Store_Code" value="&mvt:store:code;">
                      <input type="hidden" name="Screen" value="OCST">
                      <input type="hidden" name="Action" value="LOGN">
          
                      <table border="0">
                      <tr><td align="left" valign="middle" colspan=3>
                          <mvt:item name="fonts" param="body_font">
                          <b>Login to Existing Account:</b>
                          </mvt:item>
                      </td></tr>
          
                      <tr><td align="left" valign="middle">  
                      </td><td align="left" valign="middle">
                          <mvt:item name="fonts" param="body_font">
                          <b>Email Address:</b>
                          </mvt:item>
                      </td><td align="left" valign="middle">
                          <mvt:item name="fonts" param="body_font">
                          <input type="text" size=40 name="Customer_LoginEmail" value="&mvte:global:Customer_LoginEmail;" autocomplete="off">
                          </mvt:item>
                      </td></tr>
          
                      <tr><td align="left" valign="middle">
                            
                      </td><td align="left" valign="middle">
                          <mvt:item name="fonts" param="body_font">
                          <b>Password:</b>
                          </mvt:item>
                      </td><td align="left" valign="middle">
                          <mvt:item name="fonts" param="body_font">
                          <input type="password" size="40" name="Customer_Password" autocomplete="off">
                          </mvt:item>
                      </td></tr>
          
                      <tr><td align="left" valign="middle">
                            
                      </td><td align="left" valign="middle">
                           
                      </td><td align="right" valign="middle">
                          <mvt:item name="fonts" param="body_font">
                          <mvt:item name="buttons" param="Login" />
                          </mvt:item>
                      </td></tr>
          
                      <tr><td align="center" valign="middle" colspan="3">
                          <mvt:item name="fonts" param="body_font">
                          <a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=FPWD">Forgot Password?</a>
                          </mvt:item>
                      </td></tr>
                      </table>
                      </form>
                  </td></tr>
                  </table>
              </td></tr>
          
              <tr><td align="left" valign="bottom"> 
                  <mvt:item name="hdft" param="footer" />
              </td></tr>
              </table>
          
              <mvt:item name="hdft" param="global_footer" />    
          </mvt:item>
          </html>
          ORDL: CSSUI cssui_default_fw
          New default template (changes/additions are highlighted)
          Code:
          <mvt:item name="html_profile" />
          <head>
              <title>&mvt:store:name;: Checkout: Customer Login</title>
              <base href="&mvt:global:basehref;" />
              <mvt:item name="head" param="css_list" />
              <mvt:item name="head" param="head_tag" />
          </head>
          <body class="ORDL one-column">
          <div id="site-container">
              <div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
              <div id="navigation-bar"><mvt:item name="navbar" /></div>
              <table id="content-container">
                  <tr>
                      <td id="left-navigation"><mvt:item name="category_tree" /></td>
                      <td id="main-content">
                          <div id="page-header"><mvt:item name="hdft" param="header" /></div>
          
                          <form name="logn" action="&mvt:global:secure_sessionurl;" method="post" autocomplete="off">
                          <input type="hidden" name="Store_Code" value="&mvte:store:code;" />
                          <input type="hidden" name="Screen" value="OCST" />
                          <input type="hidden" name="Action" value="LOGN" />
          
                          <div class="section grey-border-right aligncenter">
                              <h3>Create New Account</h3>
                              <input type="button" value="Create Account" class="button" onclick="window.location = '&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Order=1&Screen=ACAD';" />
                          </div>
                          <div class="section grey-border-right">
                              <h3>Sign In</h3>
                              <mvt:if expr="l.settings:messages:error_message_count">
                              <div class="error-message">
                              <mvt:foreach iterator="error" array="messages:error_messages">
                                  &mvt:error;
                              </mvt:foreach>
                              </div>
                              <mvt:elseif expr="l.settings:messages:information_message_count">
                              <div class="information-message">
                              <mvt:foreach iterator="message" array="messages:information_messages">
                                  &mvt:message;
                              </mvt:foreach>
                              </div>
          
                              </mvt:if>
                              
                              <div class="form_row">
                                  <label for="Customer_LoginEmail">Email Address:</label><input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" class="textfield logn-input" value="&mvte:global:Customer_LoginEmail;" autocomplete="off" />
                              </div>
                              <div class="form_row">
                                  <label for="Customer_Password">Password:</label><input type="password" name="Customer_Password" id="Customer_Password" class="textfield logn-input" autocomplete="off" />
                              </div>
                              <div class="clear"></div>
                              <div class="sign-in-buttons"><mvt:item name="buttons" param="login" /></div>
                              <div class="forgot-password"><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=FPWD">Forgot password?</a></div>
                              
                          </div>
                          <div class="section aligncenter">
                              <h3>Express Checkout</h3>
                              <input type="button" value="Proceed to Checkout" class="button" onclick="window.location = '&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=OCST';" />
                          </div>
                          </form>
          
                          <div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
                      </td>
                  </tr>
              </table>
              <div id="bottom-wrap"></div>
              <div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
          </div>
          </body>
          </html>
          Last edited by rguisewite; 10-18-12, 10:22 AM.
          Ryan Guisewite
          Lead UI Developer / Miva, Inc.
          www.miva.com

          Comment


            #6
            Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

            Can you attach a NEW complete cssui.css file? I have 2 new stores that I would prefer to just replace the cssui.css file.

            Jon

            Viscott Limited
            www.viscott.com

            Comment


              #7
              Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

              Originally posted by Viscott View Post
              Can you attach a NEW complete cssui.css file? I have 2 new stores that I would prefer to just replace the cssui.css file.
              Hey Jon, sure thing. Our forums do not allow css file attachments, so I am putting it in a zip, but it is just the one file. Another option (just for future reference) is that you can go to the Frameworks tab and apply the cssui_default_fw Framework. This, however, will reset pretty much everything in your store to stock, so I wouldn't recommend it if you have made other template changes you wish to keep.
              Attached Files
              Ryan Guisewite
              Lead UI Developer / Miva, Inc.
              www.miva.com

              Comment


                #8
                Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

                It would be nice to have these changes separate but what are the changes to ACLN? Or am I missing it among the other stuff?
                Mark Hood
                Vermont Gear

                Comment


                  #9
                  Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

                  Originally posted by rguisewite View Post
                  Hey Jon, sure thing. Our forums do not allow css file attachments, so I am putting it in a zip, but it is just the one file. Another option (just for future reference) is that you can go to the Frameworks tab and apply the cssui_default_fw Framework. This, however, will reset pretty much everything in your store to stock, so I wouldn't recommend it if you have made other template changes you wish to keep.
                  Thanks, that cleaned up the update login forms.
                  Jon

                  Viscott Limited
                  www.viscott.com

                  Comment


                    #10
                    Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

                    Below are the changes to the ACLN page (in MMUI css_fw, MMUI default_fw, and CSSUI cssui_default_fw)

                    These changes affect the viewability of the new Change Email Address and Change Password pages. If you are using the new "Require Reauthentication" setting with an altered ACED page (using the "Customer: Add" mode), then altering this page template is recommended.

                    ACLN: MMUI css_fw
                    New default template (changes/additions are highlighted)
                    Code:
                    <mvt:item name="html_profile" />
                    <head>
                    	<title>&mvt:store:name;: Edit Customer Account</title>
                    	<base href="&mvt:global:basehref;">
                    	<mvt:item name="head" param="css_list" />
                    	<mvt:item name="head" param="head_tag" />
                    </head>
                    
                    <mvt:item name="body">
                    <mvt:item name="hdft" param="global_header" />
                    <mvt:item name="navbar" />
                    
                    <div id="mainbody_account">
                    	<mvt:item name="hdft" param="header" />
                    	
                    	<div style="text-align:center;">
                    	<a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&amp;Screen=ACED">Edit Account Info</a>&nbsp;&nbsp;
                    	<a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&amp;Screen=CEML">Change Email Address</a>&nbsp;&nbsp;
                    	<a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&amp;Screen=CPWD">Change Password</a>&nbsp;&nbsp;
                    	<a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&amp;Screen=ORDH">Customer Order History</a>&nbsp;&nbsp;
                    	</div>
                    
                    	<br />
                    	<mvt:item name="hdft" param="footer" />
                    <br class="clear" />
                    <mvt:item name="hdft" param="global_footer" />
                    </div>
                    </mvt:item>
                    </html>
                    ACLN: MMUI default_fw
                    New default template (changes/additions are highlighted)
                    Code:
                    <mvt:item name="html_profile" />
                    <head>
                    	<title>&mvt:store:name;: Edit Customer Account</title>
                    	<base href="&mvt:global:basehref;">
                    	<mvt:item name="head" param="head_tag" />
                    </head>
                    
                    <mvt:item name="body">
                    	<mvt:item name="hdft" param="global_header" />
                    
                    	<table border="0" cellpadding="0" cellspacing="0" width="100%">
                    	<tr><td align="left" valign="bottom">
                    		<mvt:item name="navbar" />
                    	</td></tr>
                    
                    	<tr><td align="left" valign="bottom">
                    		<mvt:item name="hdft" param="header" />
                    	</td></tr>
                    
                    	<tr><td align="left" valign="top" width="100%">
                    		<mvt:item name="fonts" param="body_font">
                    		<br>
                                    <a href="&mvt:global:secure_sessionurl;Action=LOGO&Screen=SFNT&Store_Code=&mvta:global:Store_Code;">Logout</a><br>
                    		<br>
                    		<center>
                    			<a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ACED">Edit Account Info</a>&nbsp;&nbsp;
                    			<a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=CEML">Change Email Address</a>&nbsp;&nbsp;
                    			<a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=CPWD">Change Password</a>&nbsp;&nbsp;
                    			<a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ORDH">Customer Order History</a>&nbsp;&nbsp;
                    
                    			<br><br>
                    		</center>
                    		</mvt:item>
                    	</td></tr>
                    
                    	<tr><td align="left" valign="bottom">
                    		<mvt:item name="hdft" param="footer" />
                    	</td></tr>
                    	</table>
                    
                    	<mvt:item name="hdft" param="global_footer" />
                    </mvt:item>
                    </html>
                    ACLN: CSSUI cssui_default_fw
                    New default template (changes/additions are highlighted)
                    Code:
                    <mvt:item name="html_profile" />
                    <head>
                    	<title>&mvt:store:name;: My Account</title>
                    	<base href="&mvt:global:basehref;" />
                    	<mvt:item name="head" param="css_list" />
                    	<mvt:item name="head" param="head_tag" />
                    </head>
                    <body class="ACLN">
                    <div id="site-container">
                    	<div id="global-header"><mvt:item name="hdft" param="global_header" /></div>
                    	<div id="navigation-bar"><mvt:item name="navbar" /></div>
                    	<table id="content-container">
                    		<tr>
                    			<td id="left-navigation"><mvt:item name="category_tree" /></td>
                    			<td id="main-content">
                    				<div id="page-header"><mvt:item name="hdft" param="header" /></div>
                    				<div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>
                    				<div class="logout-link"><a href="&mvt:global:secure_sessionurl;Action=LOGO&amp;Screen=SFNT&amp;Store_Code=&mvta:global:Store_Code;">Logout</a></div>
                    
                    				<h1>My Account</h1>
                    
                    				<div class="account-links">
                    					<ul>
                    						<li><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&amp;Screen=ACED">Edit Account Info</a></li>
                    						<li><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&amp;Screen=CEML">Change Email Address</a></li>
                    						<li><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&amp;Screen=CPWD">Change Password</a></li>
                    						<li><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&amp;Screen=ORDH">Customer Order History</a></li>
                    					</ul>
                    				</div>
                    
                    				<div id="page-footer"><mvt:item name="hdft" param="footer" /></div>
                    			</td>
                    		</tr>
                    	</table>
                    	<div id="bottom-wrap"></div>
                    	<div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div>
                    </div>
                    </body>
                    </html>
                    Ryan Guisewite
                    Lead UI Developer / Miva, Inc.
                    www.miva.com

                    Comment


                      #11
                      Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

                      Originally posted by rguisewite View Post

                      ...

                      Password Reauthentication Enabling:
                      To require customers to enter their current password when changing email address or password, use the following steps:
                      1. In the administration interface, click on the Customers link from left navigation
                      2. Click the Settings tab
                      3. Check the box next to “Require Customers to Reauthenticate when Changing Passwords"
                      4. Click Update to save the changes


                      Now, when a customer attempts to change their password or email address, they will be required to enter their current password as a security precaution. This setting is left off by default on upgraded stores, and turned on by default in new stores

                      NOTE* If you enable this setting, you will need to update the customer fields template to account for the new reauthentication requirement. Please continue reading the next section below (Changing the Page Template) to make these template changes.

                      Changing the Page Template:
                      There are now five different templates for the Customer Fields template (which can be found on such pages as ACAD and ACED):
                      1. Checkout: Display-Only
                      2. Checkout: Editable
                      3. Customer: Legacy Add/Edit
                      4. Customer: Add
                      5. Customer: Edit


                      Checkout: Display-Only – Generates code that will display the non-editable customer fields only (used during the checkout process)
                      Checkout: Editable – Generates code that will display editable customerfields (used during the checkout process)
                      Customer: Legacy Add/Edit – Generates code that looks the same as the pre-PR8 Update 7 version of the Customer Add and Edit pages
                      Customer: Add – Generates code for the new Customer Add template (Removes the Login field as the email address is now used by default as the login)
                      Customer: Edit – Generates code for the new Customer Edit template (Removes the Email Address, Login, and Password fields, which are now changed through their own specific pages)

                      Ideal settings with the new customer changes would be “Customer: Add” on page ACAD, and “Customer: Edit” on page ACED, although the “Customer: Legacy Add/Edit” will work with the new Reauthentication setting

                      If you created your store before updating to Update 7 and have reauthentication enabled, you must first update before the reauthentication will work.

                      Please note that if you enable Password Reauthentication, YOU WILL NEED TO UPDATE YOUR ACED PAGE TEMPLATE CODE USING THE ABOVE "CHANGING THE PAGE TEMPLATE" SECTION, otherwise your customers will not be able to update their information with this enabled. Just remember, updating your template code will overwrite any changes you have made to that template.
                      Ryan Guisewite
                      Lead UI Developer / Miva, Inc.
                      www.miva.com

                      Comment


                        #12
                        Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

                        I'm having trouble with the ACRT, CPWD, FPWD and CEML pages not formatting correctly. We get duplicate top nav and cat trees that ruins the format. I've added the CSS above, but it doesn't fix the issues.

                        ACRT calls for <body class="&mvte:page:code;">
                        CPWD calls for <body class="CPWD one-column">
                        FPWD calls for <body class="FPWD one-column">CEML calls for <body class="CEML one-column">

                        none are in the css above. I can't figure out what I'm missing - but at least I'm consistently missing it!

                        https://www.2collectcola.com/FPWD.html
                        https://www.2collectcola.com/CEML.html
                        https://www.2collectcola.com/CPWD.html
                        https://www.2collectcola.com/ACRT.html

                        Help would be most appreciated!

                        Comment


                          #13
                          Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

                          Originally posted by rguisewite View Post
                          The following posts will contain documentation on:
                          1. Mini-Basket
                          2. Shipping Estimate
                          3. Customer Template/CSS/Settings Changes
                            1. Password Reauthentication Setting
                            2. Customer Fields templates for pages ACAD/ACED
                            3. Template changes to pages ACLN, LOGN, ORHL, and ORDL.
                            4. CSS changes




                          Mini-Basket Documentation:
                          Note* MiniBasket will add its own CSS file during installation. In cssui, this file will be placed in the store's folder location. In MMUI stores (including MMUI with the css_fw Framework installed), the css file will be placed in the root directory.
                          1. In the Administration interface, click on the Utilities link from left navigation
                          2. Check the box next to Mini-Basket
                          3. Click Update to save the changes
                          4. Click the Pages link from left navigation
                          5. Click the Items tab
                          6. Edit the “global_minibasket” item
                          7. Assign the “global_minibasket” item to all the pages you wish it to appear on
                          8. Click on your store name link from left navigation
                          9. Click on tab Mini-Basket
                          10. Here, you can choose to limit the product name length, edit the template (using Advanced Mode), or elect to use image types if your store uses them.
                          11. Before the Mini-Basket will display in runtime, you must assign the global_minibasket item to your page template. Insert '<mvt:item name="global_minibasket">' into an appropriate template after assigning the item to the page in use. Good locations include: Global Header, Navigation Bar, or Category Tree (depending on your store's layout). You may wish to alter the css styles in the minibask.css file to match your store's layout/styling. </mvt:item>



                          Shipping Estimate Documentation:
                          1. In the Administration interface, click on the Utilities link from left navigation
                          2. Check the box next to Shipping Estimate
                          3. Click Update to save the changes
                          4. A new page will have been created SERT: Shipping Estimate Rates. This page is used to display the rates once the calculate shipping button is checked (explained later)
                          5. Click the Pages link from left navigation
                          6. Click the Items tab
                          7. Assign the “shipestimate” item (not the “shipestimate_rates” item) to the page you wish to display rates, such as the PROD or BASK pages
                          8. Edit the page you assigned the shipestimate item to
                          9. Insert the shipestimate item into the template code (for example, on the PROD page, you can insert <mvt:item name="shipestimate"> right after <mvt:item name="product_display">) and click update</mvt:item></mvt:item>
                          10. Click on the Shipping Estimate tab
                          11. If on a page that uses the product item (and a product is actually passed to that page), you can change the mode to “Single Product”, and it will show shipping rates for just the single product in a single quantity. If shipping to multiple countries, use the multiple select to enable the countries you ship to (using control-click or shift-click to highlight multiples) You may also change the template code using advanced mode if you need to change the template. NOTE* If the mode is set to “Single Product” and a product is NOT passed, the fallback will use the “Entire Basket” setting as a backup.
                          12. The Results Display setting will allow the shipping rates to display in either a new popup window, or in the same element as the popup dialog on the page.
                          13. In runtime, view your page that has the shipestimate item assigned
                          14. Click the Estimate Shipping link – a new dialog will show up where you can enter the shipping address. NOTE* Without shipping methods enabled, or if no shipping rates are returned, a default “Unable to estimate shipping rates, please check your address and try again” message will be returned. This can be changed by editing the SERT page template code



                          Password Reauthentication Enabling:
                          To require customers to enter their current password when changing email address or password, use the following steps:
                          1. In the administration interface, click on the Customers link from left navigation
                          2. Click the Settings tab
                          3. Check the box next to “Require Customers to Reauthenticate when Changing Passwords"
                          4. Click Update to save the changes


                          Now, when a customer attempts to change their password or email address, they will be required to enter their current password as a security precaution. This setting is left off by default on upgraded stores, and turned on by default in new stores

                          NOTE* If you enable this setting, you will need to update the customer fields template to account for the new reauthentication requirement. Please continue reading the next section below (Changing the Page Template) to make these template changes.

                          Changing the Page Template:
                          There are now five different templates for the Customer Fields template (which can be found on such pages as ACAD and ACED):
                          1. Checkout: Display-Only
                          2. Checkout: Editable
                          3. Customer: Legacy Add/Edit
                          4. Customer: Add
                          5. Customer: Edit


                          Checkout: Display-Only – Generates code that will display the non-editable customer fields only (used during the checkout process)
                          Checkout: Editable – Generates code that will display editable customerfields (used during the checkout process)
                          Customer: Legacy Add/Edit – Generates code that looks the same as the pre-PR8 Update 7 version of the Customer Add and Edit pages
                          Customer: Add – Generates code for the new Customer Add template (Removes the Login field as the email address is now used by default as the login)
                          Customer: Edit – Generates code for the new Customer Edit template (Removes the Email Address, Login, and Password fields, which are now changed through their own specific pages)

                          Ideal settings with the new customer changes would be “Customer: Add” on page ACAD, and “Customer: Edit” on page ACED, although the “Customer: Legacy Add/Edit” will work with the new Reauthentication setting

                          If you created your store before updating to Update 7 and you have reauthentication enabled, you must first update the ACED template before the reauthentication will work. If you do not, your customers will not be able to update their credentials!
                          //////////////////////////////////////////////////////////////////////

                          There is a syntax error in line 11 of the instructions for;

                          Mini-Basket Documentation:

                          '<mvt:item name="global_minibasket">'

                          SHOULD READ

                          <mvt:item name="global_minibasket" />

                          ... he ending /> was not closed off correctly.

                          ////////////////////////////////////////////////////////////////////////

                          Comment


                            #14
                            Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

                            Originally posted by coca cola View Post
                            I'm having trouble with the ACRT, CPWD, FPWD and CEML pages not formatting correctly. We get duplicate top nav and cat trees that ruins the format. I've added the CSS above, but it doesn't fix the issues.

                            ACRT calls for <body class="&mvte:page:code;">
                            CPWD calls for <body class="CPWD one-column">
                            FPWD calls for <body class="FPWD one-column">CEML calls for <body class="CEML one-column">

                            none are in the css above. I can't figure out what I'm missing - but at least I'm consistently missing it!

                            https://www.2collectcola.com/FPWD.html
                            https://www.2collectcola.com/CEML.html
                            https://www.2collectcola.com/CPWD.html
                            https://www.2collectcola.com/ACRT.html

                            Help would be most appreciated!
                            Firefox looks fine, but it is very kind. IE 9/8/7 on the other hand is cutting off your header content and top nav. You have some real issues with your code though, so if you clean up that code, it may straighten itself out. http://validator.w3.org/

                            Hope this helps,

                            Jamie
                            Last edited by jsdva; 01-22-13, 05:38 AM.
                            Jamie Donaldson
                            JSDVS Web Design / Development
                            Web Design | Web Development | E-commerce Design & Integration

                            Comment


                              #15
                              Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

                              I can't seem to find the necessary template changes for the ACAD and the ACED to be able to use the email address instead of the username anywhere. Is this going to generate the changes needed to code for these two screens?

                              Originally posted by rguisewite View Post

                              Password Reauthentication Enabling:
                              To require customers to enter their current password when changing email address or password, use the following steps:
                              1. In the administration interface, click on the Customers link from left navigation
                              2. Click the Settings tab
                              3. Check the box next to “Require Customers to Reauthenticate when Changing Passwords"
                              4. Click Update to save the changes


                              Now, when a customer attempts to change their password or email address, they will be required to enter their current password as a security precaution. This setting is left off by default on upgraded stores, and turned on by default in new stores

                              NOTE* If you enable this setting, you will need to update the customer fields template to account for the new reauthentication requirement. Please continue reading the next section below (Changing the Page Template) to make these template changes.

                              Changing the Page Template:
                              There are now five different templates for the Customer Fields template (which can be found on such pages as ACAD and ACED):
                              1. Checkout: Display-Only
                              2. Checkout: Editable
                              3. Customer: Legacy Add/Edit
                              4. Customer: Add
                              5. Customer: Edit


                              Checkout: Display-Only – Generates code that will display the non-editable customer fields only (used during the checkout process)
                              Checkout: Editable – Generates code that will display editable customerfields (used during the checkout process)
                              Customer: Legacy Add/Edit – Generates code that looks the same as the pre-PR8 Update 7 version of the Customer Add and Edit pages
                              Customer: Add – Generates code for the new Customer Add template (Removes the Login field as the email address is now used by default as the login)
                              Customer: Edit – Generates code for the new Customer Edit template (Removes the Email Address, Login, and Password fields, which are now changed through their own specific pages)

                              Ideal settings with the new customer changes would be “Customer: Add” on page ACAD, and “Customer: Edit” on page ACED, although the “Customer: Legacy Add/Edit” will work with the new Reauthentication setting

                              If you created your store before updating to Update 7 and you have reauthentication enabled, you must first update the ACED template before the reauthentication will work. If you do not, your customers will not be able to update their credentials!
                              Last edited by lesliekirk; 07-01-13, 05:00 PM.
                              Leslie Kirk
                              Miva Certified Developer
                              Miva Merchant Specialist since 1997
                              Previously of Webs Your Way
                              (aka Leslie Nord leslienord)

                              Email me: [email protected]
                              www.lesliekirk.com

                              Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

                              Comment

                              Working...
                              X