|
Title: Apple tweaks Apple Watch Band site to make for easier browsing Post by: HCK on April 25, 2015, 09:00:21 am Apple tweaks Apple Watch Band site to make for easier browsing
<div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p class="intro">Just in time for launch day, Apple has revamped its Apple Watch band selection page to make browsing the different colors and types a tad easier.</p> <p>Now, when browsing bands, users are presented with a large section for each Apple Watch (http://www.imore.com/apple-watch) band along with its available colors, price, and sizes. <!--break--> When users select a different color below each band that displays the option, the graphic will change accordingly.</p> <p><a href='http://www.imore.com/apple-tweaks-apple-watch-band-site-make-easier-browsing' title="Apple tweaks Apple Watch Band site to make for easier browsing"><img src='(http://www.imore.com/sites/imore.com/files/styles/large/public/field/image/2015/04/apple-watch-band-site2.png)?itok=COpNihqy' />[/url]</p> <p>Prior to today's revamp, the band selection page was setup in a grid, displaying each band type in a smaller graphic, with color selection delegated to the individual item page itself.</p> <p>The page seems to be set up just for browsing, however. When a user picks a color then clicks the "select" button to be taken to the store, the color selection doesn't seem to carry over. It's a minor annoyance, but all one has to do is simply select their desired color again and go through the purchase process.</p> <p><a href="http://www.imore.com/how-change-bands-your-apple-watch" title="" class="cta large">More: How to change the bands on your Apple Watch[/url]</p> <p>Source: Apple (http://store.apple.com/us/product/MJ4G2/38mm-black-sport-band); Via: 9to5Mac (http://9to5mac.com/2015/04/24/apple-watch-band-website/)</p> <div class="devicebox"> <h3>Apple Watch (http://www.imore.com/apple-watch)</h3> <div class="video"><div class="video_iframe"><iframe src="http://www.youtube.com/embed/oSWq43X9S_M?rel=0&autoplay=0&wmode=opaque&controls=2&autohide=1&showinfo=0" width="627" height="353" class="video-filter video-youtube vf-oswq43x9sm" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div></div> <!--/video--> <ul><li>Apple Watch help (http://www.imore.com/apple-watch-help)</li> <li>Apple Watch apps (http://www.imore.com/all-apple-watch-apps)</li> <li>Apple Watch buyers guide (http://www.imore.com/apple-watch-buyers-guide)</li> <li>Apple Watch FAQ (http://www.imore.com/everything-you-need-know-about-apple-watch)</li> <li>Apple Watch news hub (http://www.imore.com/apple-watch)</li> <li>Apple Watch discussion (http://forums.imore.com/apple-watch/)</li> </ul></div> <div> <style> <!--/*--><![CDATA[/* ><!--*/ <!--/*--><![CDATA[/* ><!--*/ <!--/*--><![CDATA[/* ><!--*/ .devicebox { background-color: #5CB8DB; border: 1px solid #E2E9EB; float: right; display: block; margin: 0 0px 10px 10px; max-width: 350px; overflow: hidden; width: 50%; } .devicebox h3 { background: #8D98BD; font-family: "camptonmedium",sans-serif; font-size: 20px; margin-bottom: 0; margin-top: 0; padding: 0; text-align: center; } .devicebox h3 a { display: block; line-height: 30px; padding: 0 10px; } .devicebox h3 a:hover { background: #7e88aa; text-decoration: none; } .devicebox .video { margin: auto; } .devicebox p, .entry-content .devicebox p > img, .devicebox img { margin: 0px; max-width: 100%; padding: 0px; } div .devicebox *, div .devicebox li, div .devicebox a:active, div .devicebox a:hover, div .devicebox a:link, div .devicebox a:visited { color: #fff; } .devicebox a:hover { text-decoration: underline; } .devicebox p, .devicebox ul li, .devicebox ol li { font-size: 16px; padding: initial; } .devicebox ul { margin: 0; padding: 0.5em 1em 1em 30px; } .devicebox ul li { display: list-item; line-height: 24px; list-style: disc outside none; } .devicebox ul li:before { display: none; } .devicebox p ~ p { padding: 0px 15px 15px; line-height: 1.25; } .devicebox p:first-of-type + p { padding: 15px; } div *:last-of-type + .devicebox, div *:last-of-type + div ~ .devicebox { float: none; margin: 0 auto 30px; max-width: 700px; min-height: 225px; position: relative; width: 100%; } div *:last-of-type + .devicebox .video, div *:last-of-type + div ~ .devicebox .video { bottom: 0px; left: 50%; position: absolute; right: 0px; top: 30px; } div *:last-of-type + .devicebox .video_iframe, div *:last-of-type + div ~ .devicebox .video_iframe { height: 100%; padding: 0px; } div *:last-of-type + .devicebox h3 + p, div *:last-of-type + div ~ .devicebox h3 + p { bottom: 0; left: 50%; overflow: hidden; position: absolute; right: 0; top: 30px; width: 50% } div *:last-of-type + .devicebox h3 + p img, div *:last-of-type + div ~ .devicebox h3 + p img { float: right; height: 100%; width: auto; } div *:last-of-type + .devicebox ul, div *:last-of-type + div ~ .devicebox ul, div *:last-of-type + .devicebox p, div *:last-of-type + div ~ .devicebox p { width: 43%; } @media all and (max-width: 500px) { .devicebox { float: none; margin: 0 0 30px; max-width: 100%; width: 100%; } div *:last-of-type + .devicebox .video, div *:last-of-type + div ~ .devicebox .video { left: 0; position: relative; top: 0; } div *:last-of-type + .devicebox .video_iframe, div *:last-of-type + div ~ .devicebox .video_iframe { padding-bottom: 56.25%; } div *:last-of-type + .devicebox h3 + p, div *:last-of-type + div ~ .devicebox h3 + p { left: 0; position: relative; top: 0; } div *:last-of-type + .devicebox ul, div *:last-of-type + div ~ .devicebox ul { width: auto; } } /*--><!]]]]]]><![CDATA[><![CDATA[>*/ /*--><!]]]]><![CDATA[>*/ /*--><!]]>*/ </style></div> </div></div></div><img width='1' height='1' src='(http://tipb.com.feedsportal.com/c/33998/f/616881/s/45b7705b/sc/28/mf.gif)' border='0'/><br clear='all'/> <a href="http://da.feedsportal.com/r/225507237046/u/49/f/616881/c/33998/s/45b7705b/sc/28/rc/1/rc.htm" rel="nofollow"><img src="http://da.feedsportal.com/r/225507237046/u/49/f/616881/c/33998/s/45b7705b/sc/28/rc/1/rc.img" border="0"/>[/url] <a href="http://da.feedsportal.com/r/225507237046/u/49/f/616881/c/33998/s/45b7705b/sc/28/rc/2/rc.htm" rel="nofollow"><img src="http://da.feedsportal.com/r/225507237046/u/49/f/616881/c/33998/s/45b7705b/sc/28/rc/2/rc.img" border="0"/>[/url] <a href="http://da.feedsportal.com/r/225507237046/u/49/f/616881/c/33998/s/45b7705b/sc/28/rc/3/rc.htm" rel="nofollow"><img src="http://da.feedsportal.com/r/225507237046/u/49/f/616881/c/33998/s/45b7705b/sc/28/rc/3/rc.img" border="0"/>[/url] <img src="http://da.feedsportal.com/r/225507237046/u/49/f/616881/c/33998/s/45b7705b/sc/28/a2.img" border="0"/> (http://da.feedsportal.com/r/225507237046/u/49/f/616881/c/33998/s/45b7705b/sc/28/a2.htm)<img width="1" height="1" src="http://pi.feedsportal.com/r/225507237046/u/49/f/616881/c/33998/s/45b7705b/sc/28/a2t.img" border="0"/><img src="http://feeds.feedburner.com/~r/TheIphoneBlog/~4/gXqtWq6ps8Y" height="1" width="1" alt=""/> Source: Apple tweaks Apple Watch Band site to make for easier browsing (http://feedproxy.google.com/~r/TheIphoneBlog/~3/gXqtWq6ps8Y/story01.htm) |