| OLD | NEW |
| (Empty) | |
| 1 <HTML> |
| 2 <HEAD> |
| 3 <meta name="viewport" content="width=320, user-scalable=no, initial-scale=1.
0, maximum-scale=1.0" /> |
| 4 <meta http-equiv="x-ua-compatible" content="IE=edge" > |
| 5 <title>Office Supplies, Technology, Ink Much More | Staples - add checkout t
ag because url is inaccessible from test</title> |
| 6 <meta name="title" content="Office Supplies, Technology, Ink Much More | Sta
ples" /> |
| 7 <meta name="description" content="Your partner for office supplies, technolo
gy and cleaning & breakroom. Discover more about Staples product range today. FR
EE shipping on orders over $45"> |
| 8 <meta charset="UTF-8" /> |
| 9 </HEAD> |
| 10 <BODY style="margin:0px; padding: 0px;"> |
| 11 <div id="id_skPageContainer" class="cls_skCOPg"> |
| 12 <div id="id_skStudio_Wrapper"> |
| 13 <div id="id_scfHeader" class="scfHeader" align="center"></div> |
| 14 <div id="studiop_31" class="scfPage skcWebPage sk-ui-layout-legacy" alig
n="center" data-pageid="31" data-viewName = "mobile" data-pageUrl="office/suppli
es/StaplesCheckoutFlow" > |
| 15 <div id="id_scfContent_" class="scfContent" align="left"> |
| 16 <div id="old_checkout" class="lyt_cont_div page" style= "width: 100%
; height: 480px; " flexiPage="true"> |
| 17 <div id="skPageLayoutCell_31_id-center" class="skc_pageCellLayout
cls_skWidget widget68 " widgetId = "306" widgetName = "widget68" widgetType = "6
" style="width:100.0%;height:480px;float: left;position: relative; overflow: hid
den;"> |
| 18 <div class="cls_richTextWidget" id=skPageLayoutCell_31_id-center
> |
| 19 <div id="id_skPageContainer"> |
| 20 <div id="id_skcontent" class="cls_skContent cls_skCntPanelCl
osed"> |
| 21 <div id="id_skPageContent"> |
| 22 <div class="testcheckout"> |
| 23 <div class="cls_skCOHeaderCont"> |
| 24 <div class="cls_skCOBackNav"></div> |
| 25 <span class="cls_skManageAddrHeading cls_skHide">Man
age Addresses</span> |
| 26 <span class="cls_skEditAddrHeading cls_skHide">Edit
Address</span> |
| 27 <span class="cls_skAddAddrHeading cls_skHide">Add Ad
dress</span> |
| 28 <span class="cls_skCOHeading cls_skHide">Checkout</s
pan> |
| 29 <span class="cls_skECOHeading cls_skHide">Guest Chec
kout</span> |
| 30 <span class="cls_skStorePickUpHeading cls_skHide"></
span> |
| 31 <span class="cls_skAlternatePickUpHeading cls_skHide
">Alternate Pick Up Person</span> |
| 32 <span class="cls_skRCHeading cls_skHide">Returning C
ustomer</span> |
| 33 <span class="cls_skManageCardHeading cls_skHide">Man
age Payment Methods</span> |
| 34 <span class="cls_skEditCardHeading cls_skHide">Edit
Payment Method</span> |
| 35 <span class="cls_skAddCardHeading cls_skHide">Add Pa
yment Method</span> |
| 36 </div> |
| 37 <div class="cls_skCOShippingText"></div> |
| 38 <div class="cls_skLoginCont cls_skHide"> |
| 39 <div class="cls_skAppleSkuCOCont cls_skHide"> |
| 40 <b>Guest Checkout Not Available</b> |
| 41 <br>Because of one or more items in your Cart, Gue
st Checkout is not available. Please sign in to continue. |
| 42 </div> |
| 43 <div class="cls_skGuestCOCont"> |
| 44 <div class="cls_skSignInCont"> Returning customer? |
| 45 <div class="cls_skSignInBtn">SIGN IN</div> |
| 46 </div> |
| 47 <div class="cls_skGuestCOTxt">Guest Checkout</div> |
| 48 <div class="cls_skClear"></div> |
| 49 </div> |
| 50 </div> |
| 51 <div class="cls_skSigninWrap cls_skHide"> |
| 52 <form class="cls_skCOLogonForm"> |
| 53 <div id="id_skSigninErr" class="cls_skSigninErr"><
/div> |
| 54 <div id="id_skSignInputName" class="cls_skInput"> |
| 55 <input id="id_skCOUsername" name="userName" clas
s="cls_skInputTxt cls_skUsername scTrack scInput" sctype="scInput" scvalue="user
name" scinput="input" fieldtype="username" placeholder="Username or Email addres
s" event="username field" tabindex="5" maxlength="55" autocomplete="on" autocorr
ect="off" autocapitalize="off" type="email"> |
| 56 <div class="cls_skClearBut"></div> |
| 57 </div> |
| 58 <div id="id_skSignInputPwd" class="cls_skInput"> |
| 59 <input id="id_skCOPwd" name="password" class="cl
s_skInputTxt cls_skPwd scTrack scInput" sctype="scInput" scvalue="password" scin
put="input" fieldtype="pwd" placeholder="Password" event="password field" tabind
ex="5" maxlength="256" autocapitalize="off" autocomplete="on" type="password"> |
| 60 <div class="cls_skClearBut"></div> |
| 61 </div> |
| 62 </form> |
| 63 <div class="cls_skForgotPwd scTrack scButton" sctype
="scButton" scvalue="forgetpassword">Forgot Password?</div> |
| 64 <div class="cls_skSignIn scTrack scButton" sctype="s
cButton" scvalue="Signin">Sign In</div> |
| 65 <div class="cls_skClear"></div> |
| 66 </div> |
| 67 <div class="cls_skUserCont"> |
| 68 <div id="id_skCOErrorCont" class="cls_skCOErrorCont"
></div> |
| 69 <div id="id_skCOShippingCont" class="cls_skCOShippin
gCont cls_skHide"> |
| 70 <div id="id_skCheckoutInputCont" class="cls_skChec
koutInputCont"> |
| 71 <div id="id_skShipInputName" class="cls_skInput"
> |
| 72 <input id="id_skCOName" class="cls_skInputTxt
cls_skName scTrack scInput" sctype="scInput" scvalue="editname" scinput="input"
fieldtype="name" placeholder="Full Name (First Name Last Name)" event="shipping
name" tabindex="1" maxlength="128" name="cardName" autocomplete="on" autocorrect
="off" autocapitalize="off" type="text"> |
| 73 <div class="cls_skClearBut"></div> |
| 74 </div> |
| 75 <div id="id_skShipInputAddress" class="cls_skInp
ut"> |
| 76 <div class="cls_skAddressWrapper"> |
| 77 <div class="cls_skCOShipAddress cls_skAddres
sCont"> |
| 78 <input id="id_skCOShipAddress" class="cls_
skInputTxt cls_skAddress cls_skShipToAddress scTrack scInput" sctype="scInput" s
cvalue="editadd" scinput="input" fieldtype="address" placeholder="Shipping Addre
ss" event="shipping address" tabindex="2" maxlength="128" addresstype="ship" typ
e="text"> |
| 79 <div class="cls_skClearBut"></div> |
| 80 </div> |
| 81 <div class="cls_skCOShipAptBldg"> |
| 82 <input id="id_skCOShipAptBldg" class="cls_
skInputTxt cls_skInputOptionalTxt cls_skApartment scInput" scvalue="apartment" s
cinput="input" fieldtype="aptbldg" placeholder="Apt/Bldg (optional)" event="ship
ping apt/suite" tabindex="3" maxlength="35" autocomplete="off" type="text"> |
| 83 <div class="cls_skClearBut"></div> |
| 84 </div> |
| 85 </div> |
| 86 </div> |
| 87 <div class="cls_skShipToStore cls_skHide"> |
| 88 <div class="cls_skShipToStoreDetailTxt"></div> |
| 89 </div> |
| 90 <div class="cls_skStorePickUpBtn cls_skHide"> |
| 91 <div class="cls_skStorePickUpBtnTxt"></div> |
| 92 </div> |
| 93 <div id="id_skShipInputPhone" class="cls_skInput
"> |
| 94 <input id="id_skCOPhoneno" class="cls_skInputT
xt cls_skCOPhoneno cls_skPhoneNo scTrack scInput" sctype="scInput" scvalue="edit
phone" scinput="input" maxlength="16" fieldtype="phnumber" placeholder="Phone" e
vent="shipping phone number" tabindex="4" autocomplete="off" type="tel"> |
| 95 <div class="cls_skClearBut"></div> |
| 96 </div> |
| 97 <div id="id_skShipInputEmail" class="cls_skInput
"> |
| 98 <input id="id_skCOEmail" class="cls_skInputTxt
cls_skEmail scTrack scInput" sctype="scInput" scvalue="email" scinput="input" f
ieldtype="email" placeholder="Email" event="shipping email" tabindex="5" maxleng
th="256" autocapitalize="off" type="email"> |
| 99 <div class="cls_skClearBut"></div> |
| 100 </div> |
| 101 <div id="id_skShipInputCredit" class="cls_skInpu
t"> |
| 102 <div class="cls_skAddressWrapper"> |
| 103 <div class="cls_skCrditCarDetailsCont">Credi
t Card Details</div> |
| 104 <div class="cls_skCrditCardImg"></div> |
| 105 <div class="cls_skCOCreditCardCont"> |
| 106 <label class="cls_skAstrickSymbol">*</labe
l> |
| 107 <input id="id_skCOCreditCard" class="cls_s
kInputTxt cls_skCreditCardNo cls_skCreditCard scTrack scInput" sctype="scInput"
scvalue="creditcard" scinput="input" maxlength="19" fieldtype="cardNumber" event
="card number" placeholder="1234 5647 8901 2345" tabindex="6" name="cardNumber"
autocomplete="off" type="tel"> |
| 108 </div> |
| 109 <div class="cls_skCOCreditYrMnthCont"> |
| 110 <input class="cls_skInputTxt cls_skCreditY
rMth cls_skCreditCard scInput" scvalue="month/year" scinput="input" fieldtype="m
nthYr" placeholder="EXP" event="expire month/year" tabindex="7" name="expiration
Month" autocomplete="off" type="tel"> |
| 111 </div> |
| 112 <div class="cls_skCOCreditCcv"> |
| 113 <input class="cls_skInputTxt cls_skCreditC
cv cls_skCreditCard scInput" scvalue="CVV" scinput="input" maxlength="4" fieldty
pe="cvv" placeholder="CVV" event="card id" tabindex="8" name="cvv" autocomplete=
"off" type="tel"> |
| 114 </div> |
| 115 <div class="cls_skClearBut"></div> |
| 116 </div> |
| 117 </div> |
| 118 </div> |
| 119 </div> |
| 120 <div class="cls_skCOSaveCCCont cls_skHide"> Save cre
dit card |
| 121 <div class="cls_skCOSaveCCtoggleCont"> |
| 122 <div class="cls_skCOSaveCCtoggleYes scTrack scOp
tion" sctype="scOption" and="" scvalue="No|Yes"></div> |
| 123 <div class="cls_skCOSaveCCtoggleNo scTrack scOpt
ion" sctype="scOption" and="" scvalue="No|Yes"></div> |
| 124 </div> |
| 125 </div> |
| 126 <div class="cls_skCOUseAsCont cls_skHide"> Use<span>
</span> as billing address |
| 127 <div class="cls_skCOUseAstoggleCont"> |
| 128 <div class="cls_skCOUseAstoggleYes scTrack scOpt
ion" sctype="scOption" and="" scvalue="No|Yes"></div> |
| 129 <div class="cls_skCOUseAstoggleNo scTrack scOpti
on" sctype="scOption" and="" scvalue="No|Yes"></div> |
| 130 </div> |
| 131 </div> |
| 132 <div id="id_skCOBillingCont" class="cls_skCOBillingC
ont cls_skHide"> |
| 133 <div id="id_skCheckoutInputCont" class="cls_skChec
koutInputCont"> |
| 134 <div id="id_skBillInputName" class="cls_skInput"
> |
| 135 <input id="id_skCOName" class="cls_skInputTxt
cls_skName scTrack scInput" sctype="scInput" scvalue="bname" scinput="input" fie
ldtype="name" placeholder="Card Holder Name" event="billing name" tabindex="9" m
axlength="128" autocomplete="on" autocorrect="off" autocapitalize="off" type="te
xt"> |
| 136 <div class="cls_skClearBut"></div> |
| 137 </div> |
| 138 <div id="id_skBillInputAddress" class="cls_skInp
ut"> |
| 139 <div class="cls_skAddressWrapper"> |
| 140 <div class="cls_skCOShipAddress cls_skAddres
sCont"> |
| 141 <input id="id_skCOShipAddress" class="cls_
skInputTxt cls_skAddress cls_skBillToAddress scTrack scInput" sctype="scInput" s
cvalue="baddress" scinput="input" fieldtype="address" placeholder="Billing Addre
ss" event="billing address" tabindex="10" maxlength="128" autocomplete="off" typ
e="text"> |
| 142 <div class="cls_skClearBut"></div> |
| 143 </div> |
| 144 <div class="cls_skCOShipAptBldg"> |
| 145 <input id="id_skCOShipAptBldg" class="cls_
skInputTxt cls_skInputOptionalTxt cls_skApartment scInput" scvalue="apartment" s
cinput="input" fieldtype="aptbldg" placeholder="Apt/Bldg (optional)" event="bill
ing apt/suite" tabindex="11" maxlength="35" autocomplete="off" type="text"> |
| 146 <div class="cls_skClearBut"></div> |
| 147 </div> |
| 148 </div> |
| 149 </div> |
| 150 <div id="id_skBillInputPhone" class="cls_skInput
"> |
| 151 <input id="id_skCOPhoneno" class="cls_skInputT
xt cls_skCOPhoneno cls_skPhoneNo scTrack scInput" sctype="scInput" scvalue="bpho
ne" scinput="input" maxlength="16" fieldtype="phnumber" placeholder="Phone" even
t="billing phone number" tabindex="12" type="tel"> |
| 152 <div class="cls_skClearBut"></div> |
| 153 </div> |
| 154 </div> |
| 155 </div> |
| 156 <div id="id_skCartCouponsCont" class="cls_skCartCoup
onsCont cls_skHide"></div> |
| 157 <div id="id_skSavedAddrWrap" class="cls_skHide"> |
| 158 <div id="id_skSavedAddrCont" class="cls_skSavedAdd
rCont"> |
| 159 </div> |
| 160 </div> |
| 161 <div id="id_skAddrWrap" class="cls_skHide"> |
| 162 <div id="id_skAddrCont" class="cls_skAddrCont"> |
| 163 <div id="id_skCheckoutInputCont" class="cls_skCh
eckoutInputCont"> |
| 164 <div class="cls_skInput"> |
| 165 <input id="id_skCOName" class="cls_skInputTx
t cls_skName scTrack scInput" scvalue="name" scinput="input" fieldtype="name" pl
aceholder="Name" event="shipping name" tabindex="9" maxlength="128" autocomplete
="on" autocorrect="off" autocapitalize="off" type="text"> |
| 166 <div class="cls_skClearBut"></div> |
| 167 </div> |
| 168 <div class="cls_skInput"> |
| 169 <div class="cls_skCOShipAddress cls_skAddres
sCont"> |
| 170 <input id="id_skCOShipAddress" class="cls_
skInputTxt cls_skAddress scTrack scInput" scvalue="address" scinput="input" fiel
dtype="address" placeholder="Address" event="shipping address" tabindex="10" max
length="128" autocomplete="off" type="text"> |
| 171 <div class="cls_skClearBut"></div> |
| 172 </div> |
| 173 <div class="cls_skCOShipAptBldg"> |
| 174 <input id="id_skCOShipAptBldg" class="cls_
skInputTxt cls_skInputOptionalTxt cls_skApartment scInput" scvalue="apartment" s
cinput="input" fieldtype="aptbldg" placeholder="Apt/Bldg (optional)" event="ship
ping apt/suite" tabindex="11" maxlength="35" autocomplete="off" type="text"> |
| 175 <div class="cls_skClearBut"></div> |
| 176 </div> |
| 177 </div> |
| 178 <div class="cls_skInput"> |
| 179 <input id="id_skCOPhoneno" class="cls_skInpu
tTxt cls_skCOPhoneno cls_skPhoneNo scTrack scInput" scvalue="phone" scinput="inp
ut" maxlength="16" fieldtype="phnumber" placeholder="Phone" event="shipping phon
e number" tabindex="12" type="tel"> |
| 180 <div class="cls_skClearBut"></div> |
| 181 </div> |
| 182 </div> |
| 183 <div class="cls_skShipToAddr cls_skHide scTrack
scButton" sctype="scButton" scvalue="shiptoaddress">SHIP TO THIS ADDRESS</div> |
| 184 <div class="cls_skNewAddrContinue cls_skHide">CO
NTINUE</div> |
| 185 </div> |
| 186 </div> |
| 187 <div id="id_skSavedCardWrap" class="cls_skHide"> |
| 188 <div id="id_skSavedCardCont" class="cls_skSavedCar
dCont"></div> |
| 189 </div> |
| 190 <div id="id_skCardWrap" class="cls_skHide"> |
| 191 <div id="id_skCardCont" class="cls_skCardCont"> |
| 192 <div id="id_skManageCardInputCont" class="cls_sk
CheckoutInputCont"> |
| 193 <div id="id_skManageInputCredit" class="cls_sk
Input"> |
| 194 <div class="cls_skCrditCarDetailsCont">Credi
t Card Details</div> |
| 195 <div class="cls_skCrditCardImg"></div> |
| 196 <div class="cls_skCOCreditCardCont"> |
| 197 <label class="cls_skAstrickSymbol">*</labe
l> |
| 198 <input id="id_skManageCreditCard" class="c
ls_skInputTxt cls_skCreditCardNo cls_skCreditCard scTrack scInput" scvalue="edit
cardno" scinput="input" maxlength="19" fieldtype="cardNumber" placeholder="1234
5647 8901 2345" tabindex="6" name="cardNumber" autocomplete="off" type="tel"> |
| 199 </div> |
| 200 <div class="cls_skCOCreditYrMnthCont"> |
| 201 <input class="cls_skInputTxt cls_skCreditY
rMth cls_skCreditCard scInput" scvalue="month/year" scinput="input" fieldtype="m
nthYr" placeholder="EXP" tabindex="7" name="expirationMonth" autocomplete="off"
type="tel"> |
| 202 </div> |
| 203 <div class="cls_skCOCreditCcv"> |
| 204 <input class="cls_skInputTxt cls_skCreditC
cv cls_skCreditCard scInput" scvalue="CVV" scinput="input" maxlength="4" fieldty
pe="cvv" placeholder="CVV" tabindex="8" name="cvv" autocomplete="off" type="tel"
> |
| 205 </div> |
| 206 <div class="cls_skClearBut"></div> |
| 207 </div> |
| 208 </div> |
| 209 <div class="cls_skPayBtn cls_skHide scTrack scBu
tton" sctype="scButton" scvalue="selectthiscard">SELECT THIS CARD</div> |
| 210 <div class="cls_skNewCardContinue cls_skHide scT
rack scButton" sctype="scButton" scvalue="addcard">ADD CARD</div> |
| 211 </div> |
| 212 </div> |
| 213 <div id="id_skStorePickUpWrap" class="cls_skStorePic
kUpWrap cls_skHide"> |
| 214 <div class="cls_skCOaccContainer"></div> |
| 215 </div> |
| 216 <div id="id_skAltPickUpWrap" class="cls_skAltPickUpW
rap cls_skHide"> |
| 217 <div class="cls_skStorePickupAlternateCont"> |
| 218 <div id="id_skAltPUInputPhone" class="cls_skInpu
t"> |
| 219 <input id="id_skAltPUName" class="cls_skInputT
xt cls_skName scInput" scvalue="name" scinput="input" fieldtype="name" placehold
er="Name" tabindex="1" maxlength="128" autocomplete="on" autocorrect="off" autoc
apitalize="off" type="text"> |
| 220 <div class="cls_skClearBut"></div> |
| 221 </div> |
| 222 <div id="id_skAltPUInputPhone" class="cls_skInpu
t"> |
| 223 <input id="id_skAltPUPhoneno" class="cls_skInp
utTxt cls_skCOPhoneno cls_skPhoneNo scInput" scvalue="phone" scinput="input" max
length="16" fieldtype="phnumber" placeholder="Phone" tabindex="2" autocomplete="
off" type="tel"> |
| 224 <div class="cls_skClearBut"></div> |
| 225 </div> |
| 226 <div id="id_skAltPUInputEmail" class="cls_skInpu
t"> |
| 227 <input id="id_skAltPUEmail" class="cls_skInput
Txt cls_skEmail scInput" scvalue="email" scinput="input" fieldtype="email" place
holder="Email" tabindex="3" maxlength="256" autocapitalize="off" type="email"> |
| 228 <div class="cls_skClearBut"></div> |
| 229 </div> |
| 230 <div class="cls_skAlternatePickupContinue">CONTI
NUE</div> |
| 231 </div> |
| 232 </div> |
| 233 <div class="cls_skCheckoutVme cls_skHide"> |
| 234 <div class="cls_skVmeErrorMsg hide"></div> |
| 235 <div class="cls_skCardImg"></div> |
| 236 </div> |
| 237 </div> |
| 238 </div> |
| 239 <div class="cls_skCOOrderCont cls_skHide"> |
| 240 <div class="cls_skCOOrderItemsCont"> |
| 241 <div class="cls_skCOItems cls_skCODetails"> Product
Total <b>$0.00</b></div> |
| 242 <div class="cls_skCOShipping cls_skCODetails"> Shipp
ing <b>Free</b></div> |
| 243 <div class="cls_skCOOversize cls_skCODetails"> Overs
ize Shipping Fees <b>$0.00</b></div> |
| 244 <div class="cls_skCOCoupons cls_skCODetails"> Coupon
s & Rewards <b>$0.00</b></div> |
| 245 <div class="cls_skCOTax cls_skCODetails"> Estimated
Tax <b>$0.00</b></div> |
| 246 <div class="cls_skCOTotalCost cls_skCOTotAmt cls_skC
ODetails"> Total Amount Due <span>$0.00</span></div> |
| 247 </div> |
| 248 <div class="cls_skCOPayCont"> |
| 249 <div class="cls_skCOPayNow scTrack scPay" sctype="sc
Pay" tabindex="13">PLACE ORDER</div> |
| 250 <div class="cls_skCOPayNowLoading"> |
| 251 <div class="cls_skActivitySpinner"></div> |
| 252 </div> |
| 253 </div> |
| 254 </div> |
| 255 </div> |
| 256 <div id="id_skTaxCalculationPopup" class="cls_skTaxCalcula
tionPopup"> |
| 257 <div class="cls_skTaxCalculationCont"> |
| 258 <div class="cls_skLoadingImg"></div> |
| 259 <div class="cls_skTaxCalculationMsg">Calculating Tax</
div> |
| 260 </div> |
| 261 </div> |
| 262 <div id="id_skMFLoadingGauge" class="cls_skPageLoadingGaug
e"> |
| 263 <div class="cls_skActivitySpinner"></div> |
| 264 </div> |
| 265 <div id="id_skPanelCntWrap" class="cls_skPanelCntWrap"></d
iv> |
| 266 <div class="cls_skCORPValidationPopup"></div> |
| 267 <div class="cls_skVPopupTop"></div> |
| 268 <div id="id_skHeightEl" class="cls_skHeightEl" style="disp
lay:none"></div> |
| 269 </div> |
| 270 </div> |
| 271 </div> |
| 272 </div> |
| 273 </div> |
| 274 </div> |
| 275 </div> |
| 276 <div id="id_scfFooter" class="scfFooter"></div> |
| 277 </div> |
| 278 </div> |
| 279 <div class="cls_skCouponCont"></div> |
| 280 <div class="cls_skATBPopupMask"></div> |
| 281 </BODY> |
| 282 </HTML> |
| OLD | NEW |