コレクション: Louis Poulsen(ルイスポールセン)PH5&PH5ミニ
<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/slick.css">
<script src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/jquery.js"></script> <script src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/slick.min.js"></script>
<style>
#slider {
max-width: 1140px;
margin-bottom: 10px;
}
#slider ul {
padding: 0;
}
#slider a {
display: block;
margin: 0 5px;
}
#slider a img {
width: 100%;
}
#slider .slick-prev {
left: 5px;
background: url(https://cdn.shopify.com/s/files/1/0658/5414/4746/files/slider_left.png) center center no-repeat;
}
#slider .slick-next {
right: 5px;
background: url(https://cdn.shopify.com/s/files/1/0658/5414/4746/files/slider_right.png) center center no-repeat;
}
#slider .slick-prev, #slider .slick-next {
width: 52px;
height: 100px;
position: absolute;
top: 50%;
padding: 0;
border-radius: 0;
margin: 0;
z-index: 100;
background-size: 100%;
border: 0;
color: rgba(0, 0, 0, 0);
}
.collection-hero__description:has(#slider) {
max-width: 100%;
}
.collection-hero__text-wrapper:has(#slider) {
max-width: 100%;
}
.shopify-section.section {
margin-top: 0;
}
@media screen and (max-width:768px) {
#slider .slick-prev, #slider .slick-next {
width: 40px;
height: 100px;
}
#slider a {
margin: 0;
}
#slider .slick-prev {
left: 0;
}
#slider .slick-next {
right: 0;
}
}
/* PC横並び スマホ縦並び バナーエリア by高 20230206 ここから*/
.colle_bnr_contents {
width: 100%;
max-width: 1200px;
margin: auto;
}
.colle_bnr_contents img {
width: 100%;
}
.colle_bnr_text-center {
text-align: center;
}
.colle_bnr_flexbox {
display: flex;
}
.colle_bnr_box1 {
width: 50%;
margin: auto;
}
/* テキスト等のboxパターン*/
.colle_bnr_box2 {
width: 50%;
margin: auto .5rem;
}
.colle_bnr_box3 {
width: 100%;
margin: auto;
}
@media screen and (max-width: 767px) {
.colle_bnr_flexbox {
display: block;
}
.colle_bnr_flexbox .colle_bnr_box1 {
width: 100%;
margin: 0 auto;
}
.colle_bnr_flexbox .colle_bnr_box2 {
width: 100%;
margin: 0 auto;
}
}
/* PC横並び スマホ縦並び バナーエリア by高 20230206 ここまで*/
</style>
<style>
<!--
.collection_top {
margin: 0 0 10px;
}
.collection-hero__text-wrapper > .collection-hero__title {
display: none;
}
@media screen and (min-width: 750px) {
.collection-hero__description {
max-width: 100%;
}
}
@media screen and (max-width: 749px) {
.collection-hero__image-container {
width: 100%;
height: auto;
aspect-ratio: 4/3;
}
}
</style>
<!--<div class="collection-hero__inner collection_top">
<div>
<h1 class="collection-hero__title">Louis Poulsen(ルイスポールセン)</h1>
<div class="collection-hero__description rte">1924年、ポール・ヘニングセンはルイスポールセンのために“パリ・ランプ”をデザインしました。光をかたちづくる、というルイスポールセンのデザイン手法は、光とデザインの2つをお互いに作用させようするヘニングセンの考えに遡ることができますが、このランプは、その先駆けとなりました。 1874年に創業したデンマークの照明メーカー、ルイスポールセンは、形態は機能に従う、というスカンディナヴィア・デザインの伝統にもとづく製品づくりを実践しています。わたしたちの製品の機能とデザインはどれも、自然の光のリズムを反映し、サポートするよう意図されています。製品のすべてのディテールが目的を持っており、デザインのすべては光に始まり、光に終わります。</div>
</div>
<div class="collection-hero__image-container media gradient"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/b85_louispoulsen.jpg" alt="ルイスポールセン" width="1000" height="750"></div>
</div>-->
<section id="slider">
<ul>
<li> <a href="https://www.felice-lifedesign.com/collections/b85_pendant"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b85_pendant.jpg"><span></span></a>
</li>
<li> <a href="https://www.felice-lifedesign.com/collections/b85_table"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b85_table.jpg"><span></span></a>
</li>
<li> <a href="https://www.felice-lifedesign.com/collections/b85_floor"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b85_floor.jpg"><span></span></a>
</li>
<li> <a href="https://www.felice-lifedesign.com/collections/b85_wall"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b85_wall.jpg"><span></span></a>
</li>
<li> <a href="https://www.felice-lifedesign.com/collections/b85_outdoor"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b85_outdoor.jpg"><span></span></a>
</li>
<li> <a href="https://www.felice-lifedesign.com/collections/b85_others"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b85_others.jpg"><span></span></a>
</li>
</ul>
</section>
<!--<div class="">
<div class="colle_bnr_contents">
<div class="colle_bnr_flexbox">
<div class="colle_bnr_box1"><a href="https://www.felice-lifedesign.com/collections/b02_oak"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b02_oak.jpg" alt="マルニ60オークフレーム"></a></div>
<div class="colle_bnr_box1"><a href="https://www.felice-lifedesign.com/collections/b02_walnut"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b02_walnut.jpg" alt="マルニ60ウォールナットフレーム"></a></div>
</div>
<div class="colle_bnr_flexbox">
<div class="colle_bnr_box3"><a href="https://www.felice-lifedesign.com/pages/fair_maruni60-newarrival2023ss"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/cp_maruni60_newarrival.jpg" alt="マルニ60新作キャンペーン"></a></div>
</div>
</div>-->
<script>
$('#slider ul').slick({
slidesToShow: 6,
autoplay: true,
speed: 300,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 2,
autoplay: true,
speed: 300,
},
},
],
});
</script>
<script src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/jquery.js"></script> <script src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/slick.min.js"></script>
<style>
#slider {
max-width: 1140px;
margin-bottom: 10px;
}
#slider ul {
padding: 0;
}
#slider a {
display: block;
margin: 0 5px;
}
#slider a img {
width: 100%;
}
#slider .slick-prev {
left: 5px;
background: url(https://cdn.shopify.com/s/files/1/0658/5414/4746/files/slider_left.png) center center no-repeat;
}
#slider .slick-next {
right: 5px;
background: url(https://cdn.shopify.com/s/files/1/0658/5414/4746/files/slider_right.png) center center no-repeat;
}
#slider .slick-prev, #slider .slick-next {
width: 52px;
height: 100px;
position: absolute;
top: 50%;
padding: 0;
border-radius: 0;
margin: 0;
z-index: 100;
background-size: 100%;
border: 0;
color: rgba(0, 0, 0, 0);
}
.collection-hero__description:has(#slider) {
max-width: 100%;
}
.collection-hero__text-wrapper:has(#slider) {
max-width: 100%;
}
.shopify-section.section {
margin-top: 0;
}
@media screen and (max-width:768px) {
#slider .slick-prev, #slider .slick-next {
width: 40px;
height: 100px;
}
#slider a {
margin: 0;
}
#slider .slick-prev {
left: 0;
}
#slider .slick-next {
right: 0;
}
}
/* PC横並び スマホ縦並び バナーエリア by高 20230206 ここから*/
.colle_bnr_contents {
width: 100%;
max-width: 1200px;
margin: auto;
}
.colle_bnr_contents img {
width: 100%;
}
.colle_bnr_text-center {
text-align: center;
}
.colle_bnr_flexbox {
display: flex;
}
.colle_bnr_box1 {
width: 50%;
margin: auto;
}
/* テキスト等のboxパターン*/
.colle_bnr_box2 {
width: 50%;
margin: auto .5rem;
}
.colle_bnr_box3 {
width: 100%;
margin: auto;
}
@media screen and (max-width: 767px) {
.colle_bnr_flexbox {
display: block;
}
.colle_bnr_flexbox .colle_bnr_box1 {
width: 100%;
margin: 0 auto;
}
.colle_bnr_flexbox .colle_bnr_box2 {
width: 100%;
margin: 0 auto;
}
}
/* PC横並び スマホ縦並び バナーエリア by高 20230206 ここまで*/
</style>
<style>
<!--
.collection_top {
margin: 0 0 10px;
}
.collection-hero__text-wrapper > .collection-hero__title {
display: none;
}
@media screen and (min-width: 750px) {
.collection-hero__description {
max-width: 100%;
}
}
@media screen and (max-width: 749px) {
.collection-hero__image-container {
width: 100%;
height: auto;
aspect-ratio: 4/3;
}
}
</style>
<!--<div class="collection-hero__inner collection_top">
<div>
<h1 class="collection-hero__title">Louis Poulsen(ルイスポールセン)</h1>
<div class="collection-hero__description rte">1924年、ポール・ヘニングセンはルイスポールセンのために“パリ・ランプ”をデザインしました。光をかたちづくる、というルイスポールセンのデザイン手法は、光とデザインの2つをお互いに作用させようするヘニングセンの考えに遡ることができますが、このランプは、その先駆けとなりました。 1874年に創業したデンマークの照明メーカー、ルイスポールセンは、形態は機能に従う、というスカンディナヴィア・デザインの伝統にもとづく製品づくりを実践しています。わたしたちの製品の機能とデザインはどれも、自然の光のリズムを反映し、サポートするよう意図されています。製品のすべてのディテールが目的を持っており、デザインのすべては光に始まり、光に終わります。</div>
</div>
<div class="collection-hero__image-container media gradient"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/b85_louispoulsen.jpg" alt="ルイスポールセン" width="1000" height="750"></div>
</div>-->
<section id="slider">
<ul>
<li> <a href="https://www.felice-lifedesign.com/collections/b85_pendant"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b85_pendant.jpg"><span></span></a>
</li>
<li> <a href="https://www.felice-lifedesign.com/collections/b85_table"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b85_table.jpg"><span></span></a>
</li>
<li> <a href="https://www.felice-lifedesign.com/collections/b85_floor"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b85_floor.jpg"><span></span></a>
</li>
<li> <a href="https://www.felice-lifedesign.com/collections/b85_wall"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b85_wall.jpg"><span></span></a>
</li>
<li> <a href="https://www.felice-lifedesign.com/collections/b85_outdoor"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b85_outdoor.jpg"><span></span></a>
</li>
<li> <a href="https://www.felice-lifedesign.com/collections/b85_others"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b85_others.jpg"><span></span></a>
</li>
</ul>
</section>
<!--<div class="">
<div class="colle_bnr_contents">
<div class="colle_bnr_flexbox">
<div class="colle_bnr_box1"><a href="https://www.felice-lifedesign.com/collections/b02_oak"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b02_oak.jpg" alt="マルニ60オークフレーム"></a></div>
<div class="colle_bnr_box1"><a href="https://www.felice-lifedesign.com/collections/b02_walnut"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/colle_b02_walnut.jpg" alt="マルニ60ウォールナットフレーム"></a></div>
</div>
<div class="colle_bnr_flexbox">
<div class="colle_bnr_box3"><a href="https://www.felice-lifedesign.com/pages/fair_maruni60-newarrival2023ss"><img src="https://cdn.shopify.com/s/files/1/0658/5414/4746/files/cp_maruni60_newarrival.jpg" alt="マルニ60新作キャンペーン"></a></div>
</div>
</div>-->
<script>
$('#slider ul').slick({
slidesToShow: 6,
autoplay: true,
speed: 300,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 2,
autoplay: true,
speed: 300,
},
},
],
});
</script>
