Pages: [1]   Go Down
  Print  
Author Topic: Apple tweaks Apple Watch Band site to make for easier browsing  (Read 796 times)
HCK
Global Moderator
Hero Member
*****
Posts: 79425



« 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 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='?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; Via: 9to5Mac</p> <div class="devicebox"> <h3>Apple Watch</h3> <div class="video"><div class="video_iframe"><iframe src="http://www.youtube.com/embed/oSWq43X9S_M?rel=0&amp;autoplay=0&amp;wmode=opaque&amp;controls=2&amp;autohide=1&amp;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</li> <li>Apple Watch apps</li> <li>Apple Watch buyers guide</li> <li>Apple Watch FAQ</li> <li>Apple Watch news hub</li> <li>Apple Watch discussion</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='' 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="[url]http://da.feedsportal.com/r/225507237046/u/49/f/616881/c/33998/s/45b7705b/sc/28/a2.img" border="0"/>[/url]<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
Logged
Pages: [1]   Go Up
  Print  
 
Jump to: