diff --git a/assets/css/base/_body.scss b/assets/css/base/_body.scss index 98452c6..f39cf57 100644 --- a/assets/css/base/_body.scss +++ b/assets/css/base/_body.scss @@ -40,5 +40,6 @@ body{ main{ padding-top: var(--header-h); - // padding-bottom: 10vh; + min-height: calc(100vh - var(--spacing)*2); + min-height: calc(100dvh - var(--spacing)*2); } \ No newline at end of file diff --git a/assets/css/base/_var.scss b/assets/css/base/_var.scss index bbab83b..a1b3ed3 100644 --- a/assets/css/base/_var.scss +++ b/assets/css/base/_var.scss @@ -33,6 +33,7 @@ --color-bg: #161616; --color-txt: #ffffff; + --color-txt-light: #b9b9b9; --color-accent: #00ff00; --color-accent-50: #e9ffe9; --color-accent-100: #d8fdd8; diff --git a/assets/css/partials/_site-footer.scss b/assets/css/partials/_site-footer.scss index 800b061..19571ab 100644 --- a/assets/css/partials/_site-footer.scss +++ b/assets/css/partials/_site-footer.scss @@ -1,14 +1,13 @@ #site-footer { background-color: black; - width: 100vw; - position: relative; - left: calc(var(--padding-body) * -1); - padding: calc(var(--padding-body) * 2) var(--padding-body); - // border-top: var(--border-light); - - p { - margin: calc(var(--spacing) * 0.5) 0; + position: relative; + left: calc(var(--padding-body)*-1); + height: calc(var(--spacing)*2); + display: flex; + align-items: center; + justify-content: center; + a { text-decoration: none; @@ -16,97 +15,11 @@ text-decoration: underline; } } - } + .p__small { font-size: var(--fs-x-small); - // margin-top: calc(var(--spacing)*0.5) + text-align: center; } - #list-socials { - list-style: none; - columns: 2; - max-width: 500px; - margin: 0; - a { - display: flex; - align-items: center; - gap: 1ch; - text-decoration: none; - height: calc(var(--spacing) * 1); - - &::after { - content: "↗"; - color: var(--grey-300); - } - } - - .text { - line-height: 1; - } - - .icon { - width: 20px; - height: 20px; - position: relative; - top: -2px; - } - svg { - display: flex; - align-items: center; - width: 20px; - height: 20px; - } - } - - @media #{$small} { - margin-top: calc(var(--spacing) * 2); - .footer__socials { - margin-top: calc(var(--spacing) * 1.5); - } - .footer__mentions { - margin-top: calc(var(--spacing) * 0.5); - p { - // font-size: var(--font-size); - margin-top: calc(var(--spacing) * 2); - } - } - } - - @media #{$small-up} { - .site-footer__container { - display: grid; - grid-template-columns: 1fr 1fr; - column-gap: calc(var(--spacing) * 2); - - max-width: 1200px; - margin: 0 auto; - } - - .footer__mentions { - grid-column: span 2; - text-align: center; - p { - font-size: var(--font-size); - margin-top: calc(var(--spacing) * 2); - } - } - } - - @media #{$medium-up} { - .site-footer__container { - column-gap: calc(var(--spacing) * 4); - } - } - - @media #{$small} { - .footer__mentions { - padding-top: calc(var(--spacing) * 1); - p { - margin-top: 0; - } - - text-align: center; - } - } } diff --git a/assets/css/style.css b/assets/css/style.css index f81b2d1..6838a98 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -16,6 +16,7 @@ --fw-bold: 600; --color-bg: #161616; --color-txt: #ffffff; + --color-txt-light: #b9b9b9; --color-accent: #00ff00; --color-accent-50: #e9ffe9; --color-accent-100: #d8fdd8; @@ -79,6 +80,8 @@ body { main { padding-top: var(--header-h); + min-height: calc(100vh - var(--spacing) * 2); + min-height: calc(100dvh - var(--spacing) * 2); } .nav--tabs { @@ -556,99 +559,20 @@ main { width: 100vw; position: relative; left: calc(var(--padding-body) * -1); - padding: calc(var(--padding-body) * 2) var(--padding-body); + height: calc(var(--spacing) * 2); + display: flex; + align-items: center; + justify-content: center; } -#site-footer p { - margin: calc(var(--spacing) * 0.5) 0; -} -#site-footer p a { +#site-footer a { text-decoration: none; } -#site-footer p a:hover { +#site-footer a:hover { text-decoration: underline; } #site-footer .p__small { font-size: var(--fs-x-small); -} -#site-footer #list-socials { - list-style: none; - -moz-columns: 2; - columns: 2; - max-width: 500px; - margin: 0; -} -#site-footer #list-socials a { - display: flex; - align-items: center; - gap: 1ch; - text-decoration: none; - height: calc(var(--spacing) * 1); -} -#site-footer #list-socials a::after { - content: "↗"; - color: var(--grey-300); -} -#site-footer #list-socials .text { - line-height: 1; -} -#site-footer #list-socials .icon { - width: 20px; - height: 20px; - position: relative; - top: -2px; -} -#site-footer #list-socials svg { - display: flex; - align-items: center; - width: 20px; - height: 20px; -} -@media screen and (max-width: 720px) { - #site-footer { - margin-top: calc(var(--spacing) * 2); - } - #site-footer .footer__socials { - margin-top: calc(var(--spacing) * 1.5); - } - #site-footer .footer__mentions { - margin-top: calc(var(--spacing) * 0.5); - } - #site-footer .footer__mentions p { - margin-top: calc(var(--spacing) * 2); - } -} -@media screen and (min-width: 720px) { - #site-footer .site-footer__container { - display: grid; - grid-template-columns: 1fr 1fr; - -moz-column-gap: calc(var(--spacing) * 2); - column-gap: calc(var(--spacing) * 2); - max-width: 1200px; - margin: 0 auto; - } - #site-footer .footer__mentions { - grid-column: span 2; - text-align: center; - } - #site-footer .footer__mentions p { - font-size: var(--font-size); - margin-top: calc(var(--spacing) * 2); - } -} -@media screen and (min-width: 1080px) { - #site-footer .site-footer__container { - -moz-column-gap: calc(var(--spacing) * 4); - column-gap: calc(var(--spacing) * 4); - } -} -@media screen and (max-width: 720px) { - #site-footer .footer__mentions { - padding-top: calc(var(--spacing) * 1); - text-align: center; - } - #site-footer .footer__mentions p { - margin-top: 0; - } + text-align: center; } [data-template=support] section { @@ -1016,39 +940,36 @@ body.is-fullscreen { overflow: hidden; } -[data-template=home] main { - margin-bottom: calc(var(--spacing) * 2); -} -[data-template=home] .p__baseline-big { +[data-template=store] .p__baseline-big { margin-top: calc(var(--spacing) * 2); } -[data-template=home] #store__container { +[data-template=store] #store__container { margin-top: calc(var(--spacing) * 2); margin-bottom: calc(var(--spacing) * 4); width: 100%; max-width: 1000px; } -[data-template=home] #store__container .store__product { +[data-template=store] #store__container .store__product { position: relative; } -[data-template=home] #store__container .store__product figure { +[data-template=store] #store__container .store__product figure { aspect-ratio: 4/3; background-color: var(--color-bg); background-color: var(--data-bg); margin-bottom: calc(var(--spacing) * 0.5); overflow: hidden; } -[data-template=home] #store__container .store__product img { +[data-template=store] #store__container .store__product img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transition: var(--curve) 0.5s; } -[data-template=home] #store__container .store__product a { +[data-template=store] #store__container .store__product a { text-decoration: none; } -[data-template=home] #store__container .store__product .link-block { +[data-template=store] #store__container .store__product .link-block { display: block; height: 100%; width: 100%; @@ -1057,23 +978,23 @@ body.is-fullscreen { left: 0; cursor: pointer; } -[data-template=home] #store__container .store__product:hover figure { +[data-template=store] #store__container .store__product:hover figure { overflow: hidden; } -[data-template=home] #store__container .store__product:hover img { +[data-template=store] #store__container .store__product:hover img { transform: scale(1.05); } -[data-template=home] #store__container .store__product:hover .line-1 { +[data-template=store] #store__container .store__product:hover .line-1 { text-decoration: underline; } @media screen and (max-width: 720px) { - [data-template=home] #store__container .store__product { + [data-template=store] #store__container .store__product { margin-top: calc(var(--spacing) * 1.5); margin-bottom: calc(var(--spacing) * 0.5); } } @media screen and (min-width: 720px) { - [data-template=home] #store__container { + [data-template=store] #store__container { display: grid; grid-template-columns: repeat(6, 1fr); -moz-column-gap: calc(var(--padding-body) * 0.75); @@ -1082,24 +1003,34 @@ body.is-fullscreen { margin-left: auto; margin-right: auto; } - [data-template=home] #store__container .store__product { + [data-template=store] #store__container .store__product { grid-column: span 2; } - [data-template=home] #store__container .store__product:nth-of-type(1), - [data-template=home] #store__container .store__product:nth-of-type(2) { + [data-template=store] #store__container .store__product:nth-of-type(1), + [data-template=store] #store__container .store__product:nth-of-type(2) { grid-column: span 3; } } .section__product, .store__nav { - max-width: 1000px; + max-width: 1200px; + margin-left: auto; + margin-right: auto; +} + +.section__product, +.store__nav { + max-width: 1200px; margin-left: auto; margin-right: auto; } .store__nav { padding-top: calc(var(--spacing) * 1); + padding-bottom: calc(var(--spacing) * 0.5); + color: var(--color-txt-light); + font-size: var(--fs-small); } .store__nav a { text-decoration: none; @@ -1111,32 +1042,27 @@ body.is-fullscreen { content: "← "; } -.section__product .product-gallery li { - list-style: none; +.section__product .details ul { + margin-left: 2ch; } -.section__product .product-gallery figure { - aspect-ratio: 1/1; +.section__product .details ul li { + padding-bottom: 0.2em; } -.section__product .product-gallery figure img { - width: 100%; - height: 100%; - -o-object-fit: contain; - object-fit: contain; -} -.section__product .product-options__list { + +.product-options__list { list-style: none; display: flex; gap: 2ch; } -.section__product .product-options__list li { +.product-options__list li { position: relative; } -.section__product .product-options__list li input[type=radio] { +.product-options__list li input[type=radio] { position: fixed; opacity: 0; pointer-events: none; } -.section__product .product-options__list li label { +.product-options__list li label { font-family: var(--title); font-size: var(--fs-normal); height: 4ch; @@ -1150,31 +1076,87 @@ body.is-fullscreen { padding-top: 0px; cursor: pointer; } -.section__product .product-options__list li input[type=radio]:checked + label { +.product-options__list li input[type=radio]:checked + label { border-color: var(--color-txt); } -.section__product .product-options__list li input[type=radio]:not(:checked) + label:hover { +.product-options__list li input[type=radio]:not(:checked) + label:hover { border-color: var(--grey-600); background-color: var(--grey-800); } -.section__product .hero { - margin-bottom: calc(var(--spacing) * 1); - padding-top: calc(var(--spacing) * 0.5); - border-top: var(--border-light); + +.product-gallery { + position: relative; + aspect-ratio: 4/3; } -.section__product .hero .p__baseline-big { +.product-gallery .swiper-slide { + width: 100%; +} +.product-gallery .swiper-slide figure { + aspect-ratio: 4/3; + width: 100%; + height: 100%; +} +.product-gallery .swiper-slide figure img { + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; +} +.product-gallery .swiper-button-prev, +.product-gallery .swiper-button-next { + color: var(--color-txt); + width: 20px; + height: 20px; +} +.product-gallery .swiper-button-prev:after, +.product-gallery .swiper-button-next:after { + font-size: 20px; + font-weight: bold; +} +.product-gallery .swiper-button-prev:hover, +.product-gallery .swiper-button-next:hover { + opacity: 0.7; +} +.product-gallery .swiper-pagination { + position: relative; + margin-top: calc(var(--spacing) * 0.5); + bottom: 0; +} +.product-gallery .swiper-pagination .swiper-pagination-bullet { + width: 8px; + height: 8px; + background: var(--grey-600); + opacity: 0.5; + transition: opacity 0.3s; +} +.product-gallery .swiper-pagination .swiper-pagination-bullet:hover { + opacity: 0.7; +} +.product-gallery .swiper-pagination .swiper-pagination-bullet-active { + background: var(--color-txt); + opacity: 1; +} + +.hero { + margin-bottom: calc(var(--spacing) * 1); + padding: calc(var(--spacing) * 0.5) 0; + border-top: var(--border-light); + border-bottom: var(--border-light); +} +.hero .p__baseline-big { margin: 0; text-align: left; } -.section__product .add-to-cart, -.section__product .product-options { + +.add-to-cart { margin: 0; border-bottom: var(--border-light); padding: calc(var(--spacing) * 0.5) 0; } -.section__product .product-options__label { - font-weight: 600; - margin-bottom: calc(var(--spacing) * 0.25); + +.product-options { + border-bottom: var(--border-light); + padding: calc(var(--spacing) * 0.25) 0; } @media screen and (max-width: 720px) { @@ -1185,6 +1167,7 @@ body.is-fullscreen { .section__product { display: flex; flex-direction: column; + margin-bottom: 10vh; } .section__product .col-left { display: contents; @@ -1208,34 +1191,39 @@ body.is-fullscreen { .section__product .add-to-cart { order: 5; } + .section__product .product-gallery { + width: 100vw; + position: relative; + left: calc(var(--padding-body) * -1); + } + .section__product .product-gallery .swiper-button-prev, + .section__product .product-gallery .swiper-button-next { + display: none; + } } @media screen and (min-width: 720px) { .section__product { display: grid; - grid-template-columns: 50% 50%; - aspect-ratio: 2/1; - margin-top: calc(var(--spacing) * 0.5); - position: relative; - } - .section__product .col-left { - padding-right: var(--padding-body); - } - .section__product .details { + grid-template-columns: 1fr 1fr; + gap: calc(var(--padding-body) * 2); margin-bottom: calc(var(--spacing) * 3); } - .section__product .add-to-cart, - .section__product .product-options { - width: calc(50% - var(--padding-body)); - } - .section__product .add-to-cart { - position: absolute; - bottom: 10px; + .section__product .details { + margin-bottom: calc(var(--spacing) * 2); + flex-grow: 1; } .section__product .product-options { - position: absolute; - bottom: calc(var(--spacing) * 2); border-top: var(--border-light); } + .section__product .col-left { + min-height: 100%; + padding-bottom: 40px; + display: flex; + flex-direction: column; + } + .product-gallery .swiper-slide figure { + width: calc(100% - 60px); + } } [data-template=thanks] .thanks-page { min-height: 60vh; diff --git a/assets/css/style.css.map b/assets/css/style.css.map index 60ffe86..c3b0a2e 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","base/_var.scss","base/_body.scss","components/_nav-tabs.scss","components/_btn--default.scss","components/_btn--don.scss","components/_form-newsletter.scss","components/_gauge.scss","components/_text.scss","partials/_site-header.scss","partials/_site-footer.scss","template/support/_layout.scss","template/support/_section--donation.scss","template/support/_section--comments.scss","template/support/_section--questions.scss","template/support/_section--video.scss","template/shop/_layout.scss","template/shop/_section--product.scss","template/shop/_thanks.scss","template/shop/_snipcart.scss","template/subscription-newsletter/_layout.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","base/_var.scss","base/_body.scss","components/_nav-tabs.scss","components/_btn--default.scss","components/_btn--don.scss","components/_form-newsletter.scss","components/_gauge.scss","components/_text.scss","partials/_site-header.scss","partials/_site-footer.scss","template/support/_layout.scss","template/support/_section--donation.scss","template/support/_section--comments.scss","template/support/_section--questions.scss","template/support/_section--video.scss","template/shop/_layout.scss","template/shop/_section--product.scss","template/shop/_thanks.scss","template/shop/_snipcart.scss","template/subscription-newsletter/_layout.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/css/template/shop/_layout.scss b/assets/css/template/shop/_layout.scss index 41f123e..1e1d5ed 100644 --- a/assets/css/template/shop/_layout.scss +++ b/assets/css/template/shop/_layout.scss @@ -1,8 +1,4 @@ -[data-template="home"] { - main { - margin-bottom: calc(var(--spacing) * 2); - } - +[data-template="store"] { .p__baseline-big { margin-top: calc(var(--spacing) * 2); } diff --git a/assets/css/template/shop/_section--product.scss b/assets/css/template/shop/_section--product.scss index b136b53..82790ac 100644 --- a/assets/css/template/shop/_section--product.scss +++ b/assets/css/template/shop/_section--product.scss @@ -1,12 +1,28 @@ +.section__product, +.store__nav{ + max-width: 1200px; + margin-left: auto; + margin-right: auto; +} + + + .section__product, .store__nav { - max-width: 1000px; + max-width: 1200px; margin-left: auto; margin-right: auto; } + + + + .store__nav { padding-top: calc(var(--spacing) * 1); + padding-bottom: calc(var(--spacing) * 0.5); + color: var(--color-txt-light); + font-size: var(--fs-small); a { text-decoration: none; @@ -21,13 +37,80 @@ } } -.section__product { - .product-gallery { - li { - list-style: none; + + +.section__product .details { + // margin-bottom: calc(var(--spacing) * 2); + + ul{ + margin-left: 2ch; + li{ + padding-bottom: 0.2em; } + } +} + + +.product-options__list { + list-style: none; + display: flex; + gap: 2ch; + + li { + position: relative; + + input[type="radio"] { + position: fixed; + opacity: 0; + pointer-events: none; + } + + label { + font-family: var(--title); + font-size: var(--fs-normal); + height: 4ch; + width: 4ch; + border-radius: 50%; + border: var(--border); + border-color: transparent; + display: flex; + align-items: center; + justify-content: center; + padding-top: 0px; + cursor: pointer; + } + + input[type="radio"]:checked + label { + border-color: var(--color-txt); + } + + input[type="radio"]:not(:checked) + label:hover { + border-color: var(--grey-600); + background-color: var(--grey-800); + } + } + } + + + + + + + + + +.product-gallery { + position: relative; + aspect-ratio: 4 / 3; + + .swiper-slide { + width: 100%; + figure { - aspect-ratio: 1/1; + + aspect-ratio: 4 / 3; + width: 100%; + height: 100%; img { width: 100%; @@ -37,50 +120,54 @@ } } - .product-options__list { - list-style: none; - display: flex; - gap: 2ch; + // Swiper navigation arrows + .swiper-button-prev, + .swiper-button-next { + color: var(--color-txt); + width: 20px; + height: 20px; - li { - position: relative; + &:after { + font-size: 20px; + font-weight: bold; + } - input[type="radio"] { - position: fixed; - opacity: 0; - pointer-events: none; - } - - label { - font-family: var(--title); - font-size: var(--fs-normal); - height: 4ch; - width: 4ch; - border-radius: 50%; - border: var(--border); - border-color: transparent; - display: flex; - align-items: center; - justify-content: center; - padding-top: 0px; - cursor: pointer; - } - - input[type="radio"]:checked + label { - border-color: var(--color-txt); - } - - input[type="radio"]:not(:checked) + label:hover { - border-color: var(--grey-600); - background-color: var(--grey-800); - } + &:hover { + opacity: 0.7; } } + // Swiper pagination dots + .swiper-pagination { + position: relative; + margin-top: calc(var(--spacing) * 0.5); + bottom: 0; + + .swiper-pagination-bullet { + width: 8px; + height: 8px; + background: var(--grey-600); + opacity: 0.5; + transition: opacity 0.3s; + + &:hover { + opacity: 0.7; + } + } + + .swiper-pagination-bullet-active { + background: var(--color-txt); + opacity: 1; + } + } +} + + .hero { margin-bottom: calc(var(--spacing) * 1); - padding-top: calc(var(--spacing) * 0.5); + padding: calc(var(--spacing) * 0.5) 0; border-top: var(--border-light); + border-bottom: var(--border-light); .p__baseline-big { margin: 0; @@ -88,18 +175,18 @@ } } - .add-to-cart, - .product-options { + .add-to-cart { margin: 0; border-bottom: var(--border-light); padding: calc(var(--spacing) * 0.5) 0; } - .product-options__label { - font-weight: 600; - margin-bottom: calc(var(--spacing) * 0.25); + .product-options { + border-bottom: var(--border-light); + padding: calc(var(--spacing) * 0.25) 0; } -} + + @media #{$small} { .store__nav a { @@ -110,6 +197,7 @@ .section__product { display: flex; flex-direction: column; + margin-bottom: 10vh; .col-left { display: contents; @@ -137,40 +225,47 @@ .add-to-cart { order: 5; } + + .product-gallery{ + width: 100vw; + position: relative; + left: calc(var(--padding-body)*-1); + + .swiper-button-prev, + .swiper-button-next{ display: none; } + } } } @media #{$small-up} { - .section__product { + + + .section__product{ display: grid; - grid-template-columns: 50% 50%; - aspect-ratio: 2/1; - - margin-top: calc(var(--spacing) * 0.5); - position: relative; - - .col-left { - padding-right: var(--padding-body); - } + grid-template-columns: 1fr 1fr; + gap: calc(var(--padding-body)*2); + margin-bottom: calc(var(--spacing)*3); .details { - margin-bottom: calc(var(--spacing) * 3); - } - - .add-to-cart, - .product-options { - width: calc(50% - var(--padding-body)); - } - - .add-to-cart { - position: absolute; - bottom: 10px; + margin-bottom: calc(var(--spacing) * 2); + flex-grow: 1; } .product-options { - position: absolute; - bottom: calc(var(--spacing) * 2); border-top: var(--border-light); } + + .col-left{ + min-height: 100%; + padding-bottom: 40px; //dots + + display: flex; + flex-direction: column; + } + + } + + .product-gallery .swiper-slide figure{ + width: calc(100% - 60px); } } diff --git a/assets/js/product-gallery.js b/assets/js/product-gallery.js new file mode 100644 index 0000000..eddeb3d --- /dev/null +++ b/assets/js/product-gallery.js @@ -0,0 +1,31 @@ +// Initialize Swiper for product gallery +document.addEventListener('DOMContentLoaded', function() { + const productGallery = document.querySelector('.product-gallery.swiper'); + + if (productGallery) { + const swiper = new Swiper('.product-gallery.swiper', { + // Enable loop if there are multiple slides + loop: true, + + // Let CSS control the width + slidesPerView: 'auto', + + // Navigation arrows + navigation: { + nextEl: '.swiper-button-next', + prevEl: '.swiper-button-prev', + }, + + // Pagination dots + pagination: { + el: '.swiper-pagination', + clickable: true, + }, + + // Keyboard navigation + keyboard: { + enabled: true, + } + }); + } +}); diff --git a/assets/js/snipcart.js b/assets/js/snipcart.js index 0e0dfee..13eef65 100644 --- a/assets/js/snipcart.js +++ b/assets/js/snipcart.js @@ -6,13 +6,13 @@ window.SnipcartSettings = { // Redirection après paiement réussi document.addEventListener('snipcart.ready', function() { - Snipcart.execute('bind', 'order.completed', function(order) { + Snipcart.events.on('cart.confirmed', function(cartState) { // Détecter la langue actuelle depuis l'URL const currentPath = window.location.pathname; const langMatch = currentPath.match(/^\/([a-z]{2})(\/|$)/); const langPrefix = langMatch ? '/' + langMatch[1] : ''; - window.location.href = langPrefix + '/thanks?order=' + order.token; + window.location.href = langPrefix + '/thanks?order=' + cartState.token; }); }); diff --git a/site/templates/product.php b/site/templates/product.php index f80ea02..4fc4969 100644 --- a/site/templates/product.php +++ b/site/templates/product.php @@ -78,24 +78,38 @@ - hasFiles()): ?> - - +
+
+ hasFiles()): + foreach($page->files()->sortBy('sort', 'asc') as $image): + ?> +
+
+ $image, + 'alt' => $page->title()->html(), + 'preset' => 'product-detail', + 'size' => 50, + 'lazy' => false + ]) ?> +
+
+ +
+ + +
+
+ + +
+
- ['assets/js/product-size.js', 'assets/js/snipcart.js']]) ?> + ['assets/js/product-size.js', 'assets/js/snipcart.js', 'assets/js/product-gallery.js']]) ?> diff --git a/vendor/composer/autoload_psr4.php b/vendor/composer/autoload_psr4.php index b44265d..c9abc16 100644 --- a/vendor/composer/autoload_psr4.php +++ b/vendor/composer/autoload_psr4.php @@ -16,7 +16,7 @@ return array( 'PHPMailer\\PHPMailer\\' => array($vendorDir . '/phpmailer/phpmailer/src'), 'League\\ColorExtractor\\' => array($vendorDir . '/league/color-extractor/src'), 'Laminas\\Escaper\\' => array($vendorDir . '/laminas/laminas-escaper/src'), - 'Kirby\\' => array($vendorDir . '/getkirby/composer-installer/src', $baseDir . '/kirby/src'), + 'Kirby\\' => array($baseDir . '/kirby/src', $vendorDir . '/getkirby/composer-installer/src'), 'Composer\\Semver\\' => array($vendorDir . '/composer/semver/src'), 'Base32\\' => array($vendorDir . '/christian-riesen/base32/src'), ); diff --git a/vendor/composer/autoload_static.php b/vendor/composer/autoload_static.php index 9ee9663..50a3b38 100644 --- a/vendor/composer/autoload_static.php +++ b/vendor/composer/autoload_static.php @@ -96,8 +96,8 @@ class ComposerStaticInit0b7fb803e22a45eb87e24172337208aa ), 'Kirby\\' => array ( - 0 => __DIR__ . '/..' . '/getkirby/composer-installer/src', - 1 => __DIR__ . '/../..' . '/kirby/src', + 0 => __DIR__ . '/../..' . '/kirby/src', + 1 => __DIR__ . '/..' . '/getkirby/composer-installer/src', ), 'Composer\\Semver\\' => array ( diff --git a/vendor/composer/installed.php b/vendor/composer/installed.php index b182cad..e4f5401 100644 --- a/vendor/composer/installed.php +++ b/vendor/composer/installed.php @@ -1,9 +1,9 @@ array( 'name' => 'getkirby/plainkit', - 'pretty_version' => '5.1.4', - 'version' => '5.1.4.0', - 'reference' => null, + 'pretty_version' => 'dev-main', + 'version' => 'dev-main', + 'reference' => '44ed53aae0b7128526b1fe9c2c66e80b18df323f', 'type' => 'project', 'install_path' => __DIR__ . '/../../', 'aliases' => array(), @@ -65,9 +65,9 @@ 'dev_requirement' => false, ), 'getkirby/plainkit' => array( - 'pretty_version' => '5.1.4', - 'version' => '5.1.4.0', - 'reference' => null, + 'pretty_version' => 'dev-main', + 'version' => 'dev-main', + 'reference' => '44ed53aae0b7128526b1fe9c2c66e80b18df323f', 'type' => 'project', 'install_path' => __DIR__ . '/../../', 'aliases' => array(),