Designkuplia – Aalto University Shop

<!DOCTYPE html> <html lang="fi"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta property="og:site_name" content="Aalto University Shop"> <meta property="og:type" content="product"> <meta property="og:url" content="https://shop.aalto.fi/p/237-designkuplia/"> <meta property="og:title" content="Designkuplia"> <meta property="og:image" content="https://shop.aalto.fi/media/filer_public_thumbnails/filer_public/e5/b2/e5b2a1da-a6f0-402f-8a42-49570c3c8091/designkupliakansi_cmyk.jpeg__850x850_q85_crop-smart_subsampling-2.jpg"> <meta property="og:image:width" content="850" /> <meta property="og:image:height" content="850" /> <title>Designkuplia – Aalto University Shop</title><link rel="icon" type="image/x-icon" href="/media/filer_public/3b/59/3b596a17-4ff4-4af4-9406-53327944c7fa/shop_sticker_v1.png"> <link rel="stylesheet" type="text/css" href="/static/css/shuup_aalto_theme.3cd4041512cb.css"> <script type="text/javascript" src="/i18n.js?lang=fi"></script> <script id="Cookiebot" data-culture="fi" src="https://consent.cookiebot.com/uc.js" data-cbid="4fcd7915-7822-4b37-a973-1aed7cfb58d6" data-blockingmode="auto" type="text/javascript"></script>  <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PCZDMGV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true; j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);}) (window,document,'script','dataLayer','GTM-PCZDMGV');</script>  <link href="/static/shuup-gdpr.777275793b16.css?v=1.10.6" rel="stylesheet"></head> <body class=" has-left-menu"> <div class="content-wrap"> <nav class="site-nav" role="navigation"> <div class="container"> <div class="row flex-row align-items-center"> <div class="col logo-wrap"> <a href="/" data-toggle="tooltip" data-placement="bottom" title="Aalto University Shop Etusivu" class="logo"> <img src="/media/filer_public_thumbnails/filer_public/66/16/66160a90-52d3-4552-966c-d391b5a7e98e/shop_sticker_v1.png__200x200_q85_subsampling-2.png" alt="Aalto University Shop Logo"> </a> </div> <div class="col pages-wrap" id="main-menu"> <ul class="menu-items"> <li class="page-link"> <a href="/">Etusivu</a> </li> </ul> </div> <div class="col actions-nav"> <div id="navigation-basket-partial" class="dropdown"> <div class="basket-wrap"> <button id="cart-dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="dropdown-button-icon fa fa-shopping-bag"></i> <div class="dropdown-button-text"> 0,00 € </div> </button> <div class="dropdown-menu cart" aria-labelledby="cart-dropdown"> <span class="empty-cart"> <i class="fa fa-exclamation-circle text-warning"></i> Ostoskorisi on tyhjä. </span> </div> </div> </div> <div class="user-wrap dropdown"> <button id="user-dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="dropdown-button-icon fa fa-user"></i> <div class="dropdown-button-text"> Kirjaudu sisään </div> </button> <ul class="dropdown-menu" aria-labelledby="user-dropdown"> <li> <form role="form" method="post" action="/login/"> <input type='hidden' name='csrfmiddlewaretoken' value='azRUvmbes1lod39EgFHAZAZpVxioOkPBCqZXruo2UbQZgcIzIEnX5ckOdvkQYFBE' /> <input type="hidden" name="next" value="/p/237-designkuplia/"> <div class="form-group"> <label for="username">Käyttäjänimi tai sähköpostiosoite</label> <input type="text" name="username" class="form-control"> </div> <div class="form-group"> <label for="password">Salasana</label> <input type="password" name="password" class="form-control"> </div> <button type="submit" class="btn btn-primary btn-block"> Kirjaudu sisään </button> </form> </li> <li class="divider"></li> <li> <a href="/recover-password/"> <i class="fa fa-question fa-fw"></i> Unohditko salasanasi? </a> </li> <li class="divider"></li> <li> Oletko aaltolainen? </li> <li> <a class="btn btn-primary" href="/accounts/login/"> HAKA kirjautuminen </a> </li> <li class="divider"></li> <li> <a href="/register/"> <i class="fa fa-edit fa-fw"></i> Register as a new user </a> </li> </ul> </div> <div class="language-wrap dropdown" id="language-changer"> <button id="language-dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="dropdown-button-icon fa fa-globe"></i> <div class="dropdown-button-text"> fi </div> </button> <ul class="dropdown-menu languages" role="menu" aria-labelledby="language-dropdown"> <li> <a href="#" class="language" data-value="fi"> suomi </a> </li> <li> <a href="#" class="language" data-value="en"> English </a> </li> </ul> </div> <div class="search-wrap dropdown"> <button id="search-dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="dropdown-button-icon fa fa-search"></i> <div class="dropdown-button-text"> Haku </div> </button> <div class="dropdown-menu" aria-labelledby="search-dropdown"> <form method="get" action="/search/" class="nav-search-form" role="search"> <div class="search-container"> <input type="search" name="q" class="form-control input-lg" placeholder="Search for products..." required id="nav-search-input"> <button type="submit" class="search-submit-btn"><i class="fa fa-search"></i></button> </div> </form> </div> </div> <div class="nav-toggle-wrap"> <button href="#" class="nav-toggler" id="nav-toggler" type="button"> <div class="icon-container"> <span class="hamburger"></span> </div> <div class="nav-toggler-text"> Valikko </span> </button> </div> </div> </div> </div> </nav> <div id="main"> <div class="container"> <div class="flex-row page-with-categories"> <div class="col category-sidebar"> <div class="sidebar-block hidden-xs hidden-sm"> <div class="sidebar-block-content category-menu"> <h2 class="sidebar-block-title">Tuotteet</h2> <ul> <li class=""> <a href="/c/44-kaikki-tuotteet/">Kaikki tuotteet</a> </li> <li class=""> <a href="/c/47-asusteet/">Asusteet</a> </li> <li class=""> <a href="/c/58-suklaat/">Suklaat</a> </li> <li class=""> <a href="/c/41-joulukortit/">Joulukortit</a> </li> <li class=" is-parent"> <a href="/c/4-vaatteet/"> Vaatteet </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-4" aria-expanded="false" aria-controls="4"></span> <ul class="collapse" id="parent-4"> <li class=""> <a href="/c/84-hupparit/">Hupparit & swetarit</a> </li> <li class=""> <a href="/c/85-lastenvaatteet/">Lastenvaatteet</a> </li> <li class=""> <a href="/c/83-t-paidat/">T-paidat</a> </li> </ul> </li> <li class=""> <a href="/c/81-kahvit/">Kahvit</a> </li> <li class=""> <a href="/c/7-sisustus/">Sisustus</a> </li> <li class=""> <a href="/c/36-pelit/">Pelit</a> </li> <li class=""> <a href="/c/50-lahjakortit/">Lahjakortit</a> </li> <li class=""> <a href="/c/45-lahjapakkaukset/">Lahjapakkaukset</a> </li> <li class=""> <a href="/c/38-korut/">Korut</a> </li> <li class=""> <a href="/c/52-lehdet/">Lehdet</a> </li> <li class=""> <a href="/c/10-toimistotarvikkeet/">Toimistotarvikkeet</a> </li> <li class=" is-parent"> <a href="/c/46-opiskelijoiden-alumnien-tuotteet/"> Opiskelijoiden & Alumnien Tuotteet </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-46" aria-expanded="false" aria-controls="46"></span> <ul class="collapse" id="parent-46"> <li class=""> <a href="/c/60-asusteet/">Asusteet</a> </li> <li class=""> <a href="/c/64-kirjat/">Kirjat</a> </li> <li class=""> <a href="/c/66-kosmetiikka/">Kosmetiikka</a> </li> <li class=""> <a href="/c/62-sisustus/">Sisustus</a> </li> <li class=""> <a href="/c/82-fotoworks-valokuvatulosteet/">Fotoworks-valokuvatulosteet</a> </li> <li class=""> <a href="/c/59-korut/">Korut</a> </li> <li class=""> <a href="/c/61-julisteet-kehykset/">Julisteet & kehykset</a> </li> <li class=""> <a href="/c/63-paperituotteet/">Paperituotteet</a> </li> </ul> </li> <li class=" is-parent current open "> <a href="/c/1-kirjat/"> Kirjat </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-1" aria-expanded="false" aria-controls="1"></span> <ul class="collapse in" id="parent-1"> <li class=""> <a href="/c/31-kirjauutuudet/">Kirjauutuudet</a> </li> <li class=" is-parent"> <a href="/c/15-elokuva-ja-lavastustaide/"> Elokuva- ja lavastustaide </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-15" aria-expanded="false" aria-controls="15"></span> <ul class="collapse" id="parent-15"> <li class=""> <a href="/c/17-lavastustaide/">lavastustaide</a> </li> <li class=""> <a href="/c/18-pukusuunnittelu/">pukusuunnittelu</a> </li> <li class=""> <a href="/c/16-elokuvataide/">elokuvataide</a> </li> </ul> </li> <li class=" is-parent"> <a href="/c/11-arkkitehtuuri/"> Arkkitehtuuri </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-11" aria-expanded="false" aria-controls="11"></span> <ul class="collapse" id="parent-11"> <li class=""> <a href="/c/13-arkkitehtuuri/">arkkitehtuuri</a> </li> <li class=""> <a href="/c/14-maisema-arkkitehtuuri/">maisema-arkkitehtuuri</a> </li> </ul> </li> <li class=" is-parent"> <a href="/c/19-media/"> Media </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-19" aria-expanded="false" aria-controls="19"></span> <ul class="collapse" id="parent-19"> <li class=""> <a href="/c/22-uusi-media/">uusi media</a> </li> <li class=""> <a href="/c/21-valokuva/">valokuva</a> </li> <li class=""> <a href="/c/20-graafinen-suunnittelu-ja-taidegrafiikka/">graafinen suunnittelu ja taidegrafiikka</a> </li> </ul> </li> <li class=" is-parent"> <a href="/c/12-muotoilu/"> Muotoilu </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-12" aria-expanded="false" aria-controls="12"></span> <ul class="collapse" id="parent-12"> <li class=""> <a href="/c/34-keramiikka-ja-lasitaide/">keramiikka- ja lasitaide</a> </li> <li class=""> <a href="/c/23-kestava-kehitys/">kestävä kehitys</a> </li> <li class=""> <a href="/c/35-palvelumuotoilu/">palvelumuotoilu</a> </li> <li class=""> <a href="/c/24-muotisuunnittelu-ja-tekstiilitaide/">muotisuunnittelu ja tekstiilitaide</a> </li> <li class=""> <a href="/c/25-sisustusarkkitehtuuri-ja-huonekalusuunnittelu/">sisustusarkkitehtuuri ja huonekalusuunnittelu</a> </li> <li class=""> <a href="/c/26-teollinen-muotoilu/">teollinen muotoilu</a> </li> </ul> </li> <li class=" is-parent"> <a href="/c/27-taide/"> Taide </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-27" aria-expanded="false" aria-controls="27"></span> <ul class="collapse" id="parent-27"> <li class=""> <a href="/c/29-taidekasvatus/">taidekasvatus</a> </li> <li class=""> <a href="/c/30-ymparistotaide/">ympäristötaide</a> </li> <li class=""> <a href="/c/28-kuvataide/">kuvataide</a> </li> </ul> </li> <li class=""> <a href="/c/3-vaitoskirjat/">Väitöskirjat</a> </li> <li class=" is-parent"> <a href="/c/67-e-kirjat/"> E-kirjat </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-67" aria-expanded="false" aria-controls="67"></span> <ul class="collapse" id="parent-67"> <li class=""> <a href="/c/68-maksuttomat-e-kirjat/">Maksuttomat e-kirjat</a> </li> </ul> </li> <li class=""> <a href="/c/33-monialaiset-kirjat/">Monialaiset kirjat</a> </li> <li class=""> <a href="/c/6-books-in-english/">Books in English</a> </li> <li class=""> <a href="/c/37-tarjouskirjat/">Poistokirjat</a> </li> </ul> </li> </ul> </div> </div> </div> <div class="col detail-col product-detail-col"> <ol class="breadcrumb"> <li> <a href="/">Etusivu</a> </li> <li> <a href="/c/1-kirjat/">Kirjat</a> </li> <li class="active"> Designkuplia </li> </ol> <div class="row product-main"> <div class="visible-xs"> <div class="col-sm-12"> <h1 class="product-name"> <span class="author"> Pöppönen, Hannu </span> Designkuplia <small> <br> Suomalaisen muotoilun ilmiöitä </small> </h1> <p class="text-muted product-sku"><small>100237</small></p> <p> <p>Suomalainen muotoilu on murroksessa. Samaan aikaan, kun retrotuotteet ja uudelleen koristellut klassikot täyttävät kauppojen hyllyt, muotoilu immaterialisoituu. Design on jo vahva osa palveluita, käyttöliittymiä ja pelejä. Kirjassa pohditaan tätä muotoilun muutosta ja sen tuomia mahdollisuuksia. Murrosta vauhdittaa kansainvälistyminen. Onko suomalaisuudesta tällöin mitään hyötyä? Teoksen runsas haastattelumateriaali valaisee elävällä tavalla kansainvälistymiseen liittyviä ongelmia ja onnistumisia. Onnistumiseen siivittävät haastattelujen perusteella muista erottuvat laadukkaat tuotteet ja aktiivinen markkinointi. Tuote ei puhu puolestaan.</p> </p> <div class="product-price"> <div class="price-line"> <span class="lead"> <strong>5,00 €</strong><small> / kpl</small></span> </div> </div> <div class="placeholder-edit-wrap"><div class="xt-ph" id="xt-ph-product_after_basic_info"></div><div class="xt-ph" id="xt-ph-product_after_basic_info-xtheme-product-layout-237"></div><div class="xt-ph" id="xt-ph-product_after_basic_info-xtheme-category-layout-1"></div><div class="xt-ph" id="xt-ph-product_after_basic_info-xtheme-anonymous-contact-layout"></div></div> </div> </div> <div class="product-image col-sm-6 col-md-5"> <div id="carousel_product_237" class="product-carousel carousel fade" data-ride="carousel" data-interval="false"> <div class="carousel-inner"> <div class="item active"> <a data-imagelightbox="image-multiple" href="/media/filer_public/e5/b2/e5b2a1da-a6f0-402f-8a42-49570c3c8091/designkupliakansi_cmyk.jpeg" rel="gallery237" class="thumbnail"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/e5/b2/e5b2a1da-a6f0-402f-8a42-49570c3c8091/designkupliakansi_cmyk.jpeg__700x700_q85_subsampling-2.jpg')" data-title="" data-description=""> </div> </a> </div> <div class="item"> <a data-imagelightbox="image-multiple" href="/media/filer_public/8e/62/8e62e8e0-1f9d-4aac-b5f3-943134afec5b/designkuplia_kirjaesitteeseen.jpeg" rel="gallery237" class="thumbnail"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/8e/62/8e62e8e0-1f9d-4aac-b5f3-943134afec5b/designkuplia_kirjaesitteeseen.jpeg__700x700_q85_subsampling-2.jpg')" data-title="" data-description=""> </div> </a> </div> <div class="item"> <a data-imagelightbox="image-multiple" href="/media/filer_public/fd/59/fd5975a1-92a1-467f-8c6d-57890aab21eb/designkuplia_punainen.jpg" rel="gallery237" class="thumbnail"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/fd/59/fd5975a1-92a1-467f-8c6d-57890aab21eb/designkuplia_punainen.jpg__700x700_q85_subsampling-2.jpg')" data-title="" data-description=""> </div> </a> </div> <div class="item"> <a data-imagelightbox="image-multiple" href="/media/filer_public/0d/28/0d28ab1e-ddef-4798-94c6-4d9017f87c5f/designkuplia_sininen.jpg" rel="gallery237" class="thumbnail"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/0d/28/0d28ab1e-ddef-4798-94c6-4d9017f87c5f/designkuplia_sininen.jpg__700x700_q85_subsampling-2.jpg')" data-title="" data-description=""> </div> </a> </div> <div class="item"> <a data-imagelightbox="image-multiple" href="/media/filer_public/48/1a/481af58c-63fb-4aee-be83-df8def49a5c6/designkuplia_henkilo.jpg" rel="gallery237" class="thumbnail"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/48/1a/481af58c-63fb-4aee-be83-df8def49a5c6/designkuplia_henkilo.jpg__700x700_q85_subsampling-2.jpg')" data-title="" data-description=""> </div> </a> </div> <div class="item"> <a data-imagelightbox="image-multiple" href="/media/filer_public/4a/45/4a4599c5-cef3-4b81-bad7-2b4b8072d268/designkuplia_teksti.jpg" rel="gallery237" class="thumbnail"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/4a/45/4a4599c5-cef3-4b81-bad7-2b4b8072d268/designkuplia_teksti.jpg__700x700_q85_subsampling-2.jpg')" data-title="" data-description=""> </div> </a> </div> <div class="item"> <a data-imagelightbox="image-multiple" href="/media/filer_public/95/c4/95c435d6-3829-47f1-8b9e-a592e5c4e483/designkuplia_tuote.jpg" rel="gallery237" class="thumbnail"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/95/c4/95c435d6-3829-47f1-8b9e-a592e5c4e483/designkuplia_tuote.jpg__700x700_q85_subsampling-2.jpg')" data-title="" data-description=""> </div> </a> </div> </div> </div> <div class="wrap-thumbnails"> <div class="carousel-thumbnails owl-carousel"> <a href="#carousel_product_237" class="thumbnail" data-slide-to="0"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/e5/b2/e5b2a1da-a6f0-402f-8a42-49570c3c8091/designkupliakansi_cmyk.jpeg__300x300_q85_subsampling-2.jpg')"></div> </a> <a href="#carousel_product_237" class="thumbnail" data-slide-to="1"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/8e/62/8e62e8e0-1f9d-4aac-b5f3-943134afec5b/designkuplia_kirjaesitteeseen.jpeg__300x300_q85_subsampling-2.jpg')"></div> </a> <a href="#carousel_product_237" class="thumbnail" data-slide-to="2"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/fd/59/fd5975a1-92a1-467f-8c6d-57890aab21eb/designkuplia_punainen.jpg__300x300_q85_subsampling-2.jpg')"></div> </a> <a href="#carousel_product_237" class="thumbnail" data-slide-to="3"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/0d/28/0d28ab1e-ddef-4798-94c6-4d9017f87c5f/designkuplia_sininen.jpg__300x300_q85_subsampling-2.jpg')"></div> </a> <a href="#carousel_product_237" class="thumbnail" data-slide-to="4"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/48/1a/481af58c-63fb-4aee-be83-df8def49a5c6/designkuplia_henkilo.jpg__300x300_q85_subsampling-2.jpg')"></div> </a> <a href="#carousel_product_237" class="thumbnail" data-slide-to="5"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/4a/45/4a4599c5-cef3-4b81-bad7-2b4b8072d268/designkuplia_teksti.jpg__300x300_q85_subsampling-2.jpg')"></div> </a> <a href="#carousel_product_237" class="thumbnail" data-slide-to="6"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/95/c4/95c435d6-3829-47f1-8b9e-a592e5c4e483/designkuplia_tuote.jpg__300x300_q85_subsampling-2.jpg')"></div> </a> </div> </div> </div> <div class="product-basic-details col-sm-6 col-md-7"> <div class="hidden-xs"> <h1 class="product-name"> <span class="author"> Pöppönen, Hannu </span> Designkuplia <small> <br> Suomalaisen muotoilun ilmiöitä </small> </h1> <p class="text-muted product-sku"><small>100237</small></p> <p> <p>Suomalainen muotoilu on murroksessa. Samaan aikaan, kun retrotuotteet ja uudelleen koristellut klassikot täyttävät kauppojen hyllyt, muotoilu immaterialisoituu. Design on jo vahva osa palveluita, käyttöliittymiä ja pelejä. Kirjassa pohditaan tätä muotoilun muutosta ja sen tuomia mahdollisuuksia. Murrosta vauhdittaa kansainvälistyminen. Onko suomalaisuudesta tällöin mitään hyötyä? Teoksen runsas haastattelumateriaali valaisee elävällä tavalla kansainvälistymiseen liittyviä ongelmia ja onnistumisia. Onnistumiseen siivittävät haastattelujen perusteella muista erottuvat laadukkaat tuotteet ja aktiivinen markkinointi. Tuote ei puhu puolestaan.</p> </p> <div class="product-price"> <div class="price-line"> <span class="lead"> <strong>5,00 €</strong><small> / kpl</small></span> </div> </div> <div class="placeholder-edit-wrap"><div class="xt-ph" id="xt-ph-product_after_basic_info"></div><div class="xt-ph" id="xt-ph-product_after_basic_info-xtheme-product-layout-237"></div><div class="xt-ph" id="xt-ph-product_after_basic_info-xtheme-category-layout-1"></div><div class="xt-ph" id="xt-ph-product_after_basic_info-xtheme-anonymous-contact-layout"></div></div> <hr> </div> <div class="placeholder-edit-wrap"><div class="xt-ph" id="xt-ph-product_extra_1"></div><div class="xt-ph" id="xt-ph-product_extra_1-xtheme-product-layout-237"></div><div class="xt-ph" id="xt-ph-product_extra_1-xtheme-category-layout-1"></div><div class="xt-ph" id="xt-ph-product_extra_1-xtheme-anonymous-contact-layout"></div></div> <div id="product-price-section"> <form role="form" method="post" action="/basket/" class="add-to-basket"> <input type="hidden" name="return" value="/p/237-designkuplia/"> <input type="hidden" id="product-supplier-237" name="supplier_id" value="4"> <input type="hidden" name="command" value="add"> <input type="hidden" name="product_id" value="237"> <div class="prices"> <div class="row"> <div class="col-sm-6"> <div class="form-group amount"> <label for="product-quantity-237">Määrä</label> <div class="input-group"> <input type="number" class="form-control" name="quantity" id="product-quantity-237" step="1" value="1" min="1" onchange="updatePrice('237')" > <input type="hidden" id="product-unit-type-237" name="unit_type" value="display"> <span class="input-group-addon sales-unit">kpl</span> </div> </div> </div> <div class="col-sm-6"> <div class="price text-right product-price-div" id="product-price-div-237" data-product-id="237"> <h2> <small class="text-muted">Yhteensä:</small> <span class="product-price"><strong>5,00 €</strong></span> </h2> <span class="small text-muted"> 5,00 €/kpl </span> </div> </div> </div> <div class="clearfix btn-add-to-cart"> <button type="submit" class="btn btn-primary btn-block btn-lg" id="add-to-cart-button-237"> <i class="fa fa-shopping-cart"></i> Lisää ostoskoriin </button> </div> </div> </form> <div id="product-image-sections" class="hidden"> </div> </div> <div class="placeholder-edit-wrap"><div class="xt-ph" id="xt-ph-product_after_order"></div><div class="xt-ph" id="xt-ph-product_after_order-xtheme-product-layout-237"></div><div class="xt-ph" id="xt-ph-product_after_order-xtheme-category-layout-1"></div><div class="xt-ph" id="xt-ph-product_after_order-xtheme-anonymous-contact-layout"></div></div> <hr> <div class="product-attributes"> <dl class="dl-horizontal"> <dt>Sivumäärä</dt> <dd>256</dd> <dt>ISBN</dt> <dd>978-952-60-5375-2</dd> <dt>Julkaisuajankohta/vuosi</dt> <dd>2013</dd> <dt>Koko (leveys x korkeus)</dt> <dd>170 x 210</dd> <dt>Sidosasu</dt> <dd>Pehmeäkantinen, lankanidottu</dd> <dt>Värillisyys</dt> <dd> nelivärikuvitus</dd> </dl> </div> <div class="placeholder-edit-wrap"><div class="xt-ph" id="xt-ph-product_extra_2"></div><div class="xt-ph" id="xt-ph-product_extra_2-xtheme-product-layout-237"></div><div class="xt-ph" id="xt-ph-product_extra_2-xtheme-category-layout-1"></div><div class="xt-ph" id="xt-ph-product_extra_2-xtheme-anonymous-contact-layout"></div></div> </div> </div> <div class="placeholder-edit-wrap"><div class="xt-ph" id="xt-ph-product_bottom"><div class="row xt-ph-row"><div class="xt-ph-cell"> </div></div> <div class="row xt-ph-row"><div class="xt-ph-cell"> </div></div> <div class="row xt-ph-row"><div class="xt-ph-cell"> </div></div> </div><div class="xt-ph" id="xt-ph-product_bottom-xtheme-product-layout-237"></div><div class="xt-ph" id="xt-ph-product_bottom-xtheme-category-layout-1"></div><div class="xt-ph" id="xt-ph-product_bottom-xtheme-anonymous-contact-layout"></div></div> </div> </div> </div> </div> <footer> <div class="container"> <div class="flex-row"> <div class="col footer-logo"> <img src="/media/filer_public_thumbnails/filer_public/66/16/66160a90-52d3-4552-966c-d391b5a7e98e/shop_sticker_v1.png__250x250_q85_subsampling-2.png" class="img-responsive" alt="Aalto University Shop logo"> </div> <div class="col"> <div class="placeholder-edit-wrap"><div class="xt-global-ph xt-ph" id="xt-ph-footer"><div class="row xt-ph-row"><div class="xt-ph-cell"><section class="cms-page-links-plugin"> <ul> <li> <a href="/tietoa-verkkokaupasta/">Tietoa verkkokaupasta</a> </li> <li> <a href="/tietosuojaseloste/">Tietosuojaseloste</a> </li> <li> <a href="/yhteystiedot/">Yhteystiedot</a> </li> <li> <a href="/tilaus-ja-toimitusehdot/">Tilaus- ja toimitusehdot</a> </li> <li> <a href="/maksutavat/">Maksutavat</a> </li> <li> <a href="/evastekaytanto/">Evästekäytäntö</a> </li> <li> <a href="/helppokayttoisyys/">Website Accessibility</a> </li> </ul> </section></div><div class="xt-ph-cell"></div><div class=" col-md-12 col-sm-12 xt-ph-cell"><p><a href="javascript: Cookiebot.renew()"><span style="font-size: 13px;">Evästeasetukset</span></a></p></div></div> </div><div class="xt-global-ph xt-ph" id="xt-ph-footer-xtheme-product-layout-237"></div><div class="xt-global-ph xt-ph" id="xt-ph-footer-xtheme-category-layout-1"></div><div class="xt-global-ph xt-ph" id="xt-ph-footer-xtheme-anonymous-contact-layout"></div></div> </div> </div> </div> </footer> </div> <script src="/static/js/shuup_aalto_theme.03bdb91721af.js"></script> <script src="/static/shuup/front/js/scripts.c9a8d9b2d4ac.js?v=0.0.1"></script> <script> // Set up owl carousel for product page's slider thumbnails. $(".owl-carousel.carousel-thumbnails").owlCarousel({ margin: 10, nav: $(".carousel-thumbnails .thumbnail").length > 4, navText: [ "<i class='fa fa-chevron-left'></i>", "<i class='fa fa-chevron-right'></i>" ], responsiveClass: true, items: 4 }); // Enable lightbox for products with multiple images. Uses arrows to // navigate through images. var selector_multiple = "a[data-imagelightbox='image-multiple']"; if ($(selector_multiple).length > 0) { var instance_multiple = $(selector_multiple).simpleLightbox({history: false}); } // Enable lightbox for products with only one image. var selector = "a[data-imagelightbox='image']"; if ($(selector).length > 0) { var instance = $(selector).simpleLightbox({history: false}); } $(function() { $('body').on('hide.bs.modal', '.video-modal', function() { var iframVideo = $(this).find('iframe'); $(iframVideo).attr("src", $(iframVideo).attr("src")); }); }); function getVimeoVideoThumbnail() { const vimeoThumbElem = document.getElementById('vimeo-thumbnail'); if (!isNaN(vimeoThumbElem)) { return; } const vimeoID = vimeoThumbElem.getAttribute('data-video-id'); fetch(`//vimeo.com/api/v2/video/${vimeoID}.json`) .then(response => { return response.text(); }) .then(data => { const { thumbnail_large } = JSON.parse(data)[0]; const thumb = `<img src="${thumbnail_large}"/>`; vimeoThumbElem.innerHTML = thumb; }) .catch(error => { console.log(error); }); } $(function() { getVimeoVideoThumbnail(); }); </script> <script> $(function() { updatePrice("237"); }); </script> <script> function initZoom() { $(".item.active").zoom({ url: $(".item.active a").attr("href"), callback: function() { $(this).on("click", function() { $(".item.active a").trigger("click"); }); } }); } $(document).ready(function() { // This is a temporary hacky fix, timeout is needed for initZoom and click listener setTimeout(function() { initZoom(); // TODO: zoom not working correclty for other product images $(".wrap-thumbnails a").on("click", function(){ // unfortunate but owlcarousel doesn't seem to provide an event setTimeout(initZoom, 250); }); }, 250) }); </script> <div class="cover-wrap"> <div class="text-wrap"> <div class="ready"> <i class="fa fa-check"></i> <p>Tuote lisätty koriin</p> </div> <div class="load"> <i class="fa fa-spinner fa-spin"></i> </div> <div class="error-msg"> <i class="fa fa-warning"></i> <p id="error-msg"></p> </div> </div> </div> <script> function updateNavigationBasket() { $.ajax({ url: "/xtheme/basket_partial", method: "GET", success: function(basket_html) { var $basket_html = $(basket_html); $basket_html.find("input[name='return']").each(function(idx, el) { $(el).val("/p/237-designkuplia/"); }); $("#navigation-basket-partial").html($basket_html) } }); } function handleError(cover, error) { setTimeout(function() { // Hide the loader and change to error message cover.removeClass("loading").addClass('error'); var msg = "Virhe lisättäessä tuotetta koriin"; cover.find("#error-msg").text(error ? error : msg); setTimeout(function() { // Hide the error message and the modal cover.removeClass("error in"); }, 1750); }, 500); } function addToBasket(form) { var cover = $(".cover-wrap"); cover.addClass("in loading"); $.ajax({ url: form.attr("action"), method: "POST", data: form.serializeArray(), success: function(response) { if(response.error) { handleError(cover, response.error); return; } updateNavigationBasket(); setTimeout(function() { // Hide the loader and show the message cover.removeClass("loading").addClass("loaded"); setTimeout(function() { // Hide the message cover.removeClass("loaded"); setTimeout(function() { // Hide the modal cover.removeClass("in"); }, 250); }, 1500); }, 500); }, error: function() { handleError(cover); } }); } $(document).ready(function() { $(document).on("submit", "form.add-to-basket", function(e) { e.preventDefault(); addToBasket($(this)); }); }); </script> <nav class="offcanvas-nav"> <div class="offcanvas-search"> <div class="offcanvas-search-wrap"> <form method="get" action="/search/" role="search"> <input type="text" name="q" class="offcanvas-search-input" placeholder="Search for products..."> <button class="btn offcanvas-search-submit" type="submit"> <i class="fa fa-search"></i> </button> </form> </div> </div> <div class="offcanvas-language" id="offcanvas-language-changer"> <div class="language-menu"> <a href="#" class="language active" data-value="fi"> fi </a> <a href="#" class="language" data-value="en"> en </a> </div> </div> <ul> <li > <a href="/">Etusivu</a> </li> <li class="level-1"> <a href="/c/44-kaikki-tuotteet/"> Kaikki tuotteet </a> </li> <li class="level-1"> <a href="/c/47-asusteet/"> Asusteet </a> </li> <li class="level-1"> <a href="/c/58-suklaat/"> Suklaat </a> </li> <li class="level-1"> <a href="/c/41-joulukortit/"> Joulukortit </a> </li> <li class="level-1 is-parent"> <a href="/c/4-vaatteet/"> Vaatteet </a> <ul> <li class="level-2"> <a href="/c/84-hupparit/"> Hupparit & swetarit </a> </li> <li class="level-2"> <a href="/c/85-lastenvaatteet/"> Lastenvaatteet </a> </li> <li class="level-2"> <a href="/c/83-t-paidat/"> T-paidat </a> </li> </ul> </li> <li class="level-1"> <a href="/c/81-kahvit/"> Kahvit </a> </li> <li class="level-1"> <a href="/c/7-sisustus/"> Sisustus </a> </li> <li class="level-1"> <a href="/c/36-pelit/"> Pelit </a> </li> <li class="level-1"> <a href="/c/50-lahjakortit/"> Lahjakortit </a> </li> <li class="level-1"> <a href="/c/45-lahjapakkaukset/"> Lahjapakkaukset </a> </li> <li class="level-1"> <a href="/c/38-korut/"> Korut </a> </li> <li class="level-1"> <a href="/c/52-lehdet/"> Lehdet </a> </li> <li class="level-1"> <a href="/c/10-toimistotarvikkeet/"> Toimistotarvikkeet </a> </li> <li class="level-1 is-parent"> <a href="/c/46-opiskelijoiden-alumnien-tuotteet/"> Opiskelijoiden & Alumnien Tuotteet </a> <ul> <li class="level-2"> <a href="/c/60-asusteet/"> Asusteet </a> </li> <li class="level-2"> <a href="/c/64-kirjat/"> Kirjat </a> </li> <li class="level-2"> <a href="/c/66-kosmetiikka/"> Kosmetiikka </a> </li> <li class="level-2"> <a href="/c/62-sisustus/"> Sisustus </a> </li> <li class="level-2"> <a href="/c/82-fotoworks-valokuvatulosteet/"> Fotoworks-valokuvatulosteet </a> </li> <li class="level-2"> <a href="/c/59-korut/"> Korut </a> </li> <li class="level-2"> <a href="/c/61-julisteet-kehykset/"> Julisteet & kehykset </a> </li> <li class="level-2"> <a href="/c/63-paperituotteet/"> Paperituotteet </a> </li> </ul> </li> <li class="level-0 is-parent current open "> <a href="/c/1-kirjat/"> Kirjat </a> <ul> <li class="level-1"> <a href="/c/31-kirjauutuudet/"> Kirjauutuudet </a> </li> <li class="level-1 is-parent"> <a href="/c/15-elokuva-ja-lavastustaide/"> Elokuva- ja lavastustaide </a> <ul> <li class="level-2"> <a href="/c/17-lavastustaide/"> lavastustaide </a> </li> <li class="level-2"> <a href="/c/18-pukusuunnittelu/"> pukusuunnittelu </a> </li> <li class="level-2"> <a href="/c/16-elokuvataide/"> elokuvataide </a> </li> </ul> </li> <li class="level-1 is-parent"> <a href="/c/11-arkkitehtuuri/"> Arkkitehtuuri </a> <ul> <li class="level-2"> <a href="/c/13-arkkitehtuuri/"> arkkitehtuuri </a> </li> <li class="level-2"> <a href="/c/14-maisema-arkkitehtuuri/"> maisema-arkkitehtuuri </a> </li> </ul> </li> <li class="level-1 is-parent"> <a href="/c/19-media/"> Media </a> <ul> <li class="level-2"> <a href="/c/22-uusi-media/"> uusi media </a> </li> <li class="level-2"> <a href="/c/21-valokuva/"> valokuva </a> </li> <li class="level-2"> <a href="/c/20-graafinen-suunnittelu-ja-taidegrafiikka/"> graafinen suunnittelu ja taidegrafiikka </a> </li> </ul> </li> <li class="level-1 is-parent"> <a href="/c/12-muotoilu/"> Muotoilu </a> <ul> <li class="level-2"> <a href="/c/34-keramiikka-ja-lasitaide/"> keramiikka- ja lasitaide </a> </li> <li class="level-2"> <a href="/c/23-kestava-kehitys/"> kestävä kehitys </a> </li> <li class="level-2"> <a href="/c/35-palvelumuotoilu/"> palvelumuotoilu </a> </li> <li class="level-2"> <a href="/c/24-muotisuunnittelu-ja-tekstiilitaide/"> muotisuunnittelu ja tekstiilitaide </a> </li> <li class="level-2"> <a href="/c/25-sisustusarkkitehtuuri-ja-huonekalusuunnittelu/"> sisustusarkkitehtuuri ja huonekalusuunnittelu </a> </li> <li class="level-2"> <a href="/c/26-teollinen-muotoilu/"> teollinen muotoilu </a> </li> </ul> </li> <li class="level-1 is-parent"> <a href="/c/27-taide/"> Taide </a> <ul> <li class="level-2"> <a href="/c/29-taidekasvatus/"> taidekasvatus </a> </li> <li class="level-2"> <a href="/c/30-ymparistotaide/"> ympäristötaide </a> </li> <li class="level-2"> <a href="/c/28-kuvataide/"> kuvataide </a> </li> </ul> </li> <li class="level-1"> <a href="/c/3-vaitoskirjat/"> Väitöskirjat </a> </li> <li class="level-1 is-parent"> <a href="/c/67-e-kirjat/"> E-kirjat </a> <ul> <li class="level-2"> <a href="/c/68-maksuttomat-e-kirjat/"> Maksuttomat e-kirjat </a> </li> </ul> </li> <li class="level-1"> <a href="/c/33-monialaiset-kirjat/"> Monialaiset kirjat </a> </li> <li class="level-1"> <a href="/c/6-books-in-english/"> Books in English </a> </li> <li class="level-1"> <a href="/c/37-tarjouskirjat/"> Poistokirjat </a> </li> </ul> </li> </ul> </nav> <script src="/static/shuup/recently_viewed_products/lib.e3142160eb58.js?v=1.10.6"></script><script src="/static/shuup-gdpr.e93c6e773299.js?v=1.10.6"></script></body> </html>

CINXE.COM

Designkuplia – Aalto University Shop