Announcement

Collapse
No announcement yet.

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

Collapse
X
Collapse
 
  • Page of 2
  • Filter
  • Time
  • Show
Clear All
new posts
Previous 1 2 template Next
  • rguisewite
    replied
    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.

    Leave a comment:

  • rguisewite
    replied
    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.

    Leave a comment:

  • rguisewite
    replied
    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

    Leave a comment:

  • rguisewite
    started a topic PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes

    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.
    Tags: None
Previous 1 2 template Next
Working...
X