diff --git a/Oleassence.code-workspace b/DevTest.code-workspace similarity index 100% rename from Oleassence.code-workspace rename to DevTest.code-workspace diff --git a/assets/component-card copy.css b/assets/component-card copy.css deleted file mode 100644 index 4e48e8a46..000000000 --- a/assets/component-card copy.css +++ /dev/null @@ -1,903 +0,0 @@ -.card-wrapper { - color: inherit; - height: 100%; - position: relative; - text-decoration: none; -} - -.card { - text-decoration: none; - text-align: var(--text-alignment); -} -.card:not(.ratio) { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; -} -.card.card--horizontal { - --text-alignment: left; - --image-padding: 0rem; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - gap: 1.5rem; -} -.card.card--horizontal.ratio:before { - padding-bottom: 0; -} - -.card--card { - height: 100%; -} -.card--card.card--horizontal { - padding: 1.2rem; -} -.card--card.card--horizontal.card--text { - -webkit-column-gap: 0; - -moz-column-gap: 0; - column-gap: 0; -} - -.card--card, -.card--standard .card__inner { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow: hidden; - border-radius: var(--border-radius); - border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity)); -} - -.card--card:after, -.card--standard .card__inner:after { - content: ""; - position: absolute; - z-index: -1; - width: calc(var(--border-width) * 2 + 100%); - height: calc(var(--border-width) * 2 + 100%); - top: calc(var(--border-width) * -1); - left: calc(var(--border-width) * -1); - border-radius: var(--border-radius); - -webkit-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)); - box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)); -} - -/* Needed for gradient continuity with or without animation, the transform scopes the gradient to its container which happens already when animation are turned on */ -.card--card.gradient, -.card__inner.gradient { - -webkit-transform: perspective(0); - transform: perspective(0); -} - -/* Needed for gradient continuity with or without animation so that transparent PNG images come up as we would expect */ -.card__inner.color-scheme-1 { - background: transparent; -} - -.card .card__inner .card__media { - overflow: hidden; - /* Fix for Safari border bug on hover */ - z-index: 0; - border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding)); -} -.card .card__inner .card__media img { - border-radius: 4px; -} - -.card--card .card__inner .card__media { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} - -.card--standard.card--text { - background-color: transparent; -} - -.card-information { - text-align: var(--text-alignment); - margin-top: auto; -} - -.card__media, -.card .media { - bottom: 0; - position: absolute; - top: 0; -} - -.card .media { - width: 100%; -} - -.card__media { - margin: var(--image-padding); - width: calc(100% - 2 * var(--image-padding)); -} - -.card--standard .card__media { - margin: var(--image-padding); -} - -.card__inner { - width: 100%; -} - -.card--media .card__inner .card__content { - position: relative; - padding: calc(var(--image-padding) + 1rem); -} - -.card__content { - display: grid; - grid-template-rows: minmax(0, 1fr) -webkit-max-content minmax(0, 1fr); - grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr); - padding: 1rem; - width: 100%; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - position: relative; -} - -.card__content--auto-margins { - grid-template-rows: minmax(0, auto) -webkit-max-content minmax(0, auto); - grid-template-rows: minmax(0, auto) max-content minmax(0, auto); -} - -.card__information { - grid-row-start: 2; -} - -.card:not(.ratio) > .card__content { - grid-template-rows: -webkit-max-content minmax(0, 1fr) -webkit-max-content auto; - grid-template-rows: max-content minmax(0, 1fr) max-content auto; -} - -.card-information .card__information-volume-pricing-note { - margin-top: 0.6rem; - line-height: calc(0.5 + 0.4 / var(--font-body-scale)); - color: rgba(var(--color-foreground), 0.75); -} - -.card__information-volume-pricing-note--button, -.card__information-volume-pricing-note--button.quantity-popover__info-button--icon-with-label { - position: relative; - z-index: 1; - cursor: pointer; - padding: 0; - margin: 0; - text-align: var(--text-alignment); - min-width: auto; -} - -.card__information-volume-pricing-note--button:hover { - text-decoration: underline; -} - -.card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info { - -webkit-transform: initial; - -ms-transform: initial; - transform: initial; - top: auto; - bottom: 4rem; - max-width: 20rem; - width: calc(95% + 2rem); -} - -.card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info span:first-of-type { - padding-right: 0.3rem; -} - -.card__information-volume-pricing-note--button-right + .global-settings-popup.quantity-popover__info { - right: 0; - left: auto; -} - -.card__information-volume-pricing-note--button-center + .global-settings-popup.quantity-popover__info { - left: 50%; - -webkit-transform: translate(-50%); - -ms-transform: translate(-50%); - transform: translate(-50%); -} - -.card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info .quantity__rules { - text-align: left; -} - -@media screen and (min-width: 990px) { - .grid--6-col-desktop .card__content quick-add-bulk .quantity { - width: auto; - } - .grid--6-col-desktop .card__content quick-add-bulk .quantity__button { - width: calc(3rem / var(--font-body-scale)); - } - .grid--6-col-desktop .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info { - left: 50%; - -webkit-transform: translate(-50%); - -ms-transform: translate(-50%); - transform: translate(-50%); - width: calc(100% + var(--border-width) + 3.5rem); - } - .grid--6-col-desktop .card--standard .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info { - width: calc(100% + var(--border-width) + 1rem); - } -} -@media screen and (max-width: 749px) { - .grid--2-col-tablet-down .card__content quick-add-bulk .quantity__button { - width: calc(3.5rem / var(--font-body-scale)); - } - .grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info, - .grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info { - left: 50%; - -webkit-transform: translate(-50%); - -ms-transform: translate(-50%); - transform: translate(-50%); - } - .grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info { - width: 100%; - } - .grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info { - width: calc(100% + var(--border-width) + 4rem); - } - .grid--2-col-tablet-down .card__content quick-add-bulk .quantity { - width: auto; - } -} -.card-information quantity-popover volume-pricing { - margin-top: 0; -} - -@media screen and (max-width: 989px) { - .card-information quantity-popover .quantity__rules ~ volume-pricing { - margin-top: 0; - } - .card-information quantity-popover volume-pricing { - margin-top: 4.2rem; - } -} -@media screen and (min-width: 750px) { - .card__information { - padding-bottom: 1.6rem; - padding-top: 1.6rem; - } -} -.card__badge { - align-self: flex-end; - grid-row-start: 3; - justify-self: flex-start; -} - -.card__badge.top { - align-self: flex-start; - grid-row-start: 1; -} - -.card__badge.right { - justify-self: flex-end; -} - -.card:not(.card--horizontal) > .card__content > .card__badge { - margin: 1.3rem; -} - -.card__media .media img { - height: 100%; - -o-object-fit: cover; - object-fit: cover; - -o-object-position: center center; - object-position: center center; - width: 100%; -} - -.card__inner:not(.ratio) > .card__content { - height: 100%; -} - -.card__heading { - margin-top: 0; - margin-bottom: 0; -} - -.card__heading:last-child { - margin-bottom: 0; -} - -.card--horizontal .card__heading, -.card--horizontal .price__container .price-item, -.card--horizontal__quick-add { - font-size: calc(var(--font-heading-scale) * 1.2rem); -} - -.card--horizontal .card-information > *:not(.visually-hidden:first-child) + *:not(.rating):not(.card__information-volume-pricing-note) { - margin-top: 0; -} - -.card--horizontal__quick-add:before { - -webkit-box-shadow: none; - box-shadow: none; -} - -@media only screen and (min-width: 750px) { - .card--horizontal .card__heading, - .card--horizontal .price__container .price-item, - .card--horizontal__quick-add { - font-size: calc(var(--font-heading-scale) * 1.3rem); - } -} -.card--card.card--media > .card__content { - margin-top: calc(0rem - var(--image-padding)); -} - -.card--standard.card--text a::after, -.card--card .card__heading a::after { - bottom: calc(var(--border-width) * -1); - left: calc(var(--border-width) * -1); - right: calc(var(--border-width) * -1); - top: calc(var(--border-width) * -1); -} - -.card__heading a::after { - bottom: 0; - content: ""; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 1; -} - -.card__heading a:after { - outline-offset: 0.3rem; -} - -.card__heading a:focus:after { - -webkit-box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3); - box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3); - outline: 0.2rem solid rgba(var(--color-foreground), 0.5); -} - -.card__heading a:focus-visible:after { - -webkit-box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3); - box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3); - outline: 0.2rem solid rgba(var(--color-foreground), 0.5); -} - -.card__heading a:focus:not(:focus-visible):after { - -webkit-box-shadow: none; - box-shadow: none; - outline: 0; -} - -.card__heading a:focus { - -webkit-box-shadow: none; - box-shadow: none; - outline: 0; -} - -@media screen and (min-width: 990px) { - .card .media.media--hover-effect > img:only-child, - .card-wrapper .media.media--hover-effect > img:only-child { - -webkit-transition: -webkit-transform var(--duration-long) ease; - transition: -webkit-transform var(--duration-long) ease; - transition: transform var(--duration-long) ease; - transition: transform var(--duration-long) ease, -webkit-transform var(--duration-long) ease; - } - .card:hover .media.media--hover-effect > img:first-child:only-child, - .card-wrapper:hover .media.media--hover-effect > img:first-child:only-child { - -webkit-transform: scale(1.03); - -ms-transform: scale(1.03); - transform: scale(1.03); - } - .card-wrapper:hover .media.media--hover-effect > img:first-child:not(:only-child) { - opacity: 0; - } - .card-wrapper:hover .media.media--hover-effect > img + img { - opacity: 1; - -webkit-transition: -webkit-transform var(--duration-long) ease; - transition: -webkit-transform var(--duration-long) ease; - transition: transform var(--duration-long) ease; - transition: transform var(--duration-long) ease, -webkit-transform var(--duration-long) ease; - -webkit-transform: scale(1.03); - -ms-transform: scale(1.03); - transform: scale(1.03); - } - .underline-links-hover:hover a { - text-decoration: underline; - text-underline-offset: 0.3rem; - } -} -.card__tags { - margin-bottom: 12px; -} -.card__tags span { - border-radius: 4px; - padding: 4px 8px; - font-family: Raleway; - font-size: 12px; - font-style: normal; - font-weight: 600; - line-height: 16px; /* 133.333% */ - letter-spacing: 0.48px; - text-transform: uppercase; -} - -.card__information { - max-width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - overflow: hidden; - height: 100%; -} - -.card__subtitle { - overflow: hidden; - text-overflow: ellipsis; - font-weight: normal; - -webkit-line-clamp: 2; - display: -webkit-box; - -webkit-box-orient: vertical; - word-break: break-all; -} -@media (min-width: 768px) { - .card__subtitle { - -webkit-line-clamp: 1; - } -} - -.card--standard.card--media .card__inner .card__information, -.card--standard.card--text:not(.card--horizontal) > .card__content .card__heading:not(.card__heading--placeholder), -.card--standard:not(.card--horizontal) > .card__content .card__badge, -.card--standard.card--text.article-card > .card__content .card__information, -.card--standard > .card__content .card__caption { - display: none; -} - -.card--standard:not(.card--horizontal) .placeholder-svg { - width: 100%; -} - -.card--standard > .card__content { - padding: 16px 14px 0; -} -@media (min-width: 768px) { - .card--standard > .card__content { - padding: 0; - } -} - -.card--standard > .card__content .card__information { - padding-left: 0; - padding-right: 0; -} - -.card--card.card--media .card__inner .card__information, -.card--card.card--text .card__inner, -.card--card.card--media > .card__content .card__badge { - display: none; -} - -.card--horizontal .card__badge, -.card--horizontal.card--text .card__inner { - display: none; -} - -.card--extend-height { - height: 100%; -} - -.card--extend-height.card--standard.card--text, -.card--extend-height.card--media { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -.card--extend-height.card--standard.card--text .card__inner, -.card--extend-height.card--media .card__inner { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.card .icon-wrap { - margin-left: 0.8rem; - white-space: nowrap; - -webkit-transition: -webkit-transform var(--duration-short) ease; - transition: -webkit-transform var(--duration-short) ease; - transition: transform var(--duration-short) ease; - transition: transform var(--duration-short) ease, -webkit-transform var(--duration-short) ease; - overflow: hidden; -} - -.card-information > * + * { - margin-top: 0.5rem; -} - -.card-information { - width: 100%; -} - -.card-information > * { - line-height: calc(1 + 0.4 / var(--font-body-scale)); - color: rgb(var(--color-foreground)); -} - -.card-information > .price { - color: rgb(var(--color-foreground)); -} - -.card--horizontal .card-information > .price { - color: rgba(var(--color-foreground), 0.75); -} - -.card-information > .rating { - margin-top: 0.4rem; -} - -/* Specificity needed due to the changes below */ -.card-information > *:not(.visually-hidden:first-child) + quantity-popover:not(.rating):not(.card__information-volume-pricing-note), -.card-information .card__information-volume-pricing-note.card__information-volume-pricing-note--button { - margin-top: 0; -} - -.card-information .caption { - letter-spacing: 0.07rem; -} - -.card-article-info { - margin-top: 1rem; -} - -/* Card Shapes */ -.card--shape .card__content { - padding-top: 0; -} - -.card--shape.card--standard:not(.card--text) .card__inner { - border: 0; - /* Border is not currently compatible with image shapes for standard cards. */ - background-color: transparent; - -webkit-filter: drop-shadow(var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))); - filter: drop-shadow(var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))); -} - -.card--shape.card--standard:not(.card--text) .card__inner:after { - display: none; -} - -.grid__item:nth-child(2n) .shape--blob { - clip-path: polygon(var(--shape--blob-2)); -} - -.grid__item:nth-child(3n) .shape--blob { - clip-path: polygon(var(--shape--blob-3)); -} - -.grid__item:nth-child(4n) .shape--blob { - clip-path: polygon(var(--shape--blob-4)); -} - -.grid__item:nth-child(5n) .shape--blob { - clip-path: polygon(var(--shape--blob-5)); -} - -.grid__item:nth-child(7n) .shape--blob { - clip-path: polygon(var(--shape--blob-6)); -} - -.grid__item:nth-child(8n) .shape--blob { - clip-path: polygon(var(--shape--blob-1)); -} - -/* Card Shape Hover Rules */ -@media (prefers-reduced-motion: no-preference) { - .product-card-wrapper .shape--round { - -webkit-transition: clip-path var(--duration-long) ease; - transition: clip-path var(--duration-long) ease; - } - .product-card-wrapper:hover .shape--round { - clip-path: ellipse(47% 47% at 50% 50%); - } - .product-card-wrapper .shape--blob { - -webkit-transition: clip-path var(--duration-long) ease-in-out; - transition: clip-path var(--duration-long) ease-in-out; - } - .product-card-wrapper:hover .shape--blob { - clip-path: polygon(var(--shape--blob-5)); - } - .grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob { - clip-path: polygon(var(--shape--blob-6)); - } - .grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob { - clip-path: polygon(var(--shape--blob-1)); - } - .grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob { - clip-path: polygon(var(--shape--blob-2)); - } - .grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob { - clip-path: polygon(var(--shape--blob-3)); - } - .grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob { - clip-path: polygon(var(--shape--blob-4)); - } - .grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob { - clip-path: polygon(var(--shape--blob-5)); - } -} -.card__footer { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - margin-top: auto; -} -@media (min-width: 768px) { - .card__footer { - gap: 16px; - } -} -.card__footer .price--on-sale .price-item--regular { - margin-right: 0; -} -.card__footer .price--on-sale .price__sale { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.card__volume caption { - font-size: 12px; - font-weight: 400; - line-height: 16px; - letter-spacing: 0.12px; -} - -.price__regular .price-item--regular, -.price__sale .price-item--sale { - font-weight: 600; - font-size: 14px; - line-height: 20px; - letter-spacing: 0.14px; - font-style: normal; -} - -.card__overlay { - position: absolute; - z-index: 1; - inset: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; -} -.card__overlay .card__overlay--upper { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - padding: 8px; -} -.card__overlay .card__overlay--tags, -.card__overlay .card__overlay--price { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - padding: 4px 8px; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - border-radius: 4px; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - background: var(--background-color); - color: var(--color); -} -.card__overlay .card__overlay--tags span, -.card__overlay .card__overlay--price span { - font-size: 12px; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.48px; - text-transform: uppercase; -} -.card__overlay .card__overlay--footer { - padding: 8px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 16px; -} -.card__overlay .card__overlay--details summary { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background: rgba(var(--color-button-text), 0.7); - border-radius: 4px; - padding: 8px; - gap: 8px; -} -.card__overlay .card__overlay--details summary span { - font-size: 12px; - font-weight: 700; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: uppercase; - color: rgb(var(--color-foreground)); -} -.card__overlay .card__overlay--details summary .icon-close { - display: none; -} -.card__overlay .card__overlay--details .card__overlay--details__content { - padding: 46px 14px 14px; - background: rgb(var(--color-background-contrast)); - color: rgb(var(--color-foreground)); - border-radius: 4px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; - position: absolute; - inset: 0; - z-index: 3; - overflow-y: auto; - overflow-x: clip; - height: 100%; -} -@media (min-width: 768px) { - .card__overlay .card__overlay--details .card__overlay--details__content { - padding: 46px 16px 16px; - } -} -.card__overlay .card__overlay--details[open] summary { - position: absolute; - z-index: 4; - top: 0; - left: 0; - padding-top: 14px; - background: rgb(var(--color-background-contrast)); - padding-inline: 14px; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.card__overlay .card__overlay--details[open] summary span { - font-size: 12px; -} -@media (min-width: 768px) { - .card__overlay .card__overlay--details[open] summary span { - font-size: 14px; - } -} -.card__overlay .card__overlay--details[open] summary .icon-droplet, -.card__overlay .card__overlay--details[open] summary .icon-chevron { - display: none; -} -.card__overlay .card__overlay--details[open] summary .icon-close { - display: block; -} -.card__overlay .card__overlay--details .card__overlay--details__content__inner { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - gap: 8px; -} -.card__overlay .card__overlay--details .card__overlay--details__content__inner .card__overlay--details__content__inner--header { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-weight: 700; -} -.card__overlay .card__overlay--details .card__overlay--details__content__inner p { - margin: 0; -} -.card__overlay .quick-add { - margin: 0; -} -.card__overlay .quick-add__submit { - border-radius: 4px; - background: rgb(var(--color-foreground)); - color: var(--color-button-text); - overflow: hidden; - width: initial; - min-width: initial; - aspect-ratio: 1; - padding: 8px; - min-height: auto; - line-height: 1; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.card__overlay .quick-add__submit:after { - content: none; -} -.card__overlay .quick-add__submit:hover { - background: rgb(var(--color-foreground-contrast)); -} -.card__overlay .quick-add__submit span:first-child:not(.icon-wrap) { - display: none; -} -.card__overlay .quick-add__submit .icon-wrap { - margin: 0; - width: 16px; - height: 16px; -} -.card__overlay .quick-add__submit.loading .icon-wrap svg { - display: none; -} -.card__overlay .quick-add__submit .loading__spinner circle { - color: rgb(var(--color-button-text)); -} \ No newline at end of file diff --git a/assets/diagnostic-ordonnance-see-more.js b/assets/diagnostic-ordonnance-see-more.js new file mode 100644 index 000000000..65ddcf056 --- /dev/null +++ b/assets/diagnostic-ordonnance-see-more.js @@ -0,0 +1,327 @@ +/** + * Classe pour gérer la liste des produits d'ordonnance et leurs interactions + */ +class OrdonnanceProductList extends HTMLElement { + // Sélecteurs CSS constants + static selectors = { + addToCartButton: 'button[type="submit"].ordonnance__submit', + selectedProductsContainers: '[data-added-products-result]', + addedProductContainers: '[data-added-products]', + totalContainers: '[data-bundle-total]', + countContainers: '[data-bundle-count]', + addButton: '[data-add-product]', + addAllButton: '[data-add-all-products]', + productInfo: '[data-product-info]', + removeProduct: '[data-remove-product]', + productTemplate: 'template', + }; + + // Clé de stockage local + static STORAGE_KEY = 'selectedProducts'; + + constructor() { + super(); + this.selectedProducts = this.loadSelectedProducts(); + this.initializeElements(); + } + + /** + * Charge les produits sélectionnés depuis le stockage local + */ + loadSelectedProducts() { + try { + return JSON.parse(localStorage.getItem(OrdonnanceProductList.STORAGE_KEY)) || []; + } catch (error) { + console.error('Erreur lors du chargement des produits:', error); + return []; + } + } + + /** + * Initialise les éléments DOM nécessaires + */ + initializeElements() { + const { selectors } = OrdonnanceProductList; + this.addToCartButtons = this.querySelectorAll(selectors.addToCartButton); + this.selectedProductsContainers = this.querySelectorAll(selectors.selectedProductsContainers); + this.addedProductContainers = this.querySelectorAll(selectors.addedProductContainers); + this.totalContainers = this.querySelectorAll(selectors.totalContainers); + this.countContainers = this.querySelectorAll(selectors.countContainers); + this.addProductButtons = this.querySelectorAll(selectors.addButton); + this.addAllButtons = this.querySelectorAll(selectors.addAllButton); + } + + /** + * Callback appelé lorsque l'élément est connecté au DOM + */ + connectedCallback() { + if (!this.selectedProductsContainers) { + console.error('Containers des produits sélectionnés non trouvé'); + return; + } + + this.renderSelectedProducts(); + this.updateTotalPrice(); + this.setupEventListeners(); + } + + /** + * Configure les écouteurs d'événements + */ + setupEventListeners() { + const { selectors } = OrdonnanceProductList; + + // Gestion des boutons d'ajout individuels + this.querySelectorAll(selectors.addButton).forEach((button) => { + button.addEventListener('click', () => this.addProductToSelection(button)); + }); + + // Gestion des boutons "Ajouter tout" + this.addAllButtons.forEach((button) => { + button.addEventListener('click', () => { + if (button.dataset.addAllProducts === 'true') { + // Si tous les produits sont ajoutés, on les retire tous + this.selectedProducts = []; + this.saveSelectedProducts(); + } else { + // Sinon on ajoute tous les produits disponibles + this.querySelectorAll(selectors.addButton).forEach((addButton) => { + if (!addButton.hasAttribute('disabled') && !addButton.classList.contains('added')) { + this.addProductToSelection(addButton); + } + }); + } + this.renderSelectedProducts(); + this.updateTotalPrice(); + this.updateAddAllButtonState(); + }); + }); + + this.querySelectorAll(selectors.addToCartButton).forEach((button) => { + button.addEventListener('click', () => this.addToCart()); + }); + } + + /** + * Vérifie si tous les produits disponibles sont ajoutés + */ + areAllAvailableProductsAdded() { + const availableButtons = Array.from(this.addProductButtons).filter((button) => !button.hasAttribute('disabled')); + return availableButtons.every((button) => button.classList.contains('added')); + } + + /** + * Met à jour l'état du bouton "Ajouter tout" + */ + updateAddAllButtonState() { + const allProductsAdded = this.areAllAvailableProductsAdded(); + this.addAllButtons.forEach((button) => { + button.dataset.addAllProducts = allProductsAdded.toString(); + + if (allProductsAdded) { + button.classList.remove('button--primary'); + button.classList.add('button--secondary'); + } else { + button.classList.remove('button--secondary'); + button.classList.add('button--primary'); + } + }); + } + + /** + * Affiche les produits sélectionnés + */ + renderSelectedProducts() { + if (!this.selectedProductsContainers) return; + + this.selectedProductsContainers.forEach((container) => { + container.innerHTML = ''; + }); + + this.selectedProducts.forEach((product) => { + const productElement = this.querySelector(`.ordonnance__phase__product[data-variant-id="${product.variantId}"]`); + if (!productElement) return; + + const template = productElement.querySelector(OrdonnanceProductList.selectors.productTemplate); + if (!template) return; + + // Pour chaque conteneur, on crée un clone distinct + this.selectedProductsContainers.forEach((container) => { + const productContentClone = template.content.cloneNode(true); + const removeButton = productContentClone.querySelector(OrdonnanceProductList.selectors.removeProduct); + + if (removeButton) { + removeButton.addEventListener('click', () => this.removeProduct(product.variantId)); + } + + container.appendChild(productContentClone); + }); + }); + + this.updateButtonStates(); + this.updateSelectedProductsTitleVisibility(); + this.updateAddAllButtonState(); + } + + /** + * Supprime un produit de la sélection + */ + removeProduct(variantId) { + this.selectedProducts = this.selectedProducts.filter((p) => p.variantId !== variantId); + this.saveSelectedProducts(); + + this.renderSelectedProducts(); + this.updateTotalPrice(); + this.updateButtonStates(); + this.updateSelectedProductsTitleVisibility(); + this.updateAddAllButtonState(); + } + + /** + * Ajoute ou retire un produit de la sélection + */ + addProductToSelection(element) { + const variantId = element.dataset.variantId; + if (!variantId) return; + + // Si le produit est déjà sélectionné, on le retire + if (element.classList.contains('added')) { + this.removeProduct(variantId); + return; + } + + // Sinon, on l'ajoute + const productContainer = element.closest('.ordonnance__content'); + if (!productContainer) return; + + const productInfoElement = productContainer.querySelector(OrdonnanceProductList.selectors.productInfo); + if (!productInfoElement) { + console.error('Élément productInfo non trouvé'); + return; + } + + try { + const productData = JSON.parse(productInfoElement.textContent); + this.selectedProducts.push(productData); + this.saveSelectedProducts(); + + this.renderSelectedProducts(); + this.updateTotalPrice(); + this.updateButtonStates(); + this.updateProductsAddedContainers(); + this.updateAddAllButtonState(); + } catch (error) { + console.error("Erreur lors de l'ajout du produit:", error); + } + } + + /** + * Sauvegarde les produits sélectionnés dans le stockage local + */ + saveSelectedProducts() { + try { + localStorage.setItem(OrdonnanceProductList.STORAGE_KEY, JSON.stringify(this.selectedProducts)); + } catch (error) { + console.error('Erreur lors de la sauvegarde des produits:', error); + } + } + + /** + * Met à jour l'état des boutons + */ + updateButtonStates() { + this.addProductButtons.forEach((button) => { + const variantId = button.dataset.variantId; + + this.selectedProducts.some((p) => p.variantId === variantId) + ? button.classList.add('added') + : button.classList.remove('added'); + }); + } + + /** + * Met à jour le prix total + */ + updateTotalPrice() { + const totalPrice = this.selectedProducts.reduce((sum, product) => { + const price = parseFloat(product.price.replace(/[^\d.-]/g, '')) || 0; + return sum + price / 100; + }, 0); + + const formattedPrice = + new Intl.NumberFormat('fr-FR', { + minimumFractionDigits: 2, + maximumFractionDigits: 2, + }).format(totalPrice) + '€'; + + this.totalContainers.forEach((element) => { + element.textContent = formattedPrice; + }); + + this.countContainers.forEach((element) => { + element.textContent = this.selectedProducts.length; + }); + } + + /** + * Met à jour la visibilité du titre des produits sélectionnés + */ + updateSelectedProductsTitleVisibility() { + this.addedProductContainers.forEach((element) => { + element.dataset.addedProducts = this.selectedProducts.length ? 'true' : 'false'; + }); + } + + /** + * Met à jour les conteneurs de produits ajoutés + */ + updateProductsAddedContainers() { + this.addedProductContainers.forEach((container) => { + container.dataset.addedProducts = this.selectedProducts.length > 0 ? 'true' : 'false'; + }); + } + + /** + * Ajoute les produits sélectionnés au panier + */ + async addToCart() { + if (this.selectedProducts.length === 0) return; + + const cartData = { + items: this.selectedProducts.map((product) => ({ + id: Number(product.variantId), + quantity: 1, + properties: { + Ordonnance: this.dataset.ordonnanceName, + }, + })), + }; + + try { + const response = await fetch('/cart/add.js', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify(cartData), + }); + + const data = await response.json(); + + if (!response.ok) { + throw new Error(data.message || "Erreur lors de l'ajout au panier"); + } + + // Réinitialisation et redirection + localStorage.removeItem(OrdonnanceProductList.STORAGE_KEY); + this.selectedProducts = []; + this.renderSelectedProducts(); + this.updateTotalPrice(); + window.location.href = '/cart'; + } catch (error) { + console.error("Erreur lors de l'ajout au panier:", error); + alert("Impossible d'ajouter les produits au panier. Veuillez réessayer."); + } + } +} + +// Enregistrement du composant personnalisé +customElements.define('ordonnance-product-list', OrdonnanceProductList); diff --git a/assets/icon -arrow-compact.svg b/assets/icon -arrow-compact.svg deleted file mode 100644 index a78d7fe50..000000000 --- a/assets/icon -arrow-compact.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/assets/icon-arrow-new.svg b/assets/icon-arrow-new.svg new file mode 100644 index 000000000..f79941c11 --- /dev/null +++ b/assets/icon-arrow-new.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icon-caret-new.svg b/assets/icon-caret-new.svg new file mode 100644 index 000000000..bc3a4b63b --- /dev/null +++ b/assets/icon-caret-new.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icon-close copy.svg b/assets/icon-close copy.svg new file mode 100644 index 000000000..5704bd9e0 --- /dev/null +++ b/assets/icon-close copy.svg @@ -0,0 +1,10 @@ + + + \ No newline at end of file diff --git a/assets/icon-dot.svg b/assets/icon-dot.svg new file mode 100644 index 000000000..8638d5219 --- /dev/null +++ b/assets/icon-dot.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icon-present.svg b/assets/icon-present.svg new file mode 100644 index 000000000..1c14a5bfe --- /dev/null +++ b/assets/icon-present.svg @@ -0,0 +1 @@ + diff --git a/assets/icon-shipping.svg b/assets/icon-shipping.svg new file mode 100644 index 000000000..ea276bf99 --- /dev/null +++ b/assets/icon-shipping.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/assets/icon-truck-delivery.svg b/assets/icon-truck-delivery.svg new file mode 100644 index 000000000..9961f80fe --- /dev/null +++ b/assets/icon-truck-delivery.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/assets/section-main-diagnostic-ordonnance.css b/assets/section-main-diagnostic-ordonnance.css new file mode 100644 index 000000000..efe19c278 --- /dev/null +++ b/assets/section-main-diagnostic-ordonnance.css @@ -0,0 +1,824 @@ +.ordonnance__heading { + margin-bottom: 12px; +} +@media (min-width: 768px) { + .ordonnance__heading { + margin-bottom: 16px; + } +} +.ordonnance__header__text { + -webkit-box-flex: 1; + -ms-flex: 1 0 0px; + flex: 1 0 0; + -ms-flex-item-align: stretch; + align-self: stretch; + font-size: 16px; + font-weight: 600; + line-height: 24px; + letter-spacing: 0.16px; +} +.ordonnance__header__details { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-bottom: 32px; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 16px; + -ms-flex-item-align: stretch; + align-self: stretch; +} +@media (max-width: 768px) { + .ordonnance__header__details { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } +} +.ordonnance__header__button { + height: auto; + padding: 10px 24px; + min-height: auto; + font-size: 14px; + font-weight: 600; +} +.ordonnance__header__button:after { + border-radius: 4px; +} +@media (max-width: 768px) { + .ordonnance__header__button { + width: 100%; + display: block; + padding: 8px 20px; + } +} +.ordonnance__header__button--clean { + display: none; +} +.ordonnance__header__button[data-add-all-products=true] .ordonnance__header__button--add { + display: none; +} +.ordonnance__header__button[data-add-all-products=true] .ordonnance__header__button--clean { + display: block; +} +@media (min-width: 768px) { + .ordonnance__header--mobile { + display: none; + } +} +@media (max-width: 768px) { + .ordonnance__header--desktop { + display: none; + } +} +.ordonnance__phase { + border-top: 1px solid #ddd6d0; + padding: 2.4rem 0; +} +@media (max-width: 768px) { + .ordonnance__phase { + margin-top: 32px; + } +} +.ordonnance__phase__heading { + font-size: 24px; + font-weight: 600; + line-height: 32px; + letter-spacing: 0.24px; + margin-top: 0; + margin-bottom: 1.6rem; +} +.ordonnance__phase__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 1.6rem; +} +.ordonnance__phase__products { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 2.4rem; +} +.ordonnance__phase__product { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + gap: 12px; + -ms-flex-item-align: stretch; + align-self: stretch; +} +@media (min-width: 768px) { + .ordonnance__phase__product { + gap: 16px; + } +} +.ordonnance__phase__product > img { + width: 100px; + height: 130px; + border-radius: 4px; +} +@media (min-width: 768px) { + .ordonnance__phase__product > img { + width: 140px; + height: 180px; + } +} +.ordonnance__phase__content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; + -webkit-box-flex: 1; + -ms-flex: 1 0 0px; + flex: 1 0 0; +} +.ordonnance__content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; +} +.ordonnance__content .ordonnance__product__title { + margin-top: 0; + margin-bottom: 12px; + line-height: 24px; + letter-spacing: 0.16px; + font-size: 16px; +} +@media (max-width: 768px) { + .ordonnance__content .ordonnance__product__title { + font-size: 14px; + } +} +.ordonnance__content modal-opener { + margin-bottom: 1.2rem; + display: block; +} +.ordonnance__content .quick-add__submit { + padding: 0; + text-decoration: underline; + min-width: initial; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + font-size: 14px; + min-height: initial; + background: none; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + color: rgb(var(--color-foreground)); + text-transform: initial; + letter-spacing: initial; + line-height: initial; +} +.ordonnance__content .quick-add__submit:before, .ordonnance__content .quick-add__submit:after { + content: none; +} +.ordonnance__description { + font-size: 14px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.14px; + margin-bottom: 4px; + -webkit-line-clamp: 2; + overflow: hidden; + font-weight: normal; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + word-break: break-word; +} +.ordonnance__description * { + font-size: 12px; +} +@media (min-width: 768px) { + .ordonnance__description * { + font-size: 14px !important; + font-weight: 400 !important; + line-height: 20px !important; + } +} +.ordonnance__description p { + display: inline; +} +.ordonnance__product__actions { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: auto; +} +@media (max-width: 768px) { + .ordonnance__product__actions { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} +.ordonnance__product__price { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + line-height: 20px; + letter-spacing: 0.14px; + gap: 8px; +} +@media (max-width: 768px) { + .ordonnance__product__price { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + } +} +.ordonnance__product__price .price { + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 20px; + letter-spacing: 0.14px; +} +.ordonnance__product button { + height: auto; + padding: 10px 24px; + min-height: auto; + font-size: 14px; + font-weight: 600; +} +@media (max-width: 768px) { + .ordonnance__product button { + width: 100%; + padding: 8px 20px; + } +} +.ordonnance__product__add { + gap: 8px; +} +.ordonnance__product__add .svg-wrapper { + display: none; +} +.ordonnance__product__add--added { + display: none; +} +.ordonnance__product__add.added { + background: transparent; + color: rgb(var(--color-foreground)); +} +.ordonnance__product__add.added .ordonnance__product__add--text { + display: none; +} +.ordonnance__product__add.added .ordonnance__product__add--added { + display: inline; +} +.ordonnance__product__add.added:after { + border-radius: 0.4rem; +} +.ordonnance__product__add.added .svg-wrapper { + display: block; +} +@media (max-width: 768px) { + .ordonnance__left--block { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } +} +@media (max-width: 768px) { + .ordonnance__right--block { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } +} +.ordonnance__right__inner { + width: 100%; + margin-left: auto; + border-radius: 4px; + overflow: hidden; + position: sticky; + top: 50px; +} +@media (min-width: 768px) { + .ordonnance__right__inner { + width: 60%; + } +} +.ordonnance__right__gift { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-top: 16px; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + border-radius: 4px; + background: #fbeee0; + overflow: hidden; +} +@media (min-width: 768px) { + .ordonnance__right__gift { + margin-top: 32px; + } +} +.ordonnance__right__gift img { + width: 84px; + height: auto; + -o-object-fit: cover; + object-fit: cover; +} +@media (min-width: 768px) { + .ordonnance__right__gift img { + width: 112px; + } +} +.ordonnance__main { + padding: 16px; + border-bottom: 1px solid rgb(var(--color-border)); + background-color: rgb(var(--color-background-lighten)); +} +@media (min-width: 768px) { + .ordonnance__main { + padding: 24px; + } +} +.ordonnance__main--summary { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + gap: 12px; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.ordonnance__main--info { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.ordonnance__main--image { + width: 72px; + height: 72px; +} +.ordonnance__main--image img { + width: 72px; + height: 72px; + border-radius: 4px; + overflow: hidden; +} +.ordonnance__main--content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-item-align: stretch; + align-self: stretch; + gap: 4px; +} +.ordonnance__main--content h4 { + margin: 0; + font-size: 16px; + font-weight: 600; + line-height: 24px; + letter-spacing: 0.2px; +} +@media (min-width: 768px) { + .ordonnance__main--content h4 { + font-size: 20px; + } +} +.ordonnance__main--content .svg-wrapper { + rotate: -90deg; + -webkit-transition: rotate 0.3s ease; + transition: rotate 0.3s ease; +} +.ordonnance__main[open] .ordonnance__main--content .svg-wrapper { + rotate: 90deg; +} +.ordonnance__main[data-added-products=false] .ordonnance__main--content { + display: none; +} +.ordonnance__main[data-added-products=true] .ordonnance__main--empty { + display: none; +} +.ordonnance__main--products { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-item-align: stretch; + align-self: stretch; + gap: 8px; + padding-top: 12px; + padding-left: 16px; + max-height: 200px; + overflow-y: auto; +} +.ordonnance__main--products::-webkit-scrollbar { + width: 6px; +} +.ordonnance__main--products::-webkit-scrollbar-track { + background-color: rgba(221, 214, 208, 0.2); + border-radius: 8px; +} +.ordonnance__main--products::-webkit-scrollbar-thumb { + -webkit-box-shadow: inset 0 0 6px #ddd6d0; + box-shadow: inset 0 0 6px #ddd6d0; + border-radius: 8px; +} +.ordonnance__main--product__container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 12px; + width: 100%; + margin-bottom: 8px; +} +@media (max-width: 768px) { + .ordonnance__main--product__container { + gap: 8px; + } +} +.ordonnance__main--product__info { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + padding-right: 1.6rem; +} +.ordonnance__main--product__image { + width: 56px; + height: 56px; +} +.ordonnance__main--product__image img { + width: 56px; + height: 56px; + border-radius: 4px; + overflow: hidden; +} +.ordonnance__main--product__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 1.6rem; +} +.ordonnance__main--product__header button { + outline: 0; + border: 0; + background: none; + cursor: pointer; + padding: 0; +} +.ordonnance__main--product__header button svg path { + stroke: rgba(var(--color-foreground), 0.5); +} +.ordonnance__main--product__heading { + margin: 0; + font-size: 14px; + font-weight: 600; + line-height: 20px; + letter-spacing: 0.14px; + margin-bottom: 8px; +} +.ordonnance__main--product__variant { + margin: 0; + font-size: 12px; + font-weight: 400; + line-height: 16px; + letter-spacing: 0.12px; +} +.ordonnance__main--footer { + padding: 24px 16px; + background-color: #ffffff; +} +@media (min-width: 768px) { + .ordonnance__main--footer { + padding: 24px; + } +} +.ordonnance__main--footer button svg { + margin: 0 8px; +} +.ordonnance__summary__total { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 16px; + font-size: 16px; + font-weight: 600; + line-height: 24px; + letter-spacing: 0.16px; +} +.ordonnance__summary__total h5 { + margin: 0; + font-size: 16px; + font-weight: 600; + line-height: 24px; + letter-spacing: 0.16px; +} +.ordonnance__summary__delivery { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-top: 8px; + margin-bottom: 16px; + font-size: 16px; +} +@media (max-width: 768px) { + .ordonnance__summary__delivery { + margin-top: 6px; + margin-bottom: 12px; + } +} +.ordonnance__summary__info { + margin-bottom: 24px; + font-size: 14px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.14px; +} +@media (max-width: 768px) { + .ordonnance__summary__info { + font-size: 12px; + margin-bottom: 16px; + } +} +.ordonnance__shipping { + font-size: 14px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.14px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + gap: 8px; + margin-top: 12px; +} +@media (min-width: 768px) { + .ordonnance__shipping { + margin-top: 16px; + } +} +.ordonnance__gift__content { + padding: 1.6rem; + font-size: 14px; + line-height: 20px; + letter-spacing: 0.14px; +} +@media (max-width: 768px) { + .ordonnance__gift__content { + padding: 12px; + } +} +.ordonnance__gift__icon { + line-height: 0; +} +.ordonnance__gift__text { + margin-top: 16px; +} +@media (min-width: 768px) { + .ordonnance__gift__text { + margin-top: 12px; + } +} +.ordonnance__gift__text p { + margin: 0; +} +.ordonnance .chat-card__container { + margin-top: 3.2rem; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + gap: 4px; +} +.ordonnance .chat-card__container .chat-card__container--portrait { + -webkit-box-flex: 0; + -ms-flex: 0 0 48px; + flex: 0 0 48px; + height: 48px; +} +.ordonnance .chat-card__container .h4 { + font-size: 16px; + font-weight: 600; + line-height: 24px; + letter-spacing: 0.16px; +} +.ordonnance__submit { + font-size: 16px; + font-weight: 600; + line-height: 24px; + letter-spacing: 0.16px; + text-transform: uppercase; + padding: 16px; +} +.ordonnance__submit--total:before { + content: ""; + display: inline-block; + vertical-align: middle; + width: 4px; + height: 4px; + border-radius: 50%; + background: rgb(var(--color-button-text)); + margin-inline: 8px; +} +.ordonnance__sticky { + display: block; + position: fixed; + bottom: 5px; + left: 5px; + width: calc(100% - 10px); + background: rgb(var(--color-background-lighten)); + padding: 16px; + -webkit-box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1); + box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1); + z-index: 100; + border-radius: 4px; +} +@media (min-width: 768px) { + .ordonnance__sticky { + padding-inline: 16px 64px; + } +} +.ordonnance__sticky__content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (min-width: 768px) { + .ordonnance__sticky__content { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + gap: 16px; + } +} +.ordonnance__sticky .ordonnance__main { + width: 100%; + padding: 0; + margin-bottom: 12px; + border-bottom: 0; +} +@media (min-width: 768px) { + .ordonnance__sticky .ordonnance__main { + margin-bottom: 0; + } +} +.ordonnance__sticky .ordonnance__main--content { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; +} +.ordonnance__sticky .ordonnance__main__info { + font-size: 14px; + font-weight: 600; + line-height: 20px; + letter-spacing: 0.14px; +} +.ordonnance__sticky .ordonnance__main__count { + margin-right: 4px; +} +.ordonnance__sticky .ordonnance__main__total { + font-size: 16px; + font-weight: 600; + line-height: 24px; + letter-spacing: 0.16px; +} +.ordonnance__sticky .ordonnance__main--footer { + padding: 0; + width: 100%; +} +@media (min-width: 768px) { + .ordonnance__sticky .ordonnance__summary__total, .ordonnance__sticky .ordonnance__summary__delivery { + display: none; + } +} +.ordonnance__sticky .ordonnance__submit { + margin: 0; + padding: 24px; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + gap: 8px; +} +@media (min-width: 768px) { + .ordonnance__sticky .ordonnance__submit { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + margin-left: auto; + } +} +.ordonnance__sticky .ordonnance__submit svg { + width: 20px; + height: 20px; +} + +#chat-button { + bottom: 200px !important; + left: 5px !important; + z-index: 98 !important; +} +@media (min-width: 768px) { + #chat-button { + bottom: 120px !important; + } +} \ No newline at end of file diff --git a/assets/sparkle.gif b/assets/sparkle.gif index 0255c9a28..6c94ba41b 100644 Binary files a/assets/sparkle.gif and b/assets/sparkle.gif differ diff --git a/command.txt b/command.txt index 1a49de291..c3eaf454d 100644 --- a/command.txt +++ b/command.txt @@ -1,4 +1,2 @@ -shopify theme pull -s oleassence -shopify theme dev -s oleassence - -Dev : 177165140312 \ No newline at end of file +shopify theme pull -s nowmade-test-dev1 +shopify theme dev -s nowmade-test-dev1 \ No newline at end of file diff --git a/config/settings_data.json b/config/settings_data.json index d946efd7d..15b1e957e 100644 --- a/config/settings_data.json +++ b/config/settings_data.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "current": { "logo_width": 90, @@ -11,7 +20,7 @@ "spacing_grid_vertical": 8, "buttons_border_thickness": 1, "buttons_border_opacity": 100, - "buttons_radius": 0, + "buttons_radius": 4, "buttons_shadow_opacity": 0, "buttons_shadow_horizontal_offset": 0, "buttons_shadow_vertical_offset": 4, @@ -70,8 +79,8 @@ "text_boxes_shadow_horizontal_offset": 0, "text_boxes_shadow_vertical_offset": 4, "text_boxes_shadow_blur": 5, - "media_border_thickness": 1, - "media_border_opacity": 5, + "media_border_thickness": 0, + "media_border_opacity": 0, "media_radius": 0, "media_shadow_opacity": 0, "media_shadow_horizontal_offset": 0, diff --git a/locales/bg.json b/locales/bg.json index 5ca8a77b8..f31fbe943 100644 --- a/locales/bg.json +++ b/locales/bg.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/cs.json b/locales/cs.json index 71dde99b8..3f8f77831 100644 --- a/locales/cs.json +++ b/locales/cs.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/cs.schema.json b/locales/cs.schema.json index de4cc4186..8cdeb2d62 100644 --- a/locales/cs.schema.json +++ b/locales/cs.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/da.json b/locales/da.json index 1eee92cb3..4df379d1f 100644 --- a/locales/da.json +++ b/locales/da.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/da.schema.json b/locales/da.schema.json index 24526d699..960acca9c 100644 --- a/locales/da.schema.json +++ b/locales/da.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/de.json b/locales/de.json index e2f6480b3..0f93d106d 100644 --- a/locales/de.json +++ b/locales/de.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/de.schema.json b/locales/de.schema.json index 91fdb9122..7ef5a330c 100644 --- a/locales/de.schema.json +++ b/locales/de.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/el.json b/locales/el.json index 3f8eb48f3..77aaa4978 100644 --- a/locales/el.json +++ b/locales/el.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/en.default.json b/locales/en.default.json index aa94c3178..d4549391f 100644 --- a/locales/en.default.json +++ b/locales/en.default.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { @@ -371,7 +380,22 @@ "min_error": "This item has a minimum of {{ min }}", "max_error": "This item has a maximum of {{ max }}", "step_error": "You can only add this item in increments of {{ step }}" - } + }, + "main-diagnostic-ordonnance" : { + "header": { + "title": "Ordonnance", + "text": "Cette prescription est spécifiquement conçue pour votre typologie de peau et vos préoccupations.", + "button": "Tout ajouter" + }, + "phase_label": "Phase {{ index }}", + "add": "Ajouter", + "selected-products": "produits ajoutés", + "shipping": "Livraison", + "shipping-free": "Gratuite", + "ordonnance-info": "Votre routine {{ ordonnacen_code }} a été réalisée selon une méthodologie approuvée par des dermatologues.", + "add-to-cart": "Ajouter au panier", + "delivery-date": "Expédié sous 2 jours" + } }, "localization": { "country_label": "Country\/region", @@ -524,5 +548,5 @@ "send_on": "YYYY-MM-DD", "send_on_label": "Send on (optional)" } - } + } } diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json index bd748a12e..07fa26fcc 100644 --- a/locales/en.default.schema.json +++ b/locales/en.default.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "global": { @@ -1658,6 +1667,162 @@ "name": "Multirow" } }, + + + + + + + + + + "ordonnance": { + "name": "Ordonnance", + "settings": { + "image": { + "label": "Image" + }, + "image_height": { + "options__1": { + "label": "Adapt to image" + }, + "options__2": { + "label": "Small" + }, + "options__3": { + "label": "Medium" + }, + "options__4": { + "label": "Large" + }, + "label": "Image height" + }, + "desktop_image_width": { + "options__1": { + "label": "Small" + }, + "options__2": { + "label": "Medium" + }, + "options__3": { + "label": "Large" + }, + "label": "Desktop image width", + "info": "Image is automatically optimized for mobile." + }, + "text_style": { + "options__1": { + "label": "Body" + }, + "options__2": { + "label": "Subtitle" + }, + "label": "Text style" + }, + "button_style": { + "options__1": { + "label": "Solid button" + }, + "options__2": { + "label": "Outline button" + }, + "label": "Button style" + }, + "desktop_content_alignment": { + "options__1": { + "label": "Left" + }, + "options__2": { + "label": "Center" + }, + "options__3": { + "label": "Right" + }, + "label": "Desktop content alignment" + }, + "desktop_content_position": { + "options__1": { + "label": "Top" + }, + "options__2": { + "label": "Middle" + }, + "options__3": { + "label": "Bottom" + }, + "label": "Desktop content position", + "info": "Position is automatically optimized for mobile." + }, + "image_layout": { + "options__1": { + "label": "Alternate from left" + }, + "options__2": { + "label": "Alternate from right" + }, + "options__3": { + "label": "Aligned left" + }, + "options__4": { + "label": "Aligned right" + }, + "label": "Desktop image placement", + "info": "Placement is automatically optimized for mobile." + }, + "container_color_scheme": { + "label": "Container color scheme" + }, + "mobile_content_alignment": { + "options__1": { + "label": "Left" + }, + "options__2": { + "label": "Center" + }, + "options__3": { + "label": "Right" + }, + "label": "Mobile content alignment" + }, + "header_mobile": { + "content": "Mobile Layout" + } + }, + "blocks": { + "phase_1": { + "name": "Phase 1", + "settings": { + "product": { + "label": "Product" + } + } + }, + "phase_2": { + "name": "Phase 2", + "settings": { + "product": { + "label": "Product" + } + } + } + }, + "presets": { + "name": "Ordonnance" + } + }, + + + + + + + + + + + + + "main-account": { "name": "Account" }, diff --git a/locales/es.json b/locales/es.json index 57c0df3d9..11d34b91d 100644 --- a/locales/es.json +++ b/locales/es.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/es.schema.json b/locales/es.schema.json index 1eedd4086..2baedecd6 100644 --- a/locales/es.schema.json +++ b/locales/es.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/fi.json b/locales/fi.json index 00876cb91..e533a216a 100644 --- a/locales/fi.json +++ b/locales/fi.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/fi.schema.json b/locales/fi.schema.json index ecdf86fe9..152aab175 100644 --- a/locales/fi.schema.json +++ b/locales/fi.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/fr.json b/locales/fr.json index 7c70b5228..f249aa37d 100644 --- a/locales/fr.json +++ b/locales/fr.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { @@ -409,6 +418,27 @@ "min_error": "Cet article a un minimum de {{ min }}", "max_error": "Cet article a un maximum de {{ max }}", "step_error": "Vous pouvez ajouter cet article uniquement par incréments de {{ step }}" + }, + "main-diagnostic-ordonnance": { + "ordonnance_name": "Ordonnance", + "header": { + "title": "Ordonnance", + "text": "Cette prescription est spécifiquement conçue pour votre typologie de peau et vos préoccupations." + }, + "typology": "Votre typologie de peau est : {{ typology }}", + "phase_label": "Phase {{ index }}", + "see_more": "Voir plus", + "add": "Ajouter", + "added": "Ajouté", + "selected-products": "produits ajoutés", + "shipping": "Livraison", + "shipping-free": "Gratuite", + "ordonnance-info": "Votre routine {{ ordonnacen_code }} a été réalisée selon une méthodologie approuvée par des dermatologues.", + "add-to-cart": "Ajouter au panier", + "delivery-date": "Expédié sous 2 jours", + "empty": "Aucun produit ajouté", + "add_all": "Tout ajouter", + "clean_all": "Tout retirer" } }, "localization": { diff --git a/locales/fr.schema.json b/locales/fr.schema.json index b125728f8..7c4e4a14b 100644 --- a/locales/fr.schema.json +++ b/locales/fr.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/hr.json b/locales/hr.json index 60b44de09..50bb6e47e 100644 --- a/locales/hr.json +++ b/locales/hr.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/hu.json b/locales/hu.json index 906bc8d9f..d5255dc5c 100644 --- a/locales/hu.json +++ b/locales/hu.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/id.json b/locales/id.json index a6f58c837..ad00a79e5 100644 --- a/locales/id.json +++ b/locales/id.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/it.json b/locales/it.json index 47b3c5682..6cbc84d7a 100644 --- a/locales/it.json +++ b/locales/it.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/it.schema.json b/locales/it.schema.json index 13fff8553..5024983b7 100644 --- a/locales/it.schema.json +++ b/locales/it.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/ja.json b/locales/ja.json index 4e14f1433..86701be2c 100644 --- a/locales/ja.json +++ b/locales/ja.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/ja.schema.json b/locales/ja.schema.json index 87f0a9a8c..3d79afc3a 100644 --- a/locales/ja.schema.json +++ b/locales/ja.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/ko.json b/locales/ko.json index 32d2276cc..f128215f1 100644 --- a/locales/ko.json +++ b/locales/ko.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/ko.schema.json b/locales/ko.schema.json index 9aeb69726..2c82cb8b8 100644 --- a/locales/ko.schema.json +++ b/locales/ko.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/lt.json b/locales/lt.json index d178c8fb4..66232de31 100644 --- a/locales/lt.json +++ b/locales/lt.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/nb.json b/locales/nb.json index 931883286..e2d4c2dfb 100644 --- a/locales/nb.json +++ b/locales/nb.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/nb.schema.json b/locales/nb.schema.json index e9fdb6a14..8641fa4a0 100644 --- a/locales/nb.schema.json +++ b/locales/nb.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/nl.json b/locales/nl.json index e573c4ae4..9a9f7799c 100644 --- a/locales/nl.json +++ b/locales/nl.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/nl.schema.json b/locales/nl.schema.json index 13601cd44..9bd01e22e 100644 --- a/locales/nl.schema.json +++ b/locales/nl.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/pl.json b/locales/pl.json index 388ab4ba8..3d7fecbfe 100644 --- a/locales/pl.json +++ b/locales/pl.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/pl.schema.json b/locales/pl.schema.json index ac64af79b..1d3a0ddda 100644 --- a/locales/pl.schema.json +++ b/locales/pl.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/pt-BR.json b/locales/pt-BR.json index 51b51d7d4..74b4fcc03 100644 --- a/locales/pt-BR.json +++ b/locales/pt-BR.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/pt-BR.schema.json b/locales/pt-BR.schema.json index c3991245c..60b12bf17 100644 --- a/locales/pt-BR.schema.json +++ b/locales/pt-BR.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/pt-PT.json b/locales/pt-PT.json index 47c054e17..65209e1c6 100644 --- a/locales/pt-PT.json +++ b/locales/pt-PT.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/pt-PT.schema.json b/locales/pt-PT.schema.json index 1f3c733a4..f31c224d5 100644 --- a/locales/pt-PT.schema.json +++ b/locales/pt-PT.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/ro.json b/locales/ro.json index d3344fc51..2fa91e084 100644 --- a/locales/ro.json +++ b/locales/ro.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/ru.json b/locales/ru.json index 8345b7e1b..56fa4b623 100644 --- a/locales/ru.json +++ b/locales/ru.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/sk.json b/locales/sk.json index 79daf2b6e..7d164bc6e 100644 --- a/locales/sk.json +++ b/locales/sk.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/sl.json b/locales/sl.json index 575fa3a91..d3d03ce23 100644 --- a/locales/sl.json +++ b/locales/sl.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/sv.json b/locales/sv.json index c98e5f563..67f61eb91 100644 --- a/locales/sv.json +++ b/locales/sv.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/sv.schema.json b/locales/sv.schema.json index b1a2e7e3a..e0729c700 100644 --- a/locales/sv.schema.json +++ b/locales/sv.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/th.json b/locales/th.json index 7c709e23f..71f7bf2bb 100644 --- a/locales/th.json +++ b/locales/th.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/th.schema.json b/locales/th.schema.json index e5e59e2dd..4c049fd46 100644 --- a/locales/th.schema.json +++ b/locales/th.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/tr.json b/locales/tr.json index 8135b6e2d..5c1fe84a5 100644 --- a/locales/tr.json +++ b/locales/tr.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/tr.schema.json b/locales/tr.schema.json index 2fe5bea2b..160c15d01 100644 --- a/locales/tr.schema.json +++ b/locales/tr.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/vi.json b/locales/vi.json index f461b799c..9beb829d7 100644 --- a/locales/vi.json +++ b/locales/vi.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/zh-CN.json b/locales/zh-CN.json index bb3ec9365..e94b5018d 100644 --- a/locales/zh-CN.json +++ b/locales/zh-CN.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/zh-CN.schema.json b/locales/zh-CN.schema.json index e91c696fa..5c172c14a 100644 --- a/locales/zh-CN.schema.json +++ b/locales/zh-CN.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/locales/zh-TW.json b/locales/zh-TW.json index 29edbbc63..aef21588d 100644 --- a/locales/zh-TW.json +++ b/locales/zh-TW.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "general": { "password_page": { diff --git a/locales/zh-TW.schema.json b/locales/zh-TW.schema.json index 6e7fce170..df8e34f1f 100644 --- a/locales/zh-TW.schema.json +++ b/locales/zh-TW.schema.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin language editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "settings_schema": { "colors": { diff --git a/scss/mixins.scss b/scss/mixins.scss index 60dd07e0a..4d7b4f7ab 100644 --- a/scss/mixins.scss +++ b/scss/mixins.scss @@ -19,12 +19,20 @@ $breakpoints: ( @content; } } + // Handle min-width and max-width (range) @else if $min-value and $max-value { @media (min-width: #{$min-value}) and (max-width: #{$max-value}) { @content; } } + + // Handle max-width + @else if $min-value == null and $max-value { + @media (max-width: #{$max-value}) { + @content; + } + } // Throw error if breakpoint is invalid @else { @error "Breakpoint '#{$breakpoint}' or '#{$max-breakpoint}' is not defined in $breakpoints."; diff --git a/scss/section-main-diagnostic-ordonnance.scss b/scss/section-main-diagnostic-ordonnance.scss new file mode 100644 index 000000000..10ede54b1 --- /dev/null +++ b/scss/section-main-diagnostic-ordonnance.scss @@ -0,0 +1,770 @@ +.ordonnance { + &__heading { + margin-bottom: 12px; + + @include respond-to(md) { + margin-bottom: 16px; + } + } + + &__header { + &__text { + flex: 1 0 0; + align-self: stretch; + font-size: 16px; + font-weight: 600; + line-height: 24px; + letter-spacing: 0.16px; + } + + &__details { + display: flex; + padding-bottom: 32px; + align-items: flex-start; + gap: 16px; + align-self: stretch; + + @include respond-to(null, md) { + flex-direction: column; + } + } + + &__button { + height: auto; + padding: 10px 24px; + min-height: auto; + font-size: 14px; + font-weight: 600; + + &:after { + border-radius: 4px; + } + + @include respond-to(null, md) { + width: 100%; + display: block; + padding: 8px 20px; + } + + &--clean { + display: none; + } + + &[data-add-all-products="true"] { + .ordonnance__header__button--add { + display: none; + } + + .ordonnance__header__button--clean { + display: block; + } + } + } + + &--mobile { + @include respond-to(md) { + display: none; + } + } + + &--desktop { + @include respond-to(null, md) { + display: none; + } + } + } + + &__phase { + border-top: 1px solid #ddd6d0; + padding: 2.4rem 0; + + @include respond-to(null, md) { + margin-top: 32px; + } + + &__heading { + font-size: 24px; + font-weight: 600; + line-height: 32px; + letter-spacing: 0.24px; + margin-top: 0; + margin-bottom: 1.6rem; + } + + &__header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 1.6rem; + } + + &__products { + display: flex; + flex-direction: column; + gap: 2.4rem; + } + + &__product { + display: flex; + align-items: stretch; + gap: 12px; + align-self: stretch; + + @include respond-to(md) { + gap: 16px; + } + + > img { + width: 100px; + height: 130px; + border-radius: 4px; + + @include respond-to(md) { + width: 140px; + height: 180px; + } + } + } + + &__content { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 12px; + flex: 1 0 0; + } + } + + &__content { + display: flex; + flex-direction: column; + height: 100%; + + .ordonnance__product__title { + margin-top: 0; + margin-bottom: 12px; + line-height: 24px; + letter-spacing: 0.16px; + font-size: 16px; + + @include respond-to(null, md) { + font-size: 14px; + } + } + + modal-opener { + margin-bottom: 1.2rem; + display: block; + } + + .quick-add__submit { + padding: 0; + text-decoration: underline; + min-width: initial; + width: fit-content; + font-size: 14px; + min-height: initial; + background: none; + border: none; + outline: none; + box-shadow: none; + color: rgb(var(--color-foreground)); + text-transform: initial; + letter-spacing: initial; + line-height: initial; + + &:before, + &:after { + content: none; + } + } + } + + &__description { + font-size: 14px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.14px; + margin-bottom: 4px; + -webkit-line-clamp: 2; + overflow: hidden; + font-weight: normal; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + word-break: break-word; + + * { + font-size: 12px; + + @include respond-to(md) { + font-size: 14px !important; + font-weight: 400 !important; + line-height: 20px !important; + } + } + + p { + display: inline; + } + } + + &__product { + &__actions { + display: flex; + align-items: center; + gap: 8px; + justify-content: space-between; + margin-top: auto; + + @include respond-to(null, md) { + flex-wrap: wrap; + } + } + + &__price { + display: flex; + align-items: center; + font-size: 14px; + line-height: 20px; + letter-spacing: 0.14px; + gap: 8px; + + @include respond-to(null, md) { + justify-content: space-between; + width: 100%; + } + + .price { + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 20px; + letter-spacing: 0.14px; + } + } + + button { + height: auto; + padding: 10px 24px; + min-height: auto; + font-size: 14px; + font-weight: 600; + + @include respond-to(null, md) { + width: 100%; + padding: 8px 20px; + } + } + + &__add { + gap: 8px; + + .svg-wrapper { + display: none; + } + + &--added { + display: none; + } + + &.added { + background: transparent; + color: rgb(var(--color-foreground)); + + .ordonnance__product__add--text { + display: none; + } + + .ordonnance__product__add--added { + display: inline; + } + + &:after { + border-radius: 0.4rem; + } + + .svg-wrapper { + display: block; + } + } + } + } + + &__left { + &--block { + @include respond-to(null, md) { + order: 2; + } + } + } + + &__right { + &--block { + @include respond-to(null, md) { + order: 1; + } + } + + &__inner { + width: 100%; + margin-left: auto; + border-radius: 4px; + overflow: hidden; + position: sticky; + top: 50px; + + @include respond-to(md) { + width: 60%; + } + } + + &__gift { + display: flex; + margin-top: 16px; + align-items: stretch; + border-radius: 4px; + background: #fbeee0; + overflow: hidden; + + @include respond-to(md) { + margin-top: 32px; + } + + img { + width: 84px; + height: auto; + object-fit: cover; + + @include respond-to(md) { + width: 112px; + } + } + } + } + + &__main { + padding: 16px; + border-bottom: 1px solid rgb(var(--color-border)); + background-color: rgb(var(--color-background-lighten)); + + @include respond-to(md) { + padding: 24px; + } + + &--summary { + display: flex; + align-items: stretch; + gap: 12px; + align-self: stretch; + } + + &--info { + display: flex; + flex-direction: column; + justify-content: space-between; + } + + &--image { + width: 72px; + height: 72px; + + img { + width: 72px; + height: 72px; + border-radius: 4px; + overflow: hidden; + } + } + + &--content { + display: flex; + justify-content: space-between; + align-items: center; + align-self: stretch; + gap: 4px; + + h4 { + margin: 0; + font-size: 16px; + font-weight: 600; + line-height: 24px; + letter-spacing: 0.2px; + + @include respond-to(md) { + font-size: 20px; + } + } + + .svg-wrapper { + rotate: -90deg; + transition: rotate 0.3s ease; + } + } + + &[open] { + .ordonnance__main--content { + .svg-wrapper { + rotate: 90deg; + } + } + } + + &[data-added-products="false"] { + .ordonnance__main--content { + display: none; + } + } + + &[data-added-products="true"] { + .ordonnance__main--empty { + display: none; + } + } + + &--products { + display: flex; + flex-direction: column; + align-items: center; + align-self: stretch; + gap: 8px; + padding-top: 12px; + padding-left: 16px; + max-height: 200px; + overflow-y: auto; + + &::-webkit-scrollbar { + width: 6px; + } + + &::-webkit-scrollbar-track { + background-color: rgba(221, 214, 208, 0.2); + border-radius: 8px; + } + + &::-webkit-scrollbar-thumb { + box-shadow: inset 0 0 6px #ddd6d0; + border-radius: 8px; + } + } + + &--product { + &__container { + display: flex; + align-items: flex-start; + gap: 12px; + width: 100%; + margin-bottom: 8px; + + @include respond-to(null, md) { + gap: 8px; + } + } + + &__info { + flex: 1; + padding-right: 1.6rem; + } + + &__image { + width: 56px; + height: 56px; + + img { + width: 56px; + height: 56px; + border-radius: 4px; + overflow: hidden; + } + } + + &__header { + display: flex; + align-items: flex-start; + justify-content: space-between; + gap: 1.6rem; + + button { + outline: 0; + border: 0; + background: none; + cursor: pointer; + padding: 0; + + svg path { + stroke: rgba(var(--color-foreground), 0.5); + } + } + } + + &__heading { + margin: 0; + font-size: 14px; + font-weight: 600; + line-height: 20px; + letter-spacing: 0.14px; + margin-bottom: 8px; + } + + &__variant { + margin: 0; + font-size: 12px; + font-weight: 400; + line-height: 16px; + letter-spacing: 0.12px; + } + } + + &--footer { + padding: 24px 16px; + background-color: #ffffff; + + @include respond-to(md) { + padding: 24px; + } + + button svg { + margin: 0 8px; + } + } + } + + &__summary { + &__total { + display: flex; + justify-content: space-between; + align-items: center; + gap: 16px; + font-size: 16px; + font-weight: 600; + line-height: 24px; + letter-spacing: 0.16px; + + h5 { + margin: 0; + font-size: 16px; + font-weight: 600; + line-height: 24px; + letter-spacing: 0.16px; + } + } + + &__delivery { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 8px; + margin-bottom: 16px; + font-size: 16px; + + @include respond-to(null, md) { + margin-top: 6px; + margin-bottom: 12px; + } + } + + &__info { + margin-bottom: 24px; + font-size: 14px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.14px; + + @include respond-to(null, md) { + font-size: 12px; + margin-bottom: 16px; + } + } + } + + &__shipping { + font-size: 14px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.14px; + display: flex; + justify-content: center; + gap: 8px; + margin-top: 12px; + + @include respond-to(md) { + margin-top: 16px; + } + } + + &__gift { + &__content { + padding: 1.6rem; + font-size: 14px; + line-height: 20px; + letter-spacing: 0.14px; + + @include respond-to(null, md) { + padding: 12px; + } + } + + &__icon { + line-height: 0; + } + + &__text { + margin-top: 16px; + + @include respond-to(md) { + margin-top: 12px; + } + + p { + margin: 0; + } + } + } + + .chat-card__container { + margin-top: 3.2rem; + flex-direction: row; + gap: 4px; + + .chat-card__container--portrait { + flex: 0 0 48px; + height: 48px; + } + + .h4 { + font-size: 16px; + font-weight: 600; + line-height: 24px; + letter-spacing: 0.16px; + } + } + + &__submit { + font-size: 16px; + font-weight: 600; + line-height: 24px; + letter-spacing: 0.16px; + text-transform: uppercase; + padding: 16px; + + &--total { + &:before { + //Put a circle before the text with margin 8px + content: ""; + display: inline-block; + vertical-align: middle; + width: 4px; + height: 4px; + border-radius: 50%; + background: rgb(var(--color-button-text)); + margin-inline: 8px; + } + } + } + + &__sticky { + display: block; + position: fixed; + bottom: 5px; + left: 5px; + width: calc(100% - 10px); + background: rgb(var(--color-background-lighten)); + padding: 16px; + box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1); + z-index: 100; + border-radius: 4px; + + @include respond-to(md) { + padding-inline: 16px 64px; + } + + &__content { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + + @include respond-to(md) { + flex-direction: row; + gap: 16px; + } + } + + .ordonnance__main { + width: 100%; + padding: 0; + margin-bottom: 12px; + border-bottom: 0; + + @include respond-to(md) { + margin-bottom: 0; + } + + &--content { + width: fit-content; + } + + &__info { + font-size: 14px; + font-weight: 600; + line-height: 20px; + letter-spacing: 0.14px; + } + + &__count { + margin-right: 4px; + } + + &__total { + font-size: 16px; + font-weight: 600; + line-height: 24px; + letter-spacing: 0.16px; + } + + &--footer { + padding: 0; + width: 100%; + } + } + + @include respond-to(md) { + .ordonnance__summary { + &__total, + &__delivery { + display: none; + } + } + } + + .ordonnance__submit { + margin: 0; + padding: 24px; + width: 100%; + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + + @include respond-to(md) { + width: fit-content; + margin-left: auto; + } + + svg { + width: 20px; + height: 20px; + } + } + } +} + +#chat-button { + bottom: 200px !important; + left: 5px !important; + z-index: 98 !important; + + @include respond-to(md) { + bottom: 120px !important; + } +} diff --git a/sections/footer-group.json b/sections/footer-group.json index a9263d9b5..cb6ad7d19 100644 --- a/sections/footer-group.json +++ b/sections/footer-group.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "name": "t:sections.footer.name", "type": "footer", diff --git a/sections/header-group.json b/sections/header-group.json index b0d3d0a9f..376bac380 100644 --- a/sections/header-group.json +++ b/sections/header-group.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "name": "t:sections.header.name", "type": "header", @@ -16,7 +25,15 @@ "block_order": [ "announcement-bar-0" ], - "settings": {} + "settings": { + "color_scheme": "", + "show_line_separator": true, + "show_social": false, + "auto_rotate": false, + "change_slides_speed": 5, + "enable_country_selector": false, + "enable_language_selector": false + } }, "header": { "type": "header", @@ -24,11 +41,13 @@ "logo_position": "middle-left", "menu": "main-menu", "menu_type_desktop": "dropdown", - "sticky_header_type": "on-scroll-up", + "sticky_header_type": "none", "show_line_separator": true, "color_scheme": "scheme-1", + "menu_color_scheme": "", "enable_country_selector": true, "enable_language_selector": true, + "enable_customer_avatar": true, "mobile_logo_position": "center", "margin_bottom": 0, "padding_top": 20, diff --git a/sections/main-collection-product-grid.liquid b/sections/main-collection-product-grid.liquid index 1d8562392..0ac8ffc20 100644 --- a/sections/main-collection-product-grid.liquid +++ b/sections/main-collection-product-grid.liquid @@ -1,4 +1,4 @@ -llllac{{ 'template-collection.css' | asset_url | stylesheet_tag }} +{{ 'template-collection.css' | asset_url | stylesheet_tag }} {{ 'component-card.css' | asset_url | stylesheet_tag }} {{ 'component-price.css' | asset_url | stylesheet_tag }} diff --git a/sections/main-diagnostic-ordonnance.liquid b/sections/main-diagnostic-ordonnance.liquid new file mode 100644 index 000000000..79f481e11 --- /dev/null +++ b/sections/main-diagnostic-ordonnance.liquid @@ -0,0 +1,610 @@ +{{ 'component-image-with-text.css' | asset_url | stylesheet_tag }} +{{ 'section-main-diagnostic-ordonnance.css' | asset_url | stylesheet_tag }} + +{%- unless section.settings.quick_add == 'none' -%} + {{ 'quick-add.css' | asset_url | stylesheet_tag }} + +{%- endunless -%} + +{%- if section.settings.quick_add == 'standard' -%} + +{%- endif -%} + +{%- if section.settings.quick_add == 'bulk' -%} + + + + +{%- endif -%} + + + +{%- style -%} + .section-{{ section.id }}-padding { + padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; + padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; + } + + @media screen and (min-width: 750px) { + .section-{{ section.id }}-padding { + padding-top: {{ section.settings.padding_top }}px; + padding-bottom: {{ section.settings.padding_bottom }}px; + } + } +{%- endstyle -%} + +{%- liquid + if settings.animations_reveal_on_scroll + assign animation_index = 1 + endif + + if section.settings.row_color_scheme == section.settings.section_color_scheme + assign no_content_background = true + endif +-%} + + +
+

{{ 'sections.main-diagnostic-ordonnance.header.title' | t }}

+
+
+
{{ 'sections.main-diagnostic-ordonnance.header.text' | t }}
+ +
+
+
+
+
+
+
{{ 'sections.main-diagnostic-ordonnance.header.text' | t }}
+ +
+
+ {% for i in (1..3) %} + {% liquid + assign phase_path = 'phase_' | append: i + assign phase_products = section.settings[phase_path] + %} + + {% if phase_products %} +
+

+ {{ 'sections.main-diagnostic-ordonnance.phase_label' | t: index: i }} +

+ + {%- if product.metafields.judgeme.badge != blank and section.settings.show_rating -%} + {% assign review_note = product.metafields.judgeme.badge + | split: "data-average-rating='" + | last + | split: "'" + | first + | times: 1 + | round: 2 + -%} + {% if review_note > 0 %} + + {%- liquid + assign review_count = product.metafields.judgeme.badge | split: "data-number-of-reviews='" | last | split: "'" | first + assign full_star = review_note | divided_by: 1 | floor + assign half_star = review_note | minus: full_star | ceil + assign empty_star = 5 | minus: full_star | minus: half_star | ceil + -%} + +
+ {% for i in (1..full_star) %} + + {{- 'icon-star-full.svg' | inline_asset_content -}} + + {% endfor %} + {% if half_star > 0 %} + + {{- 'icon-star-half.svg' | inline_asset_content -}} + + {% endif %} + {% if empty_star > 0 %} + {% for i in (1..empty_star) %} + + {{- 'icon-star-empty.svg' | inline_asset_content -}} + + {% endfor %} + {% endif %} +
+
+ {{ review_note | round: 2 }} + {{ 'products.product.reviews' | t: count: review_count }} +
+ + {% endif %} + {%- endif -%} + +
+ {% for product in phase_products %} +
+ + {%- capture sizes -%} + (min-width: {{ settings.page_width }}px) {{ settings.page_width | minus: 100 | divided_by: 2 }}px, + (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2) + {%- endcapture -%} + {%- liquid + if product.featured_image != blank + echo product.featured_image | image_url: width: 1500 | image_tag: sizes: sizes, widths: '165, 360, 535, 750, 1070, 1500' + else + echo 'detailed-apparel-1' | placeholder_svg_tag: 'placeholder-svg' + endif + -%} +
+
+ +

+ {{ product.title | escape }} +

+ +
+ {{ product.description }} +
+ + + + + + +
+
+ {%- render 'price', product: product, price_class: 'price--large' -%} + {% if product.variants.first.metafields.data.volume %} +
+ {{ product.variants.first.metafields.data.volume.value }} +
+ {% endif %} +
+ +
+
+
+
+ {% endfor %} +
+
+ {% endif %} + {% endfor %} +
+
+
+
+ + {% if section.settings.main_image != blank %} +
+ {{ + section.settings.main_image + | image_url: width: 200 + | image_tag: + alt: section.settings.main_image, + loading: 'lazy', + width: section.settings.main_image.width, + height: section.settings.main_image.height + }} +
+ {% endif %} +
+
{{ 'sections.main-diagnostic-ordonnance.header.title' | t }}
+
+ + {{- 'sections.main-diagnostic-ordonnance.selected-products' | t -}} + {{ 'icon-chevron-left.svg' | inline_asset_content }} +
+
+ {{ 'sections.main-diagnostic-ordonnance.empty' | t }} +
+
+ +
+
+
+
+
{{ 'sections.main-diagnostic-ordonnance.header.title' | t }}
+
0€
+
+
+
{{ 'sections.main-diagnostic-ordonnance.shipping' | t }}
+
+ {{ 'sections.main-diagnostic-ordonnance.shipping-free' | t }} +
+
+ +
+ {{ + 'sections.main-diagnostic-ordonnance.ordonnance-info' + | t: ordonnacen_code: metaobject.ordonnance_code + }} +
+ +
+ {{ 'icon-truck-delivery.svg' | inline_asset_content }} +
+ {{ 'sections.main-diagnostic-ordonnance.delivery-date' | t }} +
+
+
+
+ {{ + section.settings.present_image + | image_url: width: 140 + | image_tag: + alt: section.settings.present_image, + loading: 'lazy', + width: section.settings.present_image.width, + height: section.settings.present_image.height + }} +
+ {% if section.settings.icon_metaobject + and section.settings.icon_metaobject.icon != blank + or section.settings.icon_metaobject.svg_code != blank + %} +
+ {%- liquid + if section.settings.icon_metaobject.svg_code != blank + echo section.settings.icon_metaobject.svg_code + elsif section.settings.icon_metaobject.icon != blank + echo section.settings.icon_metaobject.icon | image_url: width: 48 | image_tag: alt: section.settings.icon_metaobject.name, width: section.settings.icon_metaobject.icon.width, height: section.settings.icon_metaobject.icon.height, loading: 'lazy' + endif + -%} +
+ {% endif %} +
{{ section.settings.present_text }}
+
+
+ {% if section.settings.chat_image != blank + or section.settings.chat_title != blank + or section.settings.chat_text != blank + %} + {% render 'chat-card', + image: section.settings.chat_image, + heading: section.settings.chat_title, + content: section.settings.chat_text + %} + {% endif %} +
+
+
+
+ +
+
+
+ + {% if section.settings.main_image != blank %} +
+ {{ + section.settings.main_image + | image_url: width: 200 + | image_tag: + alt: section.settings.main_image, + loading: 'lazy', + width: section.settings.main_image.width, + height: section.settings.main_image.height + }} +
+ {% endif %} +
+
{{ 'sections.main-diagnostic-ordonnance.typology' | t: typology: metaobject.label }}
+
+ + {{- 'sections.main-diagnostic-ordonnance.selected-products' | t -}} + {{ 'icon-chevron-left.svg' | inline_asset_content }} +
+
+ {{ 'sections.main-diagnostic-ordonnance.empty' | t }} +
+
+ +
+
+
+
+
{{ 'sections.main-diagnostic-ordonnance.header.title' | t }}
+
0€
+
+
+
{{ 'sections.main-diagnostic-ordonnance.shipping' | t }}
+
+ {{ 'sections.main-diagnostic-ordonnance.shipping-free' | t }} +
+
+ + +
+
+
+ + +{% schema %} +{ + "name": "Ordonnance", + "class": "section", + "disabled_on": { + "groups": ["header", "footer"] + }, + "settings": [ + { + "type": "product_list", + "id": "phase_1", + "label": "Phase 1" + }, + { + "type": "product_list", + "id": "phase_2", + "label": "Phase 2" + }, + { + "type": "product_list", + "id": "phase_3", + "label": "Phase 3" + }, + { + "type": "header", + "content": "Colonne droite - Partie principale" + }, + { + "type": "image_picker", + "id": "main_image", + "label": "Image" + }, + { + "type": "header", + "content": "Colonne droite - Cadeau" + }, + { + "type": "image_picker", + "id": "present_image", + "label": "Image" + }, + { + "type": "metaobject", + "id": "icon_metaobject", + "label": "Icône", + "metaobject_type": "icon" + }, + { + "type": "richtext", + "id": "present_text", + "label": "Texte" + }, + { + "type": "header", + "content": "Colonne droite - Chat" + }, + { + "type": "image_picker", + "id": "chat_image", + "label": "Image" + }, + { + "type": "text", + "id": "chat_title", + "label": "Titre" + }, + { + "type": "richtext", + "id": "chat_text", + "label": "Texte" + }, + { + "type": "header", + "content": "t:sections.featured-collection.settings.header.content" + }, + { + "type": "checkbox", + "id": "show_rating", + "default": false, + "label": "t:sections.featured-collection.settings.show_rating.label", + "info": "t:sections.featured-collection.settings.show_rating.info" + }, + { + "type": "select", + "id": "quick_add", + "default": "none", + "label": "t:sections.main-collection-product-grid.settings.quick_add.label", + "info": "t:sections.main-collection-product-grid.settings.quick_add.info", + "options": [ + { + "value": "none", + "label": "t:sections.main-collection-product-grid.settings.quick_add.options.option_1" + }, + { + "value": "standard", + "label": "t:sections.main-collection-product-grid.settings.quick_add.options.option_2" + }, + { + "value": "bulk", + "label": "t:sections.main-collection-product-grid.settings.quick_add.options.option_3" + } + ] + }, + { + "type": "header", + "content": "t:sections.all.colors.header.content" + }, + { + "type": "color_scheme", + "id": "section_color_scheme", + "label": "t:sections.all.colors.label", + "default": "scheme-1" + }, + { + "type": "color_scheme", + "id": "row_color_scheme", + "label": "t:sections.ordonnance.settings.container_color_scheme.label", + "default": "scheme-1" + }, + { + "type": "range", + "id": "padding_top", + "min": 0, + "max": 100, + "step": 4, + "unit": "px", + "label": "t:sections.all.padding.padding_top", + "default": 36 + }, + { + "type": "range", + "id": "padding_bottom", + "min": 0, + "max": 100, + "step": 4, + "unit": "px", + "label": "t:sections.all.padding.padding_bottom", + "default": 36 + } + ], + "presets": [ + { + "name": "Ordonnance" + } + ] +} +{% endschema %} diff --git a/snippets/ordonnance-see-more.liquid b/snippets/ordonnance-see-more.liquid new file mode 100644 index 000000000..099319eee --- /dev/null +++ b/snippets/ordonnance-see-more.liquid @@ -0,0 +1,37 @@ +{% assign section_id= section.id %} + {% assign product_form_id = 'quick-add-' | append: section_id | append: product.id %} + + + + + + + + + \ No newline at end of file diff --git a/templates/404.json b/templates/404.json index 543c9543d..bbdbbc728 100644 --- a/templates/404.json +++ b/templates/404.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": { diff --git a/templates/article.json b/templates/article.json index 1319e9cae..db0b8578f 100644 --- a/templates/article.json +++ b/templates/article.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": { diff --git a/templates/blog.json b/templates/blog.json index 911efc1ec..ab96b726e 100644 --- a/templates/blog.json +++ b/templates/blog.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "banner": { diff --git a/templates/cart.json b/templates/cart.json index 81284af22..f908fe778 100644 --- a/templates/cart.json +++ b/templates/cart.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "cart-items": { diff --git a/templates/customers/account.json b/templates/customers/account.json index 4df7f2dd4..11b33cc2e 100644 --- a/templates/customers/account.json +++ b/templates/customers/account.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": { diff --git a/templates/customers/activate_account.json b/templates/customers/activate_account.json index b874071de..56e0b56c7 100644 --- a/templates/customers/activate_account.json +++ b/templates/customers/activate_account.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": { diff --git a/templates/customers/addresses.json b/templates/customers/addresses.json index ba52a75dc..b0ab1d5a7 100644 --- a/templates/customers/addresses.json +++ b/templates/customers/addresses.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": { diff --git a/templates/customers/login.json b/templates/customers/login.json index dfcdd5d1d..a779cae65 100644 --- a/templates/customers/login.json +++ b/templates/customers/login.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": { diff --git a/templates/customers/order.json b/templates/customers/order.json index dc5fb1b2d..402ec03f4 100644 --- a/templates/customers/order.json +++ b/templates/customers/order.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": { diff --git a/templates/customers/register.json b/templates/customers/register.json index 12c8a1289..bc45bddf5 100644 --- a/templates/customers/register.json +++ b/templates/customers/register.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": { diff --git a/templates/customers/reset_password.json b/templates/customers/reset_password.json index 716d0e197..b4414c694 100644 --- a/templates/customers/reset_password.json +++ b/templates/customers/reset_password.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": { diff --git a/templates/index.json b/templates/index.json index 61cc93425..3e0aa103b 100644 --- a/templates/index.json +++ b/templates/index.json @@ -1,210 +1,31 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { - "image_banner": { - "type": "image-banner", - "blocks": { - "heading": { - "type": "heading", - "settings": { - "heading": "Image banner", - "heading_size": "h0" - } - }, - "text": { - "type": "text", - "settings": { - "text": "Give customers details about the banner image(s) or content on the template.", - "text_style": "body" - } - }, - "button": { - "type": "buttons", - "settings": { - "button_label_1": "Shop all", - "button_link_1": "shopify:\/\/collections\/all", - "button_style_secondary_1": true, - "button_label_2": "", - "button_link_2": "", - "button_style_secondary_2": false - } - } - }, - "block_order": [ - "heading", - "text", - "button" - ], + "main_diagnostic_ordonnance_nfzDpG": { + "type": "main-diagnostic-ordonnance", "settings": { - "image_overlay_opacity": 40, - "image_height": "large", - "desktop_content_position": "bottom-center", - "show_text_box": false, - "desktop_content_alignment": "center", - "color_scheme": "scheme-3", - "mobile_content_alignment": "center", - "stack_images_on_mobile": false, - "show_text_below": false - } - }, - "rich_text": { - "type": "rich-text", - "blocks": { - "heading": { - "type": "heading", - "settings": { - "heading": "Talk about your brand", - "heading_size": "h1" - } - }, - "text": { - "type": "text", - "settings": { - "text": "

Share information about your brand with your customers. Describe a product, make announcements, or welcome customers to your store.<\/p>" - } - } - }, - "block_order": [ - "heading", - "text" - ], - "settings": { - "color_scheme": "scheme-1", - "full_width": true, - "padding_top": 40, - "padding_bottom": 0 - } - }, - "featured_collection": { - "type": "featured-collection", - "settings": { - "title": "Featured products", - "heading_size": "h2", - "collection": "all", - "products_to_show": 8, - "columns_desktop": 4, - "color_scheme": "scheme-1", - "show_view_all": false, - "swipe_on_mobile": false, - "image_ratio": "adapt", - "show_secondary_image": true, - "show_vendor": false, - "show_rating": false, - "columns_mobile": "2", - "padding_top": 28, - "padding_bottom": 36 - } - }, - "collage": { - "type": "collage", - "blocks": { - "collection-0": { - "type": "collection", - "settings": { - "collection": "" - } - }, - "product": { - "type": "product", - "settings": { - "product": "", - "second_image": false - } - }, - "collection-1": { - "type": "collection", - "settings": { - "collection": "" - } - } - }, - "block_order": [ - "collection-0", - "product", - "collection-1" - ], - "settings": { - "heading": "Multimedia collage", - "heading_size": "h2", - "desktop_layout": "left", - "mobile_layout": "collage", - "color_scheme": "scheme-1", - "padding_top": 36, - "padding_bottom": 36 - } - }, - "video": { - "type": "video", - "settings": { - "heading": "", - "video_url": "https:\/\/www.youtube.com\/watch?v=_9VUPq3SxOc", - "heading_size": "h1", - "description": "", - "full_width": false, - "color_scheme": "scheme-1", - "padding_top": 36, - "padding_bottom": 36 - } - }, - "multicolumn": { - "type": "multicolumn", - "blocks": { - "column1": { - "type": "column", - "settings": { - "title": "Column", - "text": "

Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.<\/p>", - "link_label": "", - "link": "" - } - }, - "column2": { - "type": "column", - "settings": { - "title": "Column", - "text": "

Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.<\/p>", - "link_label": "", - "link": "" - } - }, - "column3": { - "type": "column", - "settings": { - "title": "Column", - "text": "

Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.<\/p>", - "link_label": "", - "link": "" - } - } - }, - "block_order": [ - "column1", - "column2", - "column3" - ], - "settings": { - "title": "", - "heading_size": "h1", - "image_width": "third", - "image_ratio": "adapt", - "columns_desktop": 3, - "column_alignment": "center", - "background_style": "none", - "button_label": "", - "button_link": "", - "swipe_on_mobile": false, - "color_scheme": "scheme-1", - "columns_mobile": "1", + "metaobject": "test", + "present_image": "shopify://shop_images/icon_1.png", + "present_text": "

Un cadeau de votre choix offert pour l'achat de cette routine en ligne

", + "chat_image": "shopify://shop_images/image_15.png", + "chat_title": "Chat avec Christine !", + "chat_text": "

Nous sommes en ligne de 9h à 17h du lundi au vendredi.

", + "section_color_scheme": "", + "row_color_scheme": "", "padding_top": 36, "padding_bottom": 36 } } }, "order": [ - "image_banner", - "rich_text", - "featured_collection", - "collage", - "video", - "multicolumn" + "main_diagnostic_ordonnance_nfzDpG" ] } diff --git a/templates/list-collections.json b/templates/list-collections.json index b7247f308..186784044 100644 --- a/templates/list-collections.json +++ b/templates/list-collections.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": { diff --git a/templates/metaobject/ordonnance.json b/templates/metaobject/ordonnance.json new file mode 100644 index 000000000..972f328c3 --- /dev/null +++ b/templates/metaobject/ordonnance.json @@ -0,0 +1,31 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ +{ + "sections": { + "main_diagnostic_ordonnance_T9BhBA": { + "type": "main-diagnostic-ordonnance", + "settings": { + "metaobject": "{{ metaobject }}", + "present_image": "shopify://shop_images/icon_1.png", + "present_text": "

Un cadeau de votre choix offert pour l'achat de cette routine en ligne

", + "chat_image": "shopify://shop_images/image_15.png", + "chat_title": "Chat avec Christine !", + "chat_text": "

Nous sommes en ligne de 9h à 17h du lundi au vendredi.

", + "section_color_scheme": "", + "row_color_scheme": "", + "padding_top": 36, + "padding_bottom": 36 + } + } + }, + "order": [ + "main_diagnostic_ordonnance_T9BhBA" + ] +} diff --git a/templates/page.contact.json b/templates/page.contact.json index 73a56c11d..f62d003b3 100644 --- a/templates/page.contact.json +++ b/templates/page.contact.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": { diff --git a/templates/page.json b/templates/page.json index f2ee79be1..1a96cc563 100644 --- a/templates/page.json +++ b/templates/page.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": { diff --git a/templates/password.json b/templates/password.json index df8abaf85..07580455d 100644 --- a/templates/password.json +++ b/templates/password.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "layout": "password", "sections": { diff --git a/templates/product.json b/templates/product.json index cbda95bcc..a4eec7fc8 100644 --- a/templates/product.json +++ b/templates/product.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": { @@ -28,7 +37,8 @@ "variant_picker": { "type": "variant_picker", "settings": { - "picker_type": "button" + "picker_type": "button", + "swatch_shape": "circle" } }, "quantity_selector": { @@ -106,9 +116,13 @@ ], "settings": { "enable_sticky_info": true, + "color_scheme": "", "media_size": "large", "constrain_to_viewport": true, + "media_fit": "contain", "gallery_layout": "stacked", + "media_position": "left", + "image_zoom": "lightbox", "mobile_thumbnails": "hide", "hide_variants": true, "enable_video_looping": false, @@ -116,92 +130,17 @@ "padding_bottom": 12 } }, - "image-with-text": { - "type": "image-with-text", - "blocks": { - "image-with-text-0": { - "type": "heading", - "settings": { - "heading": "Image with text", - "heading_size": "h1" - } - }, - "image-with-text-1": { - "type": "text", - "settings": { - "text": "

Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.<\/p>", - "text_style": "body" - } - } - }, - "block_order": [ - "image-with-text-0", - "image-with-text-1" - ], - "settings": { - "height": "small", - "desktop_image_width": "medium", - "layout": "text_first", - "desktop_content_position": "top", - "desktop_content_alignment": "left", - "content_layout": "no-overlap", - "color_scheme": "scheme-2", - "mobile_content_alignment": "left", - "padding_top": 36, - "padding_bottom": 36 - } - }, - "multicolumn": { - "type": "multicolumn", - "blocks": { - "column-0": { - "type": "column", - "settings": { - "title": "Free Shipping", - "text": "

Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.<\/p>", - "link_label": "", - "link": "" - } - }, - "column-1": { - "type": "column", - "settings": { - "title": "Hassle-Free Exchanges", - "text": "

Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.<\/p>", - "link_label": "", - "link": "" - } - } - }, - "block_order": [ - "column-0", - "column-1" - ], - "settings": { - "title": "", - "heading_size": "h1", - "image_width": "full", - "image_ratio": "adapt", - "columns_desktop": 2, - "column_alignment": "left", - "background_style": "none", - "button_label": "", - "button_link": "", - "color_scheme": "scheme-1", - "columns_mobile": "1", - "swipe_on_mobile": false, - "padding_top": 36, - "padding_bottom": 36 - } - }, "related-products": { "type": "related-products", + "disabled": true, "settings": { "heading": "You may also like", "heading_size": "h2", + "products_to_show": 4, "columns_desktop": 4, "color_scheme": "scheme-1", "image_ratio": "square", + "image_shape": "default", "show_secondary_image": true, "show_vendor": false, "show_rating": false, @@ -213,8 +152,6 @@ }, "order": [ "main", - "image-with-text", - "multicolumn", "related-products" ] } diff --git a/templates/search.json b/templates/search.json index 3aa4542e8..7cdd45fe4 100644 --- a/templates/search.json +++ b/templates/search.json @@ -1,3 +1,12 @@ +/* + * ------------------------------------------------------------ + * IMPORTANT: The contents of this file are auto-generated. + * + * This file may be updated by the Shopify admin theme editor + * or related systems. Please exercise caution as any changes + * made to this file may be overwritten. + * ------------------------------------------------------------ + */ { "sections": { "main": {