diff options
| author | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2023-04-17 12:12:22 +0300 |
|---|---|---|
| committer | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2023-04-17 12:12:22 +0300 |
| commit | 68fc9e55e538e03f94509731ab41a0c8cf96710f (patch) | |
| tree | 3edb1e81864ac3eb35ba0fe8087ed24da1b812bf /public/processed-views | |
| parent | 84b2da85a1b452922dadb6a609533b9945afe51d (diff) | |
| download | classroom-68fc9e55e538e03f94509731ab41a0c8cf96710f.tar.gz classroom-68fc9e55e538e03f94509731ab41a0c8cf96710f.tar.bz2 classroom-68fc9e55e538e03f94509731ab41a0c8cf96710f.zip | |
setup a real server environment (apache DocumentRoot=/var/www/public)
Diffstat (limited to 'public/processed-views')
100 files changed, 10345 insertions, 0 deletions
diff --git a/public/processed-views/base.php b/public/processed-views/base.php new file mode 100644 index 0000000..76c4966 --- /dev/null +++ b/public/processed-views/base.php @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8" /><?php ob_flush(); ?> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title><?= $data['title'] ?? 'ΣΚΛΑΒΕΝΙΤΗΣ' ?></title> + + <!-- import fonts --> + <?php link_asset( 'font', [ + 'iconfont', 'CFAstyStdBold', 'CFAstyStdBook', 'CFAstyStdMedium' + ], 'rel="preload" crossorigin' + ); ?> + + <!-- import css --> + <?php link_asset('css', ['main', 'overides']); ?> + +</head> +<body class="homepage" data-plugin-lazyload> + + <div class="mainContainer"> + <div class="mainLayer"> + </div> + + <?php render_view('partials/header',[]); ?> + <?php ob_flush(); ?> + + + <main class="main"> + + <?php + parse_sections( $page['sections'] ); + ?> + + </main> + <?php ob_flush(); ?> + + <?php render_view('partials/footer', []); ?> + + </div> + + <!-- scripts --> + <?php link_asset('js', [ + 'require/files', 'require/slim', + 'plugins', 'plugins/setup' + ] + ); ?> + +</body> +</html> +<?php ob_flush(); ?>
\ No newline at end of file diff --git a/public/processed-views/content/404.php b/public/processed-views/content/404.php new file mode 100644 index 0000000..c59e29a --- /dev/null +++ b/public/processed-views/content/404.php @@ -0,0 +1,10 @@ +<div class="wrapper wrapper--xs"> + <div class="result result--fullheight"> + <div class="result__content"> + <span class="result__mainicon result__mainicon--border result__mainicon--orange icon-cone"></span> + <h1 class="result__title">Λυπούμαστε, η σελίδα δεν βρέθηκε.</h1> + <p class="result__p">Μπορείτε να γυρίσετε πίσω ή να μετακινηθείτε στην αρχική σελίδα.</p> + <a class="result__button button button--border" href="404.html#">Aρχική σελίδα</a> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Basket/Basket.html b/public/processed-views/content/Basket/Basket.html new file mode 100644 index 0000000..b69c83b --- /dev/null +++ b/public/processed-views/content/Basket/Basket.html @@ -0,0 +1,40 @@ +<nav role="navigation" class="breadcrumb"> + <div class="wrapper"> + <nav class="breadcrumb__inner scrollbar" data-plugin-breadcrumb> + <ul class="breadcrumb__list"> + <li class="breadcrumb__item"><a class="breadcrumb__itemLink" href="Basket.html#">Home</a></li> + <li class="breadcrumb__item"><a class="breadcrumb__itemLink" href="Basket.html#">Page 1</a></li> + <li class="breadcrumb__item"><a class="breadcrumb__itemLink" href="Basket.html#">Page 2</a></li> + <li class="breadcrumb__item"><a class="breadcrumb__itemLink" href="Basket.html#">Page 3</a></li> + <li class="breadcrumb__item"><a class="breadcrumb__itemLink" href="Basket.html#">Page 4</a></li> + <li class="breadcrumb__item">Product List</li> + </ul> + </nav> + </div> +</nav> + +<div class="infoPopup"> + <button class="iconButton icon-close infoPopup__remove" data-plugin-infoPopup></button> + <p class="infoPopup__title">“Dior Addict stelar shine”</p> + <p>προστέθηκε στο καλάθι σας</p> + <a href="Basket.html#" class="link">Προβολή καλαθιού</a> +</div> + +<div class="wrapper"> + <div class="pageTitle"> + <h1>Το καλάθι μου</h1> + </div> +</div> + +<div class="wrapper"> + <div class="basketMain mainLayout mainLayout--rightAside"> + <div class="basketMain__content mainLayout__content"> + <div class="basketTable"> + <div class="basketTable__body"> + <!-- For loop Basket_item.html --> + </div> + </div> + </div> + <!-- Basket_aside.html --> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Basket/Basket_Item.html b/public/processed-views/content/Basket/Basket_Item.html new file mode 100644 index 0000000..d43aa39 --- /dev/null +++ b/public/processed-views/content/Basket/Basket_Item.html @@ -0,0 +1,104 @@ +<div class="basketTable__row"> + <button class="iconButton icon-delete basketTable__remove"></button> + <div class="basketTable__cell basketTable__cell--product"> + <div class="product"> + <div class="product__inner"> + <div data-plugin-wishlistbutton class="wishlistButton"> + <button + class="fav iconButton iconButton--s icon-heart listsClose"></button> + <div class="listsBlock"> + <div class="listsBlock__bg listsClose"></div> + <div class="listsBlock__inner"> + <div class="listsBlock__title">Προσθήκη σε:</div> + <button class="listsBlock__close iconButton iconButton--xs icon-close listsClose"></button> + <div class="listsBlock__list"> + <div class="listsBlock__item checkbox"> + <label class="checkbox__label" for="list_0"> + <input class="checkbox__input filter__input" type="checkbox" id="list_0" name="list" value="fav"> + <span class="checkbox__icon"></span> + <span class="listsBlock__name icon-fav">Aγαπημένα</span> + </label> + </div> + <div class="listsBlock__item checkbox"> + <label class="checkbox__label" for="list_1"> + <input class="checkbox__input filter__input" type="checkbox" id="list_1" name="list" value="summer"> + <span class="checkbox__icon"></span> + <span class="listsBlock__name icon-mylists-sun">Καλοκαίρι 2021</span> + </label> + </div> + <div class="listsBlock__item checkbox"> + <label class="checkbox__label" for="list_2"> + <input class="checkbox__input filter__input" type="checkbox" id="list_2" name="list" value="birthday"> + <span class="checkbox__icon"></span> + <span class="listsBlock__name icon-mylists-balloon">Γενέθλια</span> + </label> + </div> + </div> + <a href="Basket.html#" class="link link--m link--orangeIcon"><span class="icon icon-addCircle"></span>Νέα Λίστα</a> + </div> + </div> + </div> + <div class="product__img"> + <figure> + <picture> + <source data-srcset="/images/300x300/png/Content/media/sampleProduct.webp" type="image/webp" class="lazysrcset" /> + <source data-srcset="/images/300x300/png/Content/media/sampleProduct.jp2" type="image/jp2" class="lazysrcset" /> + <img data-src="/images/300x300/png/Content/media/sampleProduct.png" alt="product" class="lazy" /> + </picture> + </figure> + </div> + <a href="Basket.html#" class="product__title"> + Title of product + </a> + <div class="product__more"> + <div class="product__quantity"> + <div class="quantity quantity--init" + data-plugin-quantity={"MaxQuantity":10}> + <button class="quantity__btn quantity__btn--dec disabled" + data-ref="quantity-control"></button> + <input class="quantity__input" value="1" type="text" + readonly aria-label="quantity"> + <button class="quantity__btn quantity__btn--inc" + data-ref="quantity-control"></button> + <div class="quantity__message quantity__message--added"> + Προστεθηκε στο καλάθι σας</div> + <div class="quantity__message quantity__message--removed"> + Αφαιρεθηκε απο το καλάθι σας</div> + </div> + </div> + </div> + </div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--price"> + <div class="priceContainer"> + <div class="priceBlock__price priceBlock__price--init"> + 58,20 € + </div> + <div class="priceBlock__price"> + 45,10 € + </div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--quant"> + <div class="quantity quantity--init" data-plugin-quantity={"MaxQuantity":10}> + <button class="quantity__btn quantity__btn--dec disabled" + data-ref="quantity-control"></button> + <input class="quantity__input" value="1" type="text" readonly + aria-label="quantity"> + <button class="quantity__btn quantity__btn--inc" + data-ref="quantity-control"></button> + <div class="quantity__message quantity__message--added">Προστεθηκε στο + καλάθι σας</div> + <div class="quantity__message quantity__message--removed">Αφαιρεθηκε απο το + καλάθι σας</div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--price basketTable__cell--total"> + <div class="priceContainer"> + <div class="priceBlock__price"> + 45,10 € + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Basket/Basket_aside.html b/public/processed-views/content/Basket/Basket_aside.html new file mode 100644 index 0000000..6c693fd --- /dev/null +++ b/public/processed-views/content/Basket/Basket_aside.html @@ -0,0 +1,140 @@ +<aside class="basketMain__aside mainLayout__aside"> + <div class="sideBasket"> + <h3 class="sideBasket__title">ΣΥΝΟΨΗ ΠΑΡΑΓΓΕΛΙΑΣ</h3> + <div class="sideBasket__inner productsSum"> + <div class="priceRow"> + <span>5 προϊόντα</span> + <div class="priceContainer"> + <div class="priceBlock__price"> + 1.246,10 € + </div> + </div> + </div> + <div class="progressBlock"> + <div class="progressBlock__info"> + <span class="progressBlock__remain">9,60</span> € ακόμα για δωρεάν μεταφορικά + </div> + <div class="progressBlock__bar"> + <div class="progressBlock__progress" style="width: 60%"></div> + </div> + </div> + <div class="priceRow"> + <span class="row row--vCenter"> + <span>Μεταφορικά</span> + <span class="tooltip" data-plugin-tooltip> + <button class="iconButton tooltip__btn icon-info"></button> + <span class="tooltip__main">Lorem ipsum dolor sit amet.</span> + </span> + </span> + <div class="priceContainer"> + <div class="priceBlock__price"> + 4,90 € + </div> + </div> + </div> + <div class="accordions" data-plugin-accordion> + <div class="acc acc--inline couponBlock"> + <div class="acc__header"> + Eκπτωτικό κουπόνι + <button class="icon-arrowDown acc__icon"></button> + </div> + <div class="acc__content"> + <form class="form couponBlock__form" data-qa="form_coupon"> + <div class="field couponBlock__field"> + <div class="field__inner"> + <div class="field__wrap "> + <input class="field__input field__input--inline" id="couponcode" type="text" placeholder="κωδικός" aria-label="κωδικός" /> + </div> + <button data-qa="form_coupon_submit" + class="couponBlock__btn widthAuto" type="submit"></button> + </div> + </div> + </form> + </div> + </div> + <div class="acc acc--inline couponBlock"> + <div class="acc__header"> + Eκπτωτικό κουπόνι + <button class="icon-arrowDown acc__icon"></button> + </div> + <div class="acc__content"> + <form class="form couponBlock__form" data-qa="form_coupon"> + <div class="field field--error couponBlock__field"> + <div class="field__inner"> + <div class="field__wrap "> + <input class="field__input field__input--inline" id="couponcode" type="text" placeholder="κωδικός" aria-label="κωδικός" /> + </div> + <button data-qa="form_coupon_submit" class="couponBlock__btn widthAuto" type="submit"></button> + </div> + <p class="errorMsg">Ο κωδικός που έχετε εισάγει δεν αναγνωρίζεται. + Παρακαλούμε, ελέγξτε τον & δοκιμάστε ξανά.</p> + </div> + </form> + </div> + </div> + <div class="acc acc--inline couponBlock"> + <div class="acc__header"> + Eκπτωτικό κουπόνι + <button class="icon-arrowDown acc__icon"></button> + </div> + <div class="acc__content"> + <form class="form couponBlock__form" data-qa="form_coupon"> + <div class="field couponBlock__field completed"> + <div class="field__inner"> + <div class="field__wrap"> + <input class="field__input field__input--inline" id="couponcode" type="text" placeholder="κωδικός" aria-label="κωδικός" readonly value="123456" /> + </div> + <button class="couponBlock__clear"></button> + </div> + </div> + </form> + </div> + </div> + <div class="priceRow priceRow--coupon"> + <span>COUPON NAME</span> + <div class="priceContainer"> + <div class="priceBlock__price"> + - 15,90 € + </div> + </div> + </div> + </div> + <div class="priceRow priceRow--total"> + <span>Τελικό Σύνολο</span> + <div class="priceContainer"> + <div class="priceBlock__price"> + 1.246,10 € + </div> + </div> + </div> + <button class="button button--full">Προχωρήστε σε αγορά</button> + <div class="orDivider"> + <span class="orDivider__text">ή</span> + </div> + <button class="button button--full">Αγορά μέσω Paypal</button> + </div> + <div class="cards"> + <figure> + <picture> + <source data-srcset="/images/h20/png/Content/media/cards/visa.webp" type="image/webp" class="lazysrcset" /> + <source data-srcset="/images/h20/png/Content/media/cards/visa.jp2" type="image/jp2" class="lazysrcset" /> + <img data-src="/images/h20/png/Content/media/cards/visa.png" alt="Alt text" class="lazy" /> + </picture> + </figure> + <figure> + <picture> + <source data-srcset="/images/h20/png/Content/media/cards/mastercard.webp" type="image/webp" class="lazysrcset" /> + <source data-srcset="/images/h20/png/Content/media/cards/mastercard.jp2" type="image/jp2" class="lazysrcset" /> + <img data-src="/images/h20/png/Content/media/cards/mastercard.png" alt="Alt text" class="lazy" /> + </picture> + </figure> + <figure> + <picture> + <source data-srcset="/images/h20/png/Content/media/cards/dinersClub.webp" type="image/webp" class="lazysrcset" /> + <source data-srcset="/images/h20/png/Content/media/cards/dinersClub.jp2" type="image/jp2" class="lazysrcset" /> + <img data-src="/images/h20/png/Content/media/cards/dinersClub.png" alt="Alt text" class="lazy" /> + </picture> + </figure> + </div> + </div> +</aside>
\ No newline at end of file diff --git a/public/processed-views/content/Basket/Basket_empty.html b/public/processed-views/content/Basket/Basket_empty.html new file mode 100644 index 0000000..9ee3383 --- /dev/null +++ b/public/processed-views/content/Basket/Basket_empty.html @@ -0,0 +1,36 @@ +<nav role="navigation" class="breadcrumb"> + <div class="wrapper"> + <nav class="breadcrumb__inner scrollbar" data-plugin-breadcrumb> + <ul class="breadcrumb__list"> + <li class="breadcrumb__item"><a class="breadcrumb__itemLink" href="Basket Empty.html#">Home</a></li> + <li class="breadcrumb__item"><a class="breadcrumb__itemLink" href="Basket Empty.html#">Page 1</a></li> + <li class="breadcrumb__item"><a class="breadcrumb__itemLink" href="Basket Empty.html#">Page 2</a></li> + <li class="breadcrumb__item"><a class="breadcrumb__itemLink" href="Basket Empty.html#">Page 3</a></li> + <li class="breadcrumb__item"><a class="breadcrumb__itemLink" href="Basket Empty.html#">Page 4</a></li> + <li class="breadcrumb__item">Product List</li> + </ul> + </nav> + </div> +</nav> + +<div class="wrapper"> + <div class="pageTitle"> + <h1>Το καλάθι μου</h1> + </div> +</div> + +<div class="wrapper"> + <div class="emptyContent"> + <div class="emptyContent__img"> + <div class="icon-basket"></div> + </div> + <div class="emptyContent__text"> + <p class="text text--b">Το καλάθι σας είναι άδειο.</p> + <p>Ήρθε η ώρα να το γεμήσετε! Εξερευνήστε τα προϊόντα μας</p> + </div> + <div class="emptyContent__btns"> + <a href="Basket Empty.html#" class="button">Εξερευνήστε</a> + <a href="Basket Empty.html#" class="button button--border">Προβολή αγαπημένων</a> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Checkout/Final_Error.html b/public/processed-views/content/Checkout/Final_Error.html new file mode 100644 index 0000000..90e7c79 --- /dev/null +++ b/public/processed-views/content/Checkout/Final_Error.html @@ -0,0 +1,14 @@ +<div class="wrapper wrapper--xs"> + <div class="result result--fullheight"> + <div class="result__content"> + <figure class="result__mainimg"> + <picture> + <img src="../Content/media/orderFail.svg"> + </picture> + </figure> + <h1 class="result__title">Δυστυχώς δε πραγματοποιήθηκε η παραγγελία σας</h1> + <p class="result__p">Παρακαλούμε δοκιμάστε πάλι την υποβολή την παραγγελίας.</p> + <a class="result__button button" href="Checkout_FinalError.html#">Επανάληψη παραγγελίας</a> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Checkout/Final_Success.html b/public/processed-views/content/Checkout/Final_Success.html new file mode 100644 index 0000000..dba5b34 --- /dev/null +++ b/public/processed-views/content/Checkout/Final_Success.html @@ -0,0 +1,27 @@ +<div class="wrapper wrapper--xs"> + <div class="checkout"> + <!-- Checkout Result --> + + <!-- Checkout Order Truck --> + + <div class="checkoutTrackingMsg"> + <p>Έχετε τη δυνατότητα να παρακολουθείτε την πορεία της από το <a class="link link--underline" + href="Checkout_FinalSuccess.html#">Ιστορικό Παραγγελιών</a></p> + </div> + <div class="message"> + <span class="message__icon icon-alert"></span> + <div class="message__text"> + <p>Λόγω σφάλματος στο σύστημα της τράπεζας δεν αποθηκεύτηκαν τα στοιχεία της κάρτας σας.</p> + </div> + </div> + + <!-- Checkout steps --> + + <div class="printRow"> + <a class="link link--s" href="Checkout_FinalSuccess.html#"> + <span class="icon icon-print"></span><span>Εκτύπωση</span> + </a> + </div> + + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Checkout/Final_Success_Delivery.html b/public/processed-views/content/Checkout/Final_Success_Delivery.html new file mode 100644 index 0000000..e413c24 --- /dev/null +++ b/public/processed-views/content/Checkout/Final_Success_Delivery.html @@ -0,0 +1,60 @@ +<div class="wrapper wrapper--xs"> + <div class="checkout"> + <!-- Checkout Result --> + + <!-- Checkout Order Truck --> + + <div class="loyalty"> + <div class="loyalty__inner"> + <div class="loyalty__img"> + <img class="lazy" data-src="/Content/media/piraeusLogo.svg"> + <img class="lazy" data-src="/Content/media/piraeusLogoYellow.svg"> + </div> + <div class="loyalty__table"> + <div class="loyalty__row"> + <div class="loyalty__cell"> + <span>Προηγούμενο υπόλοιπο yellows</span> + <strong>2.919.845</strong> + </div> + <div class="loyalty__cell"> + <span>Εξαργύρωση yellows</span> + <strong>2.500</strong> + </div> + </div> + <div class="loyalty__row"> + <div class="loyalty__cell"> + <span>Συλλογή yellows</span> + <strong>17.945</strong> + </div> + <div class="loyalty__cell"> + <span>Νέο υπόλοιπο yellows</span> + <strong>2.935.290</strong> + </div> + </div> + </div> + </div> + </div> + + <div class="checkoutTracking"> + <div class="checkoutTracking__inner"> + <p><strong>Εγγραφείτε</strong> με τα στοιχεία της παραγγελίας για να:</p> + <ul> + <li>Αποθήκευσετε περισσότερες διευθύνσεις παράδοσης</li> + <li>Παρακολούθησετε τις Παραγγελίες σας</li> + <li>Τήρησητε το Ιστορικό Παραγγελιών</li> + <li>Δημιουργήσετε προσωπικές Λίστες</li> + </ul> + </div> + <a class="button button--border checkoutTracking__action" href="Checkout_FinalSuccessDelivery.html#">Εγγραφή</a> + </div> + + <!-- Checkout steps --> + + <div class="printRow"> + <a class="link link--s" href="Checkout_FinalSuccessDelivery.html#"> + <span class="icon icon-print"></span><span>Εκτύπωση</span> + </a> + </div> + + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Checkout/Footer.html b/public/processed-views/content/Checkout/Footer.html new file mode 100644 index 0000000..19f0813 --- /dev/null +++ b/public/processed-views/content/Checkout/Footer.html @@ -0,0 +1,39 @@ +<footer class="footer footer--checkout"> + <div class="wrapper"> + <div class="footer__main"> + <p class="footer__text">Xρειάζεστε βοήθεια; Επικοινωνήστε μαζί μας στο <a href="tel:+302119900000">+30 211 + 99 00000</a> ή <a href="mailto:info@atticadps.gr">info@atticadps.gr</a></p> + </div> + <div class="footer__btm"> + <ul class="footer__copy"> + <li class="footer__copyItem"> + ©2020 + </li> + <li class="footer__copyItem"> + <img src="../Content/media/secure.png" alt=""> + </li> + </ul> + <ul class="footer__links"> + <li class="footer__linksItem"> + <a href="Checkout_Guest.html#" class="footer__linksLink"> + Όροι χρήσης + </a> + </li> + <li class="footer__linksItem"> + <a href="Checkout_Guest.html#" class="footer__linksLink"> + Πολιτική Απορρήτου + </a> + </li> + <li class="footer__linksItem"> + <a href="Checkout_Guest.html#" class="footer__linksLink"> + Cookies + </a> + </li> + </ul> + <a href="https://www.atcom.gr/" target="_blank" rel="noopener" class="footer__atcom" + aria-label="Επισκέφτείτε την ιστοσελίδα της ATCOM (ανοίγει σε νέο παράθυρο/καρτέλα)"> + <img class="lazy" data-src="/Content/Media/atcom.svg" alt="ATCOM"> + </a> + </div> + </div> +</footer>
\ No newline at end of file diff --git a/public/processed-views/content/Checkout/Guest.html b/public/processed-views/content/Checkout/Guest.html new file mode 100644 index 0000000..9530b37 --- /dev/null +++ b/public/processed-views/content/Checkout/Guest.html @@ -0,0 +1,785 @@ +<div class="wrapper wrapper--xs"> + <div class="checkout"> + + <h1 class="checkout__title">Η Παραγγελία μου</h1> + + <div class="checkoutSteps" data-plugin-accordion=""> + + <!-- STEP 1 --> + <div class="checkoutStep acc open"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"> + <span class="icon-account"></span> + Στοιχεία Παραλήπτη + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + <div class="formWrap formWrap--center"> + <div class="form"> + <div class="form__row"> + <div class="field field--small"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="region">Προσφώνηση *</label> + <div class="select" data-plugin-select=""> + <div class="select__main"> + <button class="select__button"> + <span class="select__placeholder"> + Επίλεξε + </span> + </button> + <div class="select__listWrap"> + <ul class="select__list"> + <li class="select__option" data-value="option1">Option 1 + </li> + <li class="select__option" data-value="option2">Option 2 + </li> + <li class="select__option" data-value="option3">Option 3 + </li> + <li class="select__option" data-value="option4">Option 4 + </li> + <li class="select__option" data-value="option5">Option 5 + </li> + <li class="select__option" data-value="option6">Option 6 + </li> + <li class="select__option" data-value="option7">Option 7 + </li> + <li class="select__option" data-value="option8">Option 8 + </li> + </ul> + </div> + </div> + <input type="hidden" class="select__input"> + </div> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="name">'Ονομα*</label> + <input class="field__input" id="name" type="text"> + </div> + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="surname">Επώνυμο *</label> + <input class="field__input" id="surname" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="tel">Kινητό *</label> + <input class="field__input" id="tel" type="tel"> + </div> + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="telland">Σταθερό Τηλέφωνο</label> + <input class="field__input" id="telland" type="tel"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="email">Email *</label> + <input class="field__input" id="email" type="email"> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + + <!-- STEP 2 --> + <div class="checkoutStep acc open"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"> + <span class="icon-shipping"></span> + Διεύθυνση Παράδοσης + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + <div class="formWrap formWrap--center"> + <div class="form form--col"> + <div class="form__col"> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="address2">Οδός & αριθμός</label> + <input class="field__input" id="address2" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full field--map"> + <div class="field__map"> + <div class="field__mapInner"> + <span style="position: absolute;top: calc(50% - 10px);right:0;left:0;text-align: center">MAP PLACEHOLDER</span> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="floor2">Όροφος</label> + <input class="field__input" id="floor2" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="city2">Περιοχή *</label> + <input class="field__input" id="city2" type="text" value="Αγία Παρασκευή" readonly=""> + </div> + </div> + </div> + <div class="field field--small"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="zipcode2">Ταχ. κώδικας</label> + <input class="field__input" id="zipcode2" type="text" value="15443" + readonly=""> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="region2">Νομός/Περιφέρεια</label> + <input class="field__input" id="region2" type="text" value="Αττικής" readonly=""> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full field--comments"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="comments">Οδηγίες παράδοσης</label> + <div class="textarea textarea--medium"> + <textarea class="textarea__field" id="comments" + placeholder="Γράψτε το σχόλιό σας πχ. οδηγίες για την παράδοση, διευκρίνιση για προϊόν κ.λπ."></textarea> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div class="formWrap formWrap--center"> + <div class="form form--col"> + <div class="form__col"> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap checkboxes"> + <div class="checkbox "> + <label class="checkbox__label" for="contactless"> + <input class="checkbox__input" type="checkbox" id="contactless" name="timologisi"> + <span class="checkbox__icon icon"></span> + Ανέπαφη Παράδοση <div class="field__labelInfo">(Ισχύει για + όλους τους τρόπους πληρωμής εκτός από την εξόφληση μέσω + POS)</div> + </label> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + + <!-- STEP 3 --> + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"> + <span class="icon-schedule"></span> + Χρόνος Παράδοσης + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + <a class="link link--underline" href="Checkout_Guest.html#">Τρίτη 12 Οκτωβρίου, + 11:00-13:00</a> + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + </div> + </div> + </div> + + <!-- STEP 4 --> + <div class="checkoutStep acc open"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"> + Τρόπος Πληρωμής + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + <div class="formWrap formWrap--center"> + <div class="form"> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap radiobuttons radiobuttons--inline"> + <label class="field__label field__label--multiple" for="eidosparastatikou">Είδος παραστατικού</label> + <div class="radiobutton "> + <label class="radiobutton__label" for="apodeiksi"> + <input class="radiobutton__input" type="radio" id="apodeiksi" name="eidosparastatikou" checked=""> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Απόδειξη λιανικής</span> + </label> + </div> + <div class="radiobutton "> + <label class="radiobutton__label" for="timologio"> + <input class="radiobutton__input" type="radio" id="timologio" name="eidosparastatikou"> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Τιμολόγιο</span> + </label> + </div> + </div> + </div> + </div> + </div> + + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="vat">Εταιρικός ΑΦΜ*</label> + <input class="field__input" id="vat" type="text"> + </div> + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="bussiness name">Επωνυμία*</label> + <input class="field__input" id="bussiness name" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="profession">Επάγγελμα*</label> + <input class="field__input" id="profession" type="text"> + </div> + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="doy">ΔΟΥ*</label> + <input class="field__input" id="doy" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="address2">Οδός & αριθμός*</label> + <input class="field__input" id="address2" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="floor2">Όροφος</label> + <input class="field__input" id="floor2" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="city3">Περιοχή *</label> + <input class="field__input" id="city3" type="text"> + </div> + </div> + </div> + <div class="field field--small"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="zipcode3">Ταχ. κώδικας</label> + <input class="field__input" id="zipcode3" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="region3">Νομός/Περιφέρεια</label> + <input class="field__input" id="region3" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap radiobuttons"> + <label class="field__label field__label--multiple" for="troposplirwmis">Τρόποι πληρωμής</label> + <div class="radiobutton"> + <label class="radiobutton__label" for="card"> + <input class="radiobutton__input" type="radio" id="card" + name="troposplirwmis"> + <span class="radiobutton__icon"></span> + Online πληρωμή με κάρτα + </label> + </div> + <div class="formBox formBox--inner"> + <fieldset> + <legend class="field__legend" for="cardoptions">Είδος + παραστατικού</legend> + <div class="radiobuttons radiobuttons--inline"> + <div class="radiobutton "> + <label class="radiobutton__label" for="card_a"> + <input class="radiobutton__input" type="radio" id="card_a" name="bank"> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Alpha Bank</span> + </label> + </div> + <div class="radiobutton "> + <label class="radiobutton__label" for="card_b"> + <input class="radiobutton__input" type="radio" id="card_b" name="bank"> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Eurobank</span> + </label> + </div> + <div class="radiobutton "> + <label class="radiobutton__label" for="card_c"> + <input class="radiobutton__input" type="radio" id="card_c" name="bank"> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Εθνική + Τράπεζα</span> + </label> + </div> + <div class="radiobutton "> + <label class="radiobutton__label" for="card_d"> + <input class="radiobutton__input" type="radio" id="card_d" name="bank"> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Τράπεζα + Πειραιώς</span> + </label> + </div> + <div class="radiobutton "> + <label class="radiobutton__label" for="card_e"> + <input class="radiobutton__input" type="radio" id="card_e" name="bank"> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Άλλες κάρτες</span> + </label> + </div> + </div> + </fieldset> + </div> + <div class="radiobutton"> + <label class="radiobutton__label" for="antikatavoli"> + <input class="radiobutton__input" type="radio" id="antikatavoli" name="troposplirwmis"> + <span class="radiobutton__icon"></span> + Κάρτα κατά την Παράδοση (POS) ή Διατακτικές ή Δωροεπιταγές + <span class="radiobutton__checkedText">Η πληρωμή της παραγγελίας + γίνεται κατά την παράδοσή της από τον υπάλληλο της + συνεργαζόμενης εταιρείας ταχυμεταφορών (ACS Courier) <b>με + μετρητά</b>.</span> + </label> + </div> + + <div class="radiobutton"> + <label class="radiobutton__label" for="paypal"> + <input class="radiobutton__input" type="radio" id="paypal" + name="troposplirwmis"> + <span class="radiobutton__icon"></span> + Μετρητά + </label> + </div> + + <div class="radiobutton"> + <label class="radiobutton__label" for="bankdeposit"> + <input class="radiobutton__input" type="radio" id="bankdeposit" + name="troposplirwmis"> + <span class="radiobutton__icon"></span> + Κατάθεση σε τραπεζικό λογαριασμό + </label> + </div> + + </div> + </div> + </div> + </div> + + </div> + </div> + </div> + </div> + </div> + + <div class="checkoutStep acc"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle">Αξία Καλαθιού</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum"> + <strong>25,30 €</strong> + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + <div class="basketTable"> + <div class="unavailabelBox"> + <h4 class="unavailabelBox__title"> + Μη διαθέσιμα προϊόντα(5) + </h4> + <div class="basketTable__row basketTable__row--unavail"> + <div class="basketTable__cell basketTable__cell--product"> + <div class="product"> + <div class="product__inner"> + <div class="product__img"> + <figure> + <picture> + <source + data-srcset="/images/300x300/png/Content/media/sampleProduct.webp" + type="image/webp" class="lazysrcset"> + <source + data-srcset="/images/300x300/png/Content/media/sampleProduct.jp2" + type="image/jp2" class="lazysrcset"> + + + <img data-src="/images/300x300/png/Content/media/sampleProduct.png" + alt="product" class="lazy"> + </picture> + </figure> + </div> + <a href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/psomi-artoskeyasmata/koyloyri-thessalonikis/baker-master-koulouri-thessalonikis-olikis-alesis-98gr-1475651-1475651/" + class="product__title"> + Κουλούρι Θεσσαλονίκης Ολικής Άλεσης BAKER MASTER 98gr + </a> + <div class="product__more"></div> + </div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--button"> + <button class="button button--s button--border"> + Σχετικά προϊόντα + </button> + </div> + </div> + <div class="basketTable__row basketTable__row--unavail"> + <div class="basketTable__cell basketTable__cell--product"> + <div class="product"> + <div class="product__inner"> + <div class="product__img"> + <figure> + <picture> + <source + data-srcset="/images/300x300/png/Content/media/sampleProduct.webp" + type="image/webp" class="lazysrcset"> + <source + data-srcset="/images/300x300/png/Content/media/sampleProduct.jp2" + type="image/jp2" class="lazysrcset"> + + + <img data-src="/images/300x300/png/Content/media/sampleProduct.png" + alt="product" class="lazy"> + </picture> + </figure> + </div> + <a href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/psomi-artoskeyasmata/koyloyri-thessalonikis/baker-master-koulouri-thessalonikis-90gr-1274670-1274670/" + class="product__title"> + Κουλούρι Θεσσαλονίκης BAKER MASTER 90gr + </a> + <div class="product__more"></div> + </div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--button"> + <button class="button button--s button--border"> + Σχετικά προϊόντα + </button> + </div> + </div> + <div class="listTools listTools--noBorder"> + <button class="link"> + <span class="icon icon-search"></span> + <span> + Αναζήτηση σχετικών προϊόντων + </span> + </button> + <button class="link"> + <span class="icon icon-delete"></span> + <span> + Διαγραφή όλων + </span> + </button> + </div> + </div> + <div class="basketTable__row basketTable__row--head"> + <div class="basketTable__cell basketTable__cell--product">Προϊόντα <span + class="basketTable__no">(1)</span></div> + <div class="basketTable__cell basketTable__cell--quant">Ποσότητα</div> + <div class="basketTable__cell basketTable__cell--price">Αξία</div> + </div> + <div class="basketTable__row"> + <div class="basketTable__cell basketTable__cell--product"> + <div class="product"> + <div class="product__inner"> + <div class="product__img"> + <figure> + <picture> + <source + data-srcset="/images/300x300/png/Content/media/sampleProduct.webp" + type="image/webp" class="lazysrcset"> + <source + data-srcset="/images/300x300/png/Content/media/sampleProduct.jp2" + type="image/jp2" class="lazysrcset"> + + + <img data-src="/images/300x300/png/Content/media/sampleProduct.png" + alt="product" class="lazy"> + </picture> + </figure> + </div> + <a href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/psomi-artoskeyasmata/mpagketa-margarita-alla-psomia-gia-santoyits/kouver-galliko-4x50gr-1267084-1267084/" + class="product__title"> + Κουβέρ Γαλλικό 4x50gr + </a> + <div class="product__more"></div> + </div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--quant"> + <div class="product__quantity" + data-plugin-cartquantity="{"sku":"1267084","step":1.0,"buyable":false,"maximumQuantity":24.0,"unitDisplay":"τεμ.","stock":{"outOfStock":false,"available":24.0,"category":0,"receivingDate":0.0}}" + plugins-ignore="true" data-v-app=""> + <div class="quantity"><button class="quantity__btn quantity__btn--dec"></button> + <div class="quantity__input">1 <span>τεμ.</span></div><button + class="quantity__btn quantity__btn--inc"></button> + <div class="quantity__message quantity__message--"></div> + </div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--price"> + <div class="priceBlock"> + <div class="priceBlock__price">0,70<span class="currency">€</span></div> + </div> + </div> + </div> + <div class="basketTable__row"> + <div class="basketTable__cell basketTable__cell--product"> + <div class="product"> + <div class="product__inner"> + <div class="product__img"> + <figure> + <picture> + <source data-srcset="/images/300x300/png/Content/media/sampleProduct.webp" type="image/webp" class="lazysrcset"> + <source data-srcset="/images/300x300/png/Content/media/sampleProduct.jp2" type="image/jp2" class="lazysrcset"> + <img data-src="/images/300x300/png/Content/media/sampleProduct.png" alt="product" class="lazy"> + </picture> + </figure> + </div> + <a href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/psomi-artoskeyasmata/mpagketa-margarita-alla-psomia-gia-santoyits/kouver-galliko-4x50gr-1267084-1267084/" class="product__title"> + Κουβέρ Γαλλικό 4x50gr + </a> + <div class="product__more"></div> + </div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--quant"> + <div class="product__quantity" data-plugin-cartquantity="{"sku":"1267084","step":1.0,"buyable":false,"maximumQuantity":24.0,"unitDisplay":"τεμ.","stock":{"outOfStock":false,"available":24.0,"category":0,"receivingDate":0.0}}" plugins-ignore="true" data-v-app=""> + <div class="quantity"><button class="quantity__btn quantity__btn--dec"></button> + <div class="quantity__input">1 <span>τεμ.</span></div><button + class="quantity__btn quantity__btn--inc"></button> + <div class="quantity__message quantity__message--"></div> + </div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--price"> + <div class="priceBlock"> + <div class="priceBlock__price">0,70<span class="currency">€</span></div> + </div> + </div> + </div> + </div> + <div class="formWrap formWrap--center"> + <form class="form form--basket" data-qa="basket"> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap"> + <label class="field__label" for="comments">Σχόλια παραγγελίας</label> + <div class="textarea"> + <textarea class="textarea__field" id="comments" + placeholder="Οδηγίες, διευκρίνηση για προϊόν"></textarea> + </div> + </div> + </div> + </div> + </div> + </form> + </div> + </div> + </div> + </div> + + <div class="checkoutStep acc"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle">Αξία Εταιρικού Κωδικού</div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + + </div> + </div> + </div> + + <div class="checkoutStep acc"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle"> + Χρέωση Συσκευασίας + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + 1 x Βιοαποικοδομήσιμες σακούλες + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum"> + 0,08 € + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + </div> + </div> + </div> + <div class="checkoutStep acc"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle"> + Χρέωση Αποστολής + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum"> + 2,70 € + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + </div> + </div> + </div> + <div class="checkoutStep acc"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle"> + Σύνολο Παραγγελίας + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum acc__headerInnerTitle--large"> + <strong>28,16 €</strong> + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + </div> + </div> + </div> + <div class="checkoutStep checkoutStep--bottomInfo"> + <div class="formTip"> + <p>Τα πεδία με (*) είναι υποχρεωτικά</p> + </div> + </div> + <div class="checkoutStep checkoutStep--final"> + <div class="checkoutStep__main"> + <div class="form"> + <div class="form__row"> + <div class="field field--full field--centered"> + <div class="field__inner"> + <div class="field__wrap checkboxes"> + <div class="checkbox "> + <label class="checkbox__label" for="checkoutTerms"> + <input class="checkbox__input" type="checkbox" id="checkoutTerms" name="checkoutTerms"> + <span class="checkbox__icon icon"></span> + Έχω διαβάσει και αποδέχομαι τους <a class="link link--underline" href="Checkout_Guest.html#">Όρους Χρήσης</a> & την <a class="link link--underline" href="Checkout_Guest.html#">Πολιτική + Απορρήτου</a>. + </label> + + </div> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full field--centered"> + <button data-qa="form_submit" class="button button--green widthAuto" + type="submit">Αγορά</button> + </div> + </div> + </div> + </div> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Checkout/Header.html b/public/processed-views/content/Checkout/Header.html new file mode 100644 index 0000000..d857d99 --- /dev/null +++ b/public/processed-views/content/Checkout/Header.html @@ -0,0 +1,25 @@ +<div class="header__top"> + <div class="wrapper header__topInner"> + <a href="Checkout_FinalSuccessDelivery.html#" class="link link--wIcon"> + <span class="icon icon-arrowLeft"></span> + <span>Πίσω στο καλάθι</span> + </a> + <div class="header__logo"> + <h1><img src="../Content/media/logo.svg" alt="atcom"></h1> + </div> + <div class="secureCheckout"> + <span class="secureCheckout__text">Secure checkout</span> + <div class="secureCheckout__img"> + <figure> + <picture> + <source data-srcset="/images/142x28/png/Content/media/secureCheckout.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/142x28/png/Content/media/secureCheckout.jp2" type="image/jp2" + class="lazysrcset"> + <img data-src="/images/142x28/png/Content/media/secureCheckout.png" alt="Alt text" class="lazy"> + </picture> + </figure> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Checkout/Order_Truck.html b/public/processed-views/content/Checkout/Order_Truck.html new file mode 100644 index 0000000..2e989a0 --- /dev/null +++ b/public/processed-views/content/Checkout/Order_Truck.html @@ -0,0 +1,11 @@ +<div class="orderTrack"> + <div class="orderTrack__inner"> + <div class="indicator indicator--green"> + Σε επεξεργασία... + </div> + <p class="orderTrack__text"><strong>Παραλαβή:</strong> Θησέως 1-3, Μαρούσι, + <span class="orderTrack__date">Δευτέρα 15 Νοεμβρίου, 14:00-21:00</span> + </p> + </div> + <button class="iconButton iconButton--s iconButton--orange icon-arrowRight--circle orderTrack__action"></button> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Checkout/Registered.html b/public/processed-views/content/Checkout/Registered.html new file mode 100644 index 0000000..4cdb022 --- /dev/null +++ b/public/processed-views/content/Checkout/Registered.html @@ -0,0 +1,788 @@ +<div class="wrapper wrapper--xs"> + <div class="checkout"> + <h1 class="checkout__title">Η Παραγγελία μου</h1> + <div class="checkoutSteps" data-plugin-accordion=""> + <!-- STEP 1 --> + <div class="checkoutStep acc"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"> + <span class="icon-account"></span> + Στοιχεία Παραλήπτη + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + Κατερίνα Παπαδοπούλου<span class="separate">|</span>6978055944 + <div class="acc__error"> + <p>error message</p> + </div> + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + <div class="formWrap formWrap--center"> + <div class="form"> + <div class="form__row"> + <div class="field field--small"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="region">Προσφώνηση *</label> + <div class="select" data-plugin-select=""> + <div class="select__main"> + <button class="select__button"> + <span class="select__placeholder"> + Επίλεξε + </span> + </button> + <div class="select__listWrap"> + <ul class="select__list"> + <li class="select__option" data-value="option1">Option 1 + </li> + <li class="select__option" data-value="option2">Option 2 + </li> + <li class="select__option" data-value="option3">Option 3 + </li> + <li class="select__option" data-value="option4">Option 4 + </li> + <li class="select__option" data-value="option5">Option 5 + </li> + <li class="select__option" data-value="option6">Option 6 + </li> + <li class="select__option" data-value="option7">Option 7 + </li> + <li class="select__option" data-value="option8">Option 8 + </li> + </ul> + </div> + </div> + <input type="hidden" class="select__input"> + </div> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="name">'Ονομα*</label> + <input class="field__input" id="name" type="text"> + </div> + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="surname">Επώνυμο *</label> + <input class="field__input" id="surname" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="tel">Kινητό *</label> + <input class="field__input" id="tel" type="tel"> + </div> + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="telland">Σταθερό Τηλέφωνο</label> + <input class="field__input" id="telland" type="tel"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="email">Email *</label> + <input class="field__input" id="email" type="email"> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <!-- STEP 2 --> + <div class="checkoutStep acc open"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"> + <span class="icon-shipping"></span> + Διεύθυνση Παράδοσης + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + <div class="formWrap formWrap--center"> + <form class="form" data-qa="checkoutStep2Registered"> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap radiobuttons radiobuttons--addresses"> + <div class="radiobutton radiobutton--box radiobutton--readonly"> + <button class="link radiobutton__action">Αλλαγή Διεύθυνσης</button> + <input class="radiobutton__input" type="radio" id="address1" + name="addressradio" checked=""> + <span class="radiobutton__icon"></span> + <label class="radiobutton__label" for="address1"> + <span class="radiobutton__labelTag"> + Προεπιλεγμένη + </span> + Διακογιάνη 5, Μαρούσι, Αθήνα, 11154, Αττική + </label> + <span class="radiobutton__border"></span> + </div> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full field--comments"> + <div class="field__inner"> + <div class="field__wrap"> + <label class="field__label" for="comments">Οδηγίες παράδοσης</label> + <div class="textarea textarea--medium"> + <textarea class="textarea__field" id="comments" placeholder="Γράψτε το σχόλιό σας πχ. όροφος, κουδούνι κλπ..."></textarea> + </div> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap checkboxes"> + <div class="checkbox "> + <label class="checkbox__label" for="contactless"> + <input class="checkbox__input" type="checkbox" id="contactless" name="timologisi"> + <span class="checkbox__icon icon"></span> + Ανέπαφη Παράδοση + <div class="field__labelInfo"> + (Ισχύει για όλους τους τρόπους πληρωμής εκτός από την εξόφληση μέσω POS) + </div> + </label> + </div> + </div> + </div> + </div> + </div> + </form> + </div> + </div> + </div> + </div> + <!-- STEP 3 --> + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"><span class="icon-schedule"></span>Χρόνος Παράδοσης</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + <a class="link link--underline" href="Checkout_Registered.html#">Τρίτη 12 Οκτωβρίου, + 11:00-13:00</a> + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + </div> + </div> + </div> + <!-- STEP 4 --> + <div class="checkoutStep acc open"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"> + Τρόπος Πληρωμής + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + <div class="formWrap formWrap--center"> + <div class="form"> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap radiobuttons radiobuttons--inline"> + <label class="field__label field__label--multiple" + for="eidosparastatikou">Είδος παραστατικού</label> + <div class="radiobutton "> + <label class="radiobutton__label" for="apodeiksi"> + <input class="radiobutton__input" type="radio" id="apodeiksi" name="eidosparastatikou" checked=""> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Απόδειξη λιανικής</span> + </label> + </div> + <div class="radiobutton "> + <label class="radiobutton__label" for="timologio"> + <input class="radiobutton__input" type="radio" id="timologio" name="eidosparastatikou"> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Τιμολόγιο</span> + </label> + </div> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="vat">Εταιρικός ΑΦΜ*</label> + <input class="field__input" id="vat" type="text"> + </div> + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="bussiness name">Επωνυμία*</label> + <input class="field__input" id="bussiness name" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="profession">Επάγγελμα*</label> + <input class="field__input" id="profession" type="text"> + </div> + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="doy">ΔΟΥ*</label> + <input class="field__input" id="doy" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="address2">Οδός & αριθμός*</label> + <input class="field__input" id="address2" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="floor2">Όροφος</label> + <input class="field__input" id="floor2" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="city3">Περιοχή *</label> + <input class="field__input" id="city3" type="text"> + </div> + </div> + </div> + <div class="field field--small"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="zipcode3">Ταχ. κώδικας</label> + <input class="field__input" id="zipcode3" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap "> + <label class="field__label" for="region3">Νομός/Περιφέρεια</label> + <input class="field__input" id="region3" type="text"> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap radiobuttons"> + <label class="field__label field__label--multiple" + for="troposplirwmis">Τρόποι πληρωμής</label> + <div class="radiobutton"> + <label class="radiobutton__label" for="card"> + <input class="radiobutton__input" type="radio" id="card" name="troposplirwmis"> + <span class="radiobutton__icon"></span> + Online πληρωμή με κάρτα + <span class="radiobutton__checkedText">Επιλέγοντας "Συνέχεια + στην Πληρωμη" θα μεταβείτε στο ασφαλές περιβάλλον της Viva + Wallet για να ολοκληρώσετε τις αγορές σας.</span> + </label> + </div> + <div class="formBox formBox--inner formBox--plain"> + <div class="select select--card" data-plugin-select=""> + <div class="select__main"> + <button class="select__button"> + <span class="select__placeholder"> + <span class="cardRow"> + <span class="cardRow__logo"> + <img class="lazy" data-src="/Content/media/cards/visa.png"> + </span> + <span class="cardRow__info"> + <span + class="cardRow__status">Προεπιλεγμένη</span> + <span + class="cardRow__number">430589******2000</span> + <span class="cardRow__expiration">Ημ. λήξης: + 01/2025</span> + </span> + </span> + </span> + </button> + <div class="select__listWrap"> + <ul class="select__list"> + <li class="select__option" data-value="option2"> + <span class="cardRow"> + <span class="cardRow__logo"> + <img class="lazy" data-src="/Content/media/cards/mastercard.png"> + </span> + <span class="cardRow__info"> + <span + class="cardRow__status">Προεπιλεγμένη</span> + <span + class="cardRow__number">430589******2000</span> + <span class="cardRow__expiration">Ημ. + λήξης: 01/2025</span> + </span> + </span> + </li> + <li class="select__option disabled" + data-value="option3"> + <span class="cardRow disabled"> + <span class="cardRow__logo"> + <img class="lazy" data-src="/Content/media/cards/visa.png"> + </span> + <span class="cardRow__info"> + <span + class="cardRow__status">Προεπιλεγμένη</span> + <span + class="cardRow__number">451235******5678</span> + <span class="cardRow__expiration">Ημ. + λήξης: 12/2021</span> + <span class="cardRow__msg">Η κάρτα έχει + λήξει</span> + </span> + </span> + </li> + <li class="select__option" data-value="option4"> + <span class="cardRow"> + <span class="cardRow__logo"> + <span class="icon-card"></span> + </span> + <span class="cardRow__info"> + <span class="cardRow__add">Προσθήκη νέας + κάρτας</span> + </span> + </span> + </li> + </ul> + </div> + </div> + <input type="hidden" class="select__input"> + </div> + </div> + <div class="formBox formBox--inner"> + <fieldset> + <legend class="field__legend" for="cardoptions">Είδος + παραστατικού</legend> + <div class="radiobuttons radiobuttons--inline"> + <div class="radiobutton "> + <label class="radiobutton__label" for="card_a"> + <input class="radiobutton__input" type="radio" id="card_a" name="bank"> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Alpha Bank</span> + </label> + </div> + <div class="radiobutton "> + <label class="radiobutton__label" for="card_b"> + <input class="radiobutton__input" type="radio" id="card_b" name="bank"> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Eurobank</span> + </label> + </div> + <div class="radiobutton "> + <label class="radiobutton__label" for="card_c"> + <input class="radiobutton__input" type="radio" id="card_c" name="bank"> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Εθνική + Τράπεζα</span> + </label> + </div> + <div class="radiobutton "> + <label class="radiobutton__label" for="card_d"> + <input class="radiobutton__input" type="radio" id="card_d" name="bank"> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Τράπεζα + Πειραιώς</span> + </label> + </div> + <div class="radiobutton "> + <label class="radiobutton__label" for="card_e"> + <input class="radiobutton__input" type="radio" id="card_e" name="bank"> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Άλλες κάρτες</span> + </label> + </div> + </div> + </fieldset> + </div> + <div class="formBox formBox--inner"> + <div class="checkbox "> + <label class="checkbox__label" for="addcard"> + <input class="checkbox__input" type="checkbox" id="addcard" name="addcard"> + <span class="checkbox__icon icon"></span> + Αποθήκευση των στοιχείων της κάρτας για επόμενες αγορές <div class="field__labelInfo">Σχετικά με τις πληροφορίες που + αποθηκεύονται στο site μας, δείτε περισσότερα στην <a class="link link--underline" href="Checkout_Registered.html#">πολιτική + απορρήτου.</a></div> + </label> + </div> + <div class="formBox__more"> + <span class="icon-safePay"></span> + <strong>Ασφαλείς online αγορές</strong> + </div> + </div> + <div class="radiobutton"> + <label class="radiobutton__label" for="antikatavoli"> + <input class="radiobutton__input" type="radio" id="antikatavoli" name="troposplirwmis"> + <span class="radiobutton__icon"></span> + Κάρτα κατά την Παράδοση (POS) ή Διατακτικές ή Δωροεπιταγές + <span class="radiobutton__checkedText">Η πληρωμή της παραγγελίας + γίνεται κατά την παράδοσή της από τον υπάλληλο της + συνεργαζόμενης εταιρείας ταχυμεταφορών (ACS Courier) <b>με + μετρητά</b>.</span> + </label> + </div> + <div class="radiobutton"> + <label class="radiobutton__label" for="paypal"> + <input class="radiobutton__input" type="radio" id="paypal" name="troposplirwmis"> + <span class="radiobutton__icon"></span> + Μετρητά + </label> + </div> + <div class="radiobutton"> + <label class="radiobutton__label" for="bankdeposit"> + <input class="radiobutton__input" type="radio" id="bankdeposit" name="troposplirwmis"> + <span class="radiobutton__icon"></span> + Κατάθεση σε τραπεζικό λογαριασμό + </label> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div class="checkoutStep acc"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle">Αξία Καλαθιού</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum"> + <strong>25,30 €</strong> + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + <div class="basketTable"> + <div class="unavailabelBox"> + <h4 class="unavailabelBox__title"> + Μη διαθέσιμα προϊόντα(5) + </h4> + <div class="basketTable__row basketTable__row--unavail"> + <div class="basketTable__cell basketTable__cell--product"> + <div class="product"> + <div class="product__inner"> + <div class="product__img"> + <figure> + <picture> + <source data-srcset="/images/300x300/png/Content/media/sampleProduct.webp" type="image/webp" class="lazysrcset"> + <source data-srcset="/images/300x300/png/Content/media/sampleProduct.jp2" type="image/jp2" class="lazysrcset"> + <img data-src="/images/300x300/png/Content/media/sampleProduct.png" alt="product" class="lazy"> + </picture> + </figure> + </div> + <a href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/psomi-artoskeyasmata/koyloyri-thessalonikis/baker-master-koulouri-thessalonikis-olikis-alesis-98gr-1475651-1475651/" class="product__title"> + Κουλούρι Θεσσαλονίκης Ολικής Άλεσης BAKER MASTER 98gr + </a> + <div class="product__more"></div> + </div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--button"> + <button class="button button--s button--border"> + Σχετικά προϊόντα + </button> + </div> + </div> + <div class="basketTable__row basketTable__row--unavail"> + <div class="basketTable__cell basketTable__cell--product"> + <div class="product"> + <div class="product__inner"> + <div class="product__img"> + <figure> + <picture> + <source data-srcset="/images/300x300/png/Content/media/sampleProduct.webp" type="image/webp" class="lazysrcset"> + <source data-srcset="/images/300x300/png/Content/media/sampleProduct.jp2" type="image/jp2" class="lazysrcset"> + <img data-src="/images/300x300/png/Content/media/sampleProduct.png" alt="product" class="lazy"> + </picture> + </figure> + </div> + <a href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/psomi-artoskeyasmata/koyloyri-thessalonikis/baker-master-koulouri-thessalonikis-90gr-1274670-1274670/" class="product__title"> + Κουλούρι Θεσσαλονίκης BAKER MASTER 90gr + </a> + <div class="product__more"></div> + </div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--button"> + <button class="button button--s button--border"> + Σχετικά προϊόντα + </button> + </div> + </div> + <div class="listTools listTools--noBorder"> + <button class="link"> + <span class="icon icon-search"></span> + <span> + Αναζήτηση σχετικών προϊόντων + </span> + </button> + <button class="link"> + <span class="icon icon-delete"></span> + <span> + Διαγραφή όλων + </span> + </button> + </div> + </div> + <div class="basketTable__row basketTable__row--head"> + <div class="basketTable__cell basketTable__cell--product">Προϊόντα <span + class="basketTable__no">(1)</span></div> + <div class="basketTable__cell basketTable__cell--quant">Ποσότητα</div> + <div class="basketTable__cell basketTable__cell--price">Αξία</div> + </div> + <div class="basketTable__row"> + <div class="basketTable__cell basketTable__cell--product"> + <div class="product"> + <div class="product__inner"> + <div class="product__img"> + <figure> + <picture> + <source data-srcset="/images/300x300/png/Content/media/sampleProduct.webp" type="image/webp" class="lazysrcset"> + <source data-srcset="/images/300x300/png/Content/media/sampleProduct.jp2" type="image/jp2" class="lazysrcset"> + <img data-src="/images/300x300/png/Content/media/sampleProduct.png" alt="product" class="lazy"> + </picture> + </figure> + </div> + <a href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/psomi-artoskeyasmata/mpagketa-margarita-alla-psomia-gia-santoyits/kouver-galliko-4x50gr-1267084-1267084/" + class="product__title"> + Κουβέρ Γαλλικό 4x50gr + </a> + <div class="product__more"></div> + </div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--quant"> + <div class="product__quantity" data-plugin-cartquantity="{"sku":"1267084","step":1.0,"buyable":false,"maximumQuantity":24.0,"unitDisplay":"τεμ.","stock":{"outOfStock":false,"available":24.0,"category":0,"receivingDate":0.0}}" plugins-ignore="true" data-v-app=""> + <div class="quantity"><button class="quantity__btn quantity__btn--dec"></button> + <div class="quantity__input">1 <span>τεμ.</span></div> + <button class="quantity__btn quantity__btn--inc"></button> + <div class="quantity__message quantity__message--"></div> + </div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--price"> + <div class="priceBlock"> + <div class="priceBlock__price">0,70<span class="currency">€</span></div> + </div> + </div> + </div> + <div class="basketTable__row"> + <div class="basketTable__cell basketTable__cell--product"> + <div class="product"> + <div class="product__inner"> + <div class="product__img"> + <figure> + <picture> + <source data-srcset="/images/300x300/png/Content/media/sampleProduct.webp" type="image/webp" class="lazysrcset"> + <source data-srcset="/images/300x300/png/Content/media/sampleProduct.jp2" type="image/jp2" class="lazysrcset"> + <img data-src="/images/300x300/png/Content/media/sampleProduct.png" alt="product" class="lazy"> + </picture> + </figure> + </div> + <a href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/psomi-artoskeyasmata/mpagketa-margarita-alla-psomia-gia-santoyits/kouver-galliko-4x50gr-1267084-1267084/" class="product__title"> + Κουβέρ Γαλλικό 4x50gr + </a> + <div class="product__more"></div> + </div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--quant"> + <div class="product__quantity" data-plugin-cartquantity="{"sku":"1267084","step":1.0,"buyable":false,"maximumQuantity":24.0,"unitDisplay":"τεμ.","stock":{"outOfStock":false,"available":24.0,"category":0,"receivingDate":0.0}}" plugins-ignore="true" data-v-app=""> + <div class="quantity"><button class="quantity__btn quantity__btn--dec"></button> + <div class="quantity__input">1 <span>τεμ.</span></div><button + class="quantity__btn quantity__btn--inc"></button> + <div class="quantity__message quantity__message--"></div> + </div> + </div> + </div> + <div class="basketTable__cell basketTable__cell--price"> + <div class="priceBlock"> + <div class="priceBlock__price">0,70<span class="currency">€</span></div> + </div> + </div> + </div> + </div> + <div class="formWrap formWrap--center"> + <form class="form form--basket" data-qa="basket"> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap"> + <label class="field__label" for="comments">Σχόλια παραγγελίας</label> + <div class="textarea"> + <textarea class="textarea__field" id="comments" placeholder="Οδηγίες, διευκρίνηση για προϊόν"></textarea> + </div> + </div> + </div> + </div> + </div> + </form> + </div> + </div> + </div> + </div> + <div class="checkoutStep acc"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle">Αξία Εταιρικού Κωδικού</div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + </div> + </div> + </div> + <div class="checkoutStep acc"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle"> + Χρέωση Συσκευασίας + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + 1 x Βιοαποικοδομήσιμες σακούλες + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum"> + 0,08 € + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + </div> + </div> + </div> + <div class="checkoutStep acc"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle"> + Χρέωση Αποστολής + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum"> + 2,70 € + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + </div> + </div> + </div> + <div class="checkoutStep acc"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle"> + Σύνολο Παραγγελίας + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum acc__headerInnerTitle--large"> + <strong>28,16 €</strong> + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + </div> + </div> + </div> + <div class="checkoutStep checkoutStep--bottomInfo"> + <div class="formTip"> + <p>Τα πεδία με (*) είναι υποχρεωτικά</p> + </div> + </div> + <div class="checkoutStep checkoutStep--final"> + <div class="checkoutStep__main"> + <div class="form"> + <div class="form__row"> + <div class="field field--full field--centered"> + <div class="field__inner"> + <div class="field__wrap checkboxes"> + <div class="checkbox "> + <label class="checkbox__label" for="checkoutTerms"> + <input class="checkbox__input" type="checkbox" id="checkoutTerms" name="checkoutTerms"> + <span class="checkbox__icon icon"></span> + Έχω διαβάσει και αποδέχομαι τους <a class="link link--underline" href="Checkout_Registered.html#">Όρους Χρήσης</a> & την <a class="link link--underline" href="Checkout_Registered.html#">Πολιτική Απορρήτου</a>. + </label> + </div> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full field--centered"> + <button data-qa="form_submit" class="button button--green widthAuto" type="submit">Αγορά</button> + </div> + </div> + </div> + </div> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Checkout/Result.html b/public/processed-views/content/Checkout/Result.html new file mode 100644 index 0000000..74d685f --- /dev/null +++ b/public/processed-views/content/Checkout/Result.html @@ -0,0 +1,12 @@ +<div class="result"> + <div class="result__content"> + <figure class="result__mainimg"> + <picture> + <img src="../Content/media/deliverySuccess.svg"> + </picture> + </figure> + <h1 class="result__title">Σας ευχαριστούμε</h1> + <p class="result__p result__p--b">Η παραγγελία σας καταχωρήθηκε επιτυχώς</p> + <p class="result__code">Ο κωδικός της Παραγγελίας σας είναι: <strong>F0686A8F3356</strong></p> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Checkout/Steps.html b/public/processed-views/content/Checkout/Steps.html new file mode 100644 index 0000000..9c2d084 --- /dev/null +++ b/public/processed-views/content/Checkout/Steps.html @@ -0,0 +1,137 @@ +<h2>Η Παραγγελία μου</h2> + +<div class="checkoutSteps" data-plugin-accordion=""> + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"><span class="icon-account"></span>Στοιχεία Παραλήπτη</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + Κατερίνα Παπαδοπούλου<span class="separate">|</span>6978055944 + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"><span class="icon-shipping"></span>Διεύθυνση Παραλαβής</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info">Θησέως 1-3, Μαρούσι</div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"><span class="icon-schedule"></span>Χρόνος Παράδοσης</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + <a class="link link--underline" href="Checkout_FinalSuccessDelivery.html#">Τρίτη 12 + Οκτωβρίου, 11:00-13:00</a> + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle">Τρόπος Πληρωμής</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + Απόδειξη λιανικής<span class="separate">|</span>Online πληρωμή με κάρτα + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle">Αξία Καλαθιού</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum"> + <strong>25,30 €</strong> + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle">Αξία Εταιρικού Κωδικού</div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle">Χρέωση συσκευασίας</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + 1 x Βιοαποικοδομήσιμες σακούλες + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum"> + 0,08 € + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle">Χρέωση Αποστολής</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum"> + 2,70 € + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle">Σύνολο Παραγγελίας</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum acc__headerInnerTitle--large"> + <strong>28,16 €</strong> + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Checkout/Yellows_Redemption.html b/public/processed-views/content/Checkout/Yellows_Redemption.html new file mode 100644 index 0000000..3b09f8e --- /dev/null +++ b/public/processed-views/content/Checkout/Yellows_Redemption.html @@ -0,0 +1,21 @@ +<div class="wrapper wrapper--xs"> + <div class="checkout"> + <div class="checkoutMsg"> + <h1 class="checkoutMsg__title">Θα θέλατε να εξαργυρώσετε τα yellows σας;</h1> + <form data-qa="yellows"> + <ul class="loyaltyList list--orange"> + <li>Έχετε <strong>2.919.845</strong> yellows που αντιστοιχούν σε <strong>5.836,69€</strong></li> + <li>Πόσα ευρώ θελετε να εξαργυρώσετε;<input class="field__input field__input--inlineB field__input--sm" type="number" name="name" value="">€</li> + </ul> + <div class="btnWrap btnWrap--hCenter"> + <button type="submit" class="button button--green button--border">Συνέχεια χωρίς εξαργύρωση</button> + <button type="submit" class="button button--green">Συνέχεια με εξαργύρωση</button> + </div> + </form> + <div class=""> + <img class="lazy" data-src="/Content/media/piraeusLogo.svg"> + <img class="lazy" data-src="/Content/media/piraeusLogoYellow.svg"> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Content/404.html b/public/processed-views/content/Content/404.html new file mode 100644 index 0000000..c59e29a --- /dev/null +++ b/public/processed-views/content/Content/404.html @@ -0,0 +1,10 @@ +<div class="wrapper wrapper--xs"> + <div class="result result--fullheight"> + <div class="result__content"> + <span class="result__mainicon result__mainicon--border result__mainicon--orange icon-cone"></span> + <h1 class="result__title">Λυπούμαστε, η σελίδα δεν βρέθηκε.</h1> + <p class="result__p">Μπορείτε να γυρίσετε πίσω ή να μετακινηθείτε στην αρχική σελίδα.</p> + <a class="result__button button button--border" href="404.html#">Aρχική σελίδα</a> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Content/404NotSupported.html b/public/processed-views/content/Content/404NotSupported.html new file mode 100644 index 0000000..60a81fc --- /dev/null +++ b/public/processed-views/content/Content/404NotSupported.html @@ -0,0 +1,14 @@ +<div class="wrapper wrapper--xs"> + <div class="result result--fullheight"> + <div class="result__content"> + <figure class="result__mainimg result__mainimg--notsupported"> + <picture> + <img src="../Content/media/notsupported.svg"> + </picture> + </figure> + <h1 class="result__title">Lorem ipsum dolor sit amet consec</h1> + <p class="result__p">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> + <a class="result__button button button--border" href="404 - not supported.html#">Aρχική σελίδα</a> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Content/CCTV.html b/public/processed-views/content/Content/CCTV.html new file mode 100644 index 0000000..8da4b3d --- /dev/null +++ b/public/processed-views/content/Content/CCTV.html @@ -0,0 +1,47 @@ +<div class="wrapper"> + <div class="pageTitle"> + <h1>CCTV</h1> + </div> +</div> +<div class="wrapper wrapper--xs"> + <div class="content"> + <h2>Ενημέρωση περί επεξεργασίας δεδομένων προσωπικού χαρακτήρα μέσω κλειστού κυκλώματος οπτικής καταγραφής</h2> + <p>Με βασικό άξονα τη διασφάλιση δίκαιου και διαφανούς τρόπου επεξεργασίας των δεδομένων προσωπικού χαρακτήρα, η παρούσα γνωστοποίηση της εταιρείας μας με την επωνυμία «ΕΛΛΗΝΙΚΕΣ ΥΠΕΡΑΓΟΡΕΣ ΣΚΛΑΒΕΝΙΤΗΣ ΑΝΩΝΥΜΗ ΕΜΠΟΡΙΚΗ ΕΤΑΙΡΕΙΑ», στο εξής «ΣΚΛΑΒΕΝΙΤΗΣ» σκοπό έχει να σας ενημερώσει σχετικά με τη συλλογή και την επεξεργασία δεδομένων προσωπικού χαρακτήρα μέσω κλειστού κυκλώματος οπτικής καταγραφής (CCTV) κατά τη διάρκεια της παρουσίας σας εντός των εγκαταστάσεών της.</p> + <h4>Υπεύθυνος Επεξεργασίας </h4> + <p>Η εταιρεία με την επωνυμία «ΕΛΛΗΝΙΚΕΣ ΥΠΕΡΑΓΟΡΕΣ ΣΚΛΑΒΕΝΙΤΗΣ Α.Ε.Ε.», η οποία εδρεύει στο Δ. Περιστερίου Αττικής, Λεωφ. Κηφισού 136 και εκπροσωπείται κατά νόμον.</p> + <h4>Σκοπός και νόμιμη βάση επεξεργασίας</h4> + <p>Το σύστημα κλειστού κυκλώματος οπτικής καταγραφής, που έχουμε εγκαταστήσει σε σημεία στα οποία έχουμε αξιολογήσει ότι υπάρχει αυξημένη πιθανότητα τέλεσης παράνομων πράξεων με γνώμονα τον μη υπέρμετρο περιορισμό της ιδιωτικής ζωής των εμφαινόμενων προσώπων, επεξεργάζεται μόνο δεδομένα εικόνας και όχι ήχου, προς το σκοπό της προστασίας προσώπων και αγαθών, της ασφάλειας και της πρόληψης τυχόν παράνομων ενεργειών, της προστασίας της ζωής και της υγείας, και την εξυπηρέτηση σκοπών εννόμων συμφερόντων μας υπό την ιδιότητά μας ως Υπεύθυνου Επεξεργασίας, ενδεικτικά επίλυση τυχών διαφορών, ή στο πλαίσιο νομικών ενεργειών.</p> + <h4>Αποδέκτες</h4> + <p> + Τα δεδομένα του κλειστού κυκλώματος οπτικής καταγραφής επεξεργάζονται αποκλειστικά ειδικά εξουσιοδοτημένα και κατάλληλα εκπαιδευμένα πρόσωπα, τα οποία δεσμεύονται για την τήρηση του απορρήτου, με σεβασμό στην ιδιωτικότητα και στις βασικές αρχές της διαφάνειας, της ασφάλειας, της εμπιστοσύνης, του νομικά επιτρεπτού και της αναγκαιότητας.<br> + Δεν διαβιβάζουμε τα δεδομένα σας προς τρίτους, με εξαίρεση τις εκάστοτε αρμόδιες Αρχές, αποκλειστικά με βάση υποχρεώσεις μας που καθορίζονται από το Νόμο, ή προς τους έχοντες ρητά προσδιοριζόμενο και πραγματικό έννομο συμφέρον π.χ. το θύμα ή τον δράστη μιας αξιόποινης πράξης, όταν πρόκειται για δεδομένα τα οποία ενδέχεται να αποτελούν αποδεικτικά στοιχεία της πράξης. + </p> + <h4>Χρόνος Τήρησης</h4> + <p>Τηρούμε τα δεδομένα του κλειστού κυκλώματος οπτικής καταγραφής κατ’ ανώτατο χρονικό διάστημα δέκα πέντε (15) ημερών, μετά την πάροδο του οποίου επέρχεται αυτόματη διαγραφή τους. Σε περίπτωση που στο διάστημα αυτό διαπιστωθεί αναγκαιότητα τήρησης σχετικού αποσπάσματος λόγω π.χ. κάποιου περιστατικού, παράνομης πράξης κ.λπ., τηρούμε αυτό για ανώτατο διάστημα ενός (1) επιπλέον μήνα προς το σκοπό της διερεύνησης και υπεράσπισης των εννόμων συμφερόντων μας, σε περίπτωση δε κατά την οποία το περιστατικό αφορά τρίτον, τηρούμε το σχετικό απόσπασμα για ανώτατο διάστημα τριών (3) επιπλέον μηνών.</p> + <h4>Δικαιώματα</h4> + <p>Αναφορικά με την επεξεργασία των δεδομένων σας μέσω του κλειστού κυκλώματος οπτικής καταγραφής (CCTV) έχετε τα εξής δικαιώματα:</p> + <ul> + <li> + Δικαίωμα πρόσβασης: έχετε δικαίωμα να μάθετε αν επεξεργαζόμαστε την εικόνα σας και, εφόσον αυτό ισχύει, να λάβετε αντίγραφο αυτής. + </li> + <li> + Δικαίωμα περιορισμού: έχετε δικαίωμα να μας ζητήσετε να περιορίσουμε την επεξεργασία, όπως για παράδειγμα να μη διαγράψουμε δεδομένα τα οποία θεωρείτε απαραίτητα για τη θεμελίωση, άσκηση ή υποστήριξη νομικών αξιώσεων. + </li> + <li> + Δικαίωμα εναντίωσης: έχετε δικαίωμα να αντιταχθείτε στην επεξεργασία. + </li> + <li> + Δικαίωμα διαγραφής: έχετε δικαίωμα να ζητήσετε να διαγράψουμε δεδομένα σας. + </li> + </ul> + <p>Στην περίπτωση που επιθυμείτε να ασκήσετε κάποιο από τα δικαιώματά σας, μπορείτε να επικοινωνήσετε με τον Υπεύθυνο Προστασίας Δεδομένων μέσω email στη διεύθυνση gdpr@sklavenitis.gr, ή στο τηλ. 214 100 7890. Για να εξετάσουμε ένα αίτημα που σχετίζεται με τα δεδομένα εικόνας, θα πρέπει να μας προσδιορίσετε το σημείο και το χρόνο που βρεθήκατε στην εμβέλεια των καμερών και να μας δώσετε μια εικόνα σας, ώστε να μας διευκολύνει στον εντοπισμό των δικών σας δεδομένων και στην απόκρυψη των δεδομένων τρίτων εικονιζόμενων προσώπων. Εναλλακτικά, σας δίνουμε τη δυνατότητα να προσέλθετε στις εγκαταστάσεις μας για να σας επιδείξουμε τις εικόνες στις οποίες εμφανίζεστε. Επισημαίνεται ότι η ενάσκηση του δικαιώματος εναντίωσης ή διαγραφής δεν συνεπάγεται την άμεση διαγραφή δεδομένων ή την τροποποίηση της επεξεργασίας. Σε κάθε περίπτωση θα σας απαντήσουμε αναλυτικά το συντομότερο δυνατόν, εντός των προθεσμιών που ορίζει ο Γ.Κ.Π.Δ.</p> + <ul> + <li> + Δικαίωμα υποβολής καταγγελίας: + </li> + <li> + Επίσης σε περίπτωση κατά την οποία θεωρείτε ότι η επεξεργασία των δεδομένων που σας αφορούν πραγματοποιείται κατά παράβαση του ισχύοντος νομικού πλαισίου, έχετε δικαίωμα υποβολής καταγγελίας στην Αρχή Προστασίας Δεδομένων Προσωπικού Χαρακτήρα (Λεωφ. Κηφισίας 1-3, Αθήνα, Τ.Κ. 115 23, +30 210 647 5600, www.dpa.gr). + </li> + </ul> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Content/Certifications.html b/public/processed-views/content/Content/Certifications.html new file mode 100644 index 0000000..f1b74d9 --- /dev/null +++ b/public/processed-views/content/Content/Certifications.html @@ -0,0 +1,77 @@ +<div class="wrapper"> + <div class="pageTitle"> + <h1>Πιστοποιήσεις</h1> + </div> +</div> +<div class="mainLayout mainLayout--aside"> + <!-- Content Asside --> + <div class="mainLayout__content"> + <div class="wrapper wrapper--xs"> + <div class="content"> + <h2>Πιστοποίηση για τη διάθεση ιατροτεχνολογικών προϊόντων</h2> + <p> + Tον Μάιο του 2021, η Επιχείρησή μας πιστοποιήθηκε από την TÜV HELLAS με βάση την Υπουργική Απόφαση + ΔΥ8δ/Γ.Π.ΟΙΚ./1348/2004 (ΦΕΚ 32Β/16.1.2004), που αφορά στις «αρχές και κατευθυντήριες γραμμές ορθής + πρακτικής διανομής ιατροτεχνολογικών προϊόντων». + Στην επιθεώρηση που πραγματοποιήθηκε στα Καταστήματα, στα Κέντρα Διανομής και στα Κεντρικά Γραφεία + της Επιχείρησής μας, διαπιστώθηκε ότι έχουν θεσπιστεί και τηρούνται όλες οι αναγκαίες διαδικασίες + και οι ορθές πρακτικές αποθήκευσης και διανομής τους. + </p> + <p> + Η συγκεκριμένη πιστοποίηση είναι ιδιαίτερης σημασίας, καθώς πραγματοποιήθηκε σε μια συγκυρία, όπου η + ασφαλής διακίνηση των ιατροτεχνολογικών προϊόντων έχει πρωτεύοντα ρόλο. + </p> + <div class="content__zoomimg"> + + + <figure> + <picture> + <source data-srcset="/images/317x181/jpg/Content/media/TUV_HELLAS.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/317x181/jpg/Content/media/TUV_HELLAS.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/317x181/jpg/Content/media/TUV_HELLAS.jpg" alt="Alt text" + class="lazy"> + </picture> + </figure> + </div> + <h2>Πιστοποίηση “Covid Shield” επιπέδου Excellent</h2> + <p>Tον Οκτώβριο του 2020, η Επιχείρησή μας έλαβε την πιστοποίηση “Covid Shield” στο ανώτατο επίπεδο των + τριών ασπίδων (επίπεδο Excellent) από την TÜV AUSTRIA.</p> + <p>Με βασική Αρχή το “Πρώτα και πάνω από όλα ο Άνθρωπος”, από την πρώτη στιγμή εμφάνισης της πανδημίας + μέχρι και σήμερα, λειτουργούμε υπεύθυνα και θέτουμε σε προτεραιότητα την προστασία της υγείας και + της ασφάλειας των Εργαζομένων, των Πελατών και των Συνεργατών της. Στο πλαίσιο αυτό, φροντίσαμε από + πολύ νωρίς να εφαρμόσουμε στο σύνολο των εγκαταστάσεών μας μία ολοκληρωμένη πολιτική και αυστηρά + μέτρα προστασίας, με στόχο τον περιορισμό μετάδοσης και εξάπλωσης του κορονοϊού.</p> + <p>Το σχήμα πιστοποίησης “Covid Shield” αποτελεί ένα από τα πιο αυστηρά συστήματα πανελλαδικά και + καθορίζει συγκεκριμένες διαδικασίες που οι εξεταζόμενες επιχειρήσεις πρέπει να εφαρμόζουν, + προκειμένου να λάβουν την ανώτατου επιπέδου πιστοποίηση. Οι διαδικασίες αυτές επαληθεύουν ότι ο + μηχανισμός και τα μέτρα που έχει υιοθετήσει η εκάστοτε εταιρεία είναι πάντα εναρμονισμένα με τα + τρέχοντα επιδημιολογικά δεδομένα και τις οδηγίες των αρχών, και συμβάλλουν στην πρόληψη εισροής ή + εξάπλωσης της νόσου.</p> + <p>Kατόπιν της διεξαγωγής των σχετικών ελέγχων στο σύνολο των αξιολογούμενων σημείων, η Επιχείρησή μας + πιστοποιήθηκε για την πλήρη εφαρμογή όλων των μέτρων που προβλέπει μια τέτοιου υψηλού επιπέδου + πιστοποίηση, και δεσμεύεται για την πιστή εφαρμογή τους προκειμένου να συμβάλλει στην προάσπιση της + Δημόσιας Υγείας.</p> + <div class="content__zoomimg"> + + + <figure> + <picture> + <source data-srcset="/images/317x181/jpg/Content/media/TUV_HELLAS.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/317x181/jpg/Content/media/TUV_HELLAS.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/317x181/jpg/Content/media/TUV_HELLAS.jpg" alt="Alt text" + class="lazy"> + </picture> + </figure> + </div> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Content/Company.html b/public/processed-views/content/Content/Company.html new file mode 100644 index 0000000..90c807f --- /dev/null +++ b/public/processed-views/content/Content/Company.html @@ -0,0 +1,50 @@ +<div class="wrapper"> + <div class="pageTitle"> + <h1>Εταιρεία και Όμιλος</h1> + </div> +</div> +<div class="mainLayout mainLayout--aside"> + <!-- Content Asside --> + <div class="mainLayout__content"> + <div class="wrapper wrapper--xs"> + <div class="content"> + <h2>Η Εταιρεία </h2> + <p> + Η ΕΛΛΗΝΙΚΕΣ ΥΠΕΡΑΓΟΡΕΣ ΣΚΛΑΒΕΝΙΤΗΣ Α.Ε.Ε. είναι μία αμιγώς ελληνική Επιχείρηση στον χώρο της + λιανικής πώλησης τροφίμων, ειδών ευρείας κατανάλωσης και διαρκών αγαθών. + Διαθέτει <b>430 Καταστήματα</b> και <b>6 Κέντρα Διανομής</b> στην Ελλάδα, εξυπηρετεί κατά μέσο όρο + <b> + 470. + 000 Πελάτες + </b>καθημερινά, απασχολεί <b>29.060 Εργαζομένους</b> και συνεργάζεται με περισσότερους από <b>3.000 + Προμηθευτές</b> από την Ελλάδα και το εξωτερικό.<br> + Η ιστορία της ξεκινάει το 1954 από τα Πετράλωνα, όταν τα αδέλφια Σπύρος και Γιάννης Σκλαβενίτης και + ο φίλος τους Μιλτιάδης Παπαδόπουλος ιδρύουν μία εταιρεία, η οποία έχει ως δραστηριότητα τη χονδρική + πώληση τροφίμων σε παντοπωλεία, τη συσκευασία και τη διάθεση μπαχαρικών σε καρτέλες. + </p> + <p> + Το 1967, βασιζόμενοι σε ένα νέο μέσο επικοινωνίας για την εποχή, το τηλέφωνο, δημιούργησαν την + ΤΗΛΕΞΥΠ, την πρώτη εταιρεία τηλεφωνικών παραγγελιών στην Ελλάδα και το 1971 ίδρυσαν το 1ο + Supermarket της Επιχείρησης, στη Λεωφόρο Κηφισού 80 στο Περιστέρι.<br> + Τα χρόνια που ακολούθησαν, η Επιχείρηση αναπτύχθηκε με σταθερά βήματα, παραμένοντας πιστή στις Αρχές + και στις Αξίες που θεμελίωσαν οι Ιδρυτές της, επιδιώκοντας πάντα να διαθέτει <b>προϊόντα άριστης + ποιότητας</b> σε τιμές <b>"τόσο φθηνά όσο πουθενά"</b>, να προσφέρει <b>ευγενική και γρήγορη + εξυπηρέτηση</b> και να συμβάλλει στην πρόοδο της κοινωνίας μας. + </p> + <h2>O Όμιλος </h2> + <p>Ο Όμιλος ΣΚΛΑΒΕΝΙΤΗΣ δημιουργήθηκε το 2015 και περιλαμβάνει τις εταιρείες.</p> + <ul> + <li>ΕΛΛΗΝΙΚΕΣ ΥΠΕΡΑΓΟΡΕΣ ΣΚΛΑΒΕΝΙΤΗΣ Α.Ε.Ε.</li> + <li>ΣΚΛΑΒΕΝΙΤΗΣ ΚΥΠΡΟΥ ΛΙΜΙΤΕΔ</li> + <li>ΜΑΡΤ ΚΑΣ ΚΑΙ ΚΑΡΥ Α.Ε.Ε.</li> + <li>ΧΑΛΚΙΑΔΑΚΗΣ Α.Ε.</li> + </ul> + <p>Ο Όμιλος διαθέτει <b>500 Καταστήματα</b> (469 λιανικής και 13 χονδρικής στην Ελλάδα και 18 λιανικής + στην Κύπρο), εξυπηρετεί κατά μέσο όρο <b>512.000 Πελάτες</b> καθημερινά και απασχολεί <b>32.000 + Εργαζομένους</b>. Ο κύκλος εργασιών του, το 2019, ανήλθε στα 3,28 δισ. ευρώ.</p> + <br> + <img src="../Content/media/content/omilos-sklaveniti.png"> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Content/Contact.html b/public/processed-views/content/Content/Contact.html new file mode 100644 index 0000000..bb4a1a4 --- /dev/null +++ b/public/processed-views/content/Content/Contact.html @@ -0,0 +1,173 @@ +<div class="wrapper"> + <div class="pageTitle"> + <h1>Επικοινωνία</h1> + </div> +</div> +<div class="mainLayout mainLayout--aside"> + <!-- Content Asside --> + <div class="mainLayout__content"> + <div class="wrapper wrapper--xs"> + <div class="contactinfo"> + <h2 class="contactinfo__title">ΕΛΛΗΝΙΚΕΣ ΥΠΕΡΑΓΟΡΕΣ ΣΚΛΑΒΕΝΙΤΗΣ Α.Ε.Ε.</h2> + <div class="contactinfo__section"> + <h4 class="contactinfo__subtitle"> + Κεντρικά Γραφεία: + </h4> + <p>Λεωφόρος Κηφισού 136, 121 31 Περιστέρι Αττικής</p> + </div> + <div class="contactinfo__section"> + <h4 class="contactinfo__subtitle"> + Τηλέφωνα Επικοινωνίας: + </h4> + <a href="tel:" class="contactinfo__link">800 117 7777<span + class="contactinfo__icon icon-call"></span> <span class="contactinfo__note">(μόνο από + σταθερό, χωρίς χρέωση)</span></a><br> + <a href="tel:" class="contactinfo__link">214 100 9999<span + class="contactinfo__icon icon-call"></span> <span class="contactinfo__note">(αστική + χρέωση)</span></a> + </div> + <div class="contactinfo__section"> + <h4 class="contactinfo__subtitle"> + Email: + </h4> + <a href="mailto:info@sklavenitis.gr" class="contactinfo__link">info@sklavenitis.gr <span + class="contactinfo__icon icon-mail"></span></a> + </div> + </div> + + <form class="form form--full"> + + <h3 class="form__title">Φόρμα επικοινωνίας</h3> + + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + + <div class="field__wrap "> + <label class="field__label" for="Οναμα*">Οναμα*</label> + <input class="field__input" id="Οναμα*" type="text"> + </div> + + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + + <div class="field__wrap "> + <label class="field__label" for="Επώνυμο*">Επώνυμο*</label> + <input class="field__input" id="Επώνυμο*" type="text"> + </div> + + </div> + </div> + </div> + + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + + <div class="field__wrap "> + <label class="field__label" for="email*">email*</label> + <input class="field__input" id="email*" type="email"> + </div> + + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + + <div class="field__wrap "> + <label class="field__label" for="Κινητό τηλέφωνο">Κινητό τηλέφωνο</label> + <input class="field__input" id="Κινητό τηλέφωνο" type="number"> + </div> + + </div> + </div> + </div> + + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + <div class="field__wrap "> + <label class="field__label" for="Θέμα">Θέμα</label> + <input class="field__input" id="Θέμα" type="text"> + </div> + + </div> + </div> + </div> + + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + <div class="field__wrap "> + <label class="field__label" for="comments">Μήνυμα*</label> + <div class="textarea"> + <textarea class="textarea__field" id="comments" + placeholder="Γράψτε το σχόλιό σας πχ. οδηγίες για την παράδοση, διευκρίνιση για προϊόν κ.λπ."></textarea> + </div> + + </div> + </div> + </div> + </div> + + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="file-upload" data-plugin-fileinput=""> + <div class="file-upload__title"> + Επισυνάψη αρχείου <span>(jpg, png, pdf, doc, docx)</span> + </div> + <div class="file-upload__button button button--s button--border"> + <input class="file-upload__input" type="file"> + Ανέβασμα αρχέιου + </div> + <div class="file-upload__content"> + <span class="file-upload__name">Απόδειξη παραγγελίας.pdf</span> + <span class="file-upload__delete"> + Διαγραφή + <span class="file-upload__icon icon-delete"></span> + </span> + </div> + </div> + </div> + </div> + </div> + + <div class="formTip formTip--border"> + <p>Τα πεδία με (*) είναι υποχρεωτικά</p> + </div> + + <div class="form__row"> + <div class="field field--full field--centered"> + <div class="field__inner"> + <div class="field__wrap checkboxes"> + <div class="checkbox "> + <label class="checkbox__label" for="checkoutTerms"> + <input class="checkbox__input" type="checkbox" id="checkoutTerms" + name="checkoutTerms"> + <span class="checkbox__icon icon"></span> + Έχω διαβάσει και αποδέχομαι τους <a class="link link--underline" + href="Contact.html#">Όρους Χρήσης</a> & την <a + class="link link--underline" href="Contact.html#">Πολιτική Απορρήτου*</a>. + </label> + </div> + </div> + </div> + </div> + </div> + + <div class="form__row"> + <div class="field field--full field--centered"> + <button data-qa="form_submit" class="button widthAuto" type="submit">Αποστολή</button> + </div> + </div> + + </form> + + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Content/Content_Asside.html b/public/processed-views/content/Content/Content_Asside.html new file mode 100644 index 0000000..98b9df0 --- /dev/null +++ b/public/processed-views/content/Content/Content_Asside.html @@ -0,0 +1,28 @@ +<aside class="mainLayout__aside"> + <nav class="sidemenu" data-plugin-expand="{"closeOnCLickAway":true}"> + <button class="sidemenu__selected" data-trigger-expand="navList">Εταιρεία και Όμιλος</button> + <ul class="sidemenu__list sidemenu__list--level1" data-content-expand="navList"> + <li class="sidemenu__item sidemenu__item--level1"> + <a href="Content -- Certifications.html#" + class="sidemenu__link sidemenu__link--level1 selected">Εταιρεία και Όμιλος</a> + <ul class="sidemenu__list sidemenu__list--level2"> + <li class="sidemenu__item sidemenu__item--level2"> + <a href="Content -- Certifications.html#" + class="sidemenu__link sidemenu__link--level2">Ιστορία</a> + </li> + <li class="sidemenu__item sidemenu__item--level2"> + <a href="Content -- Certifications.html#" + class="sidemenu__link sidemenu__link--level2">Φωτογραφίες</a> + </li> + </ul> + </li> + <li class="sidemenu__item sidemenu__item--level1"> + <a href="Content -- Certifications.html#" + class="sidemenu__link sidemenu__link--level1">Πιστοποιήσεις</a> + </li> + <li class="sidemenu__item sidemenu__item--level1"> + <a href="Content -- Certifications.html#" class="sidemenu__link sidemenu__link--level1">Επικοινωνία</a> + </li> + </ul> + </nav> +</aside>
\ No newline at end of file diff --git a/public/processed-views/content/Content/Faq.html b/public/processed-views/content/Content/Faq.html new file mode 100644 index 0000000..9f6dbb4 --- /dev/null +++ b/public/processed-views/content/Content/Faq.html @@ -0,0 +1,44 @@ +<!-- main title --> +<div class="wrapper"> + <div class="pageTitle"> + <h1>Συχνές ερωτήσεις</h1> + </div> +</div> + + +<div class="wrapper wrapper--xs"> + <div data-plugin-accordion=""> + + <!-- + FOR category IN questionsCategory + { --> + + <div class="acc-section"> + <h2 class="acc-section__title"> + <!-- category.title -->Παράδοση - Παραλαβή + </h2> + + <!-- + FOR question IN category.questions + { --> + <div class="acc"> + <div class="acc__header acc__header--md"> + <h3 class="acc__title"> + <!--questiin.title-->Ποιες περιοχές εξυπηρετείτε; + </h3> + <span class="acc__icon acc__icon--sml icon-arrowDown"></span> + </div> + <div class="acc__content acc__content--md"> + <!-- question.answer --> + <p>Εξυπηρετούμε το μεγαλύτερο μέρος της <a href="Faq.html#">Αττικής</a>, της <a href="Faq.html#">Θεσσαλονίκης</a>, την <a href="Faq.html#">Πάτρα</a> και τη <a href="Faq.html#">Λάρισα</a>. Πολύ σύντομα, θα καλύπτουμε και άλλες πόλεις της Ελλάδας.</p> + </div> + </div> + <!-- + } --> + </div> + + <!-- + } --> + + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Content/Gallery.html b/public/processed-views/content/Content/Gallery.html new file mode 100644 index 0000000..b8b0b98 --- /dev/null +++ b/public/processed-views/content/Content/Gallery.html @@ -0,0 +1,238 @@ +<div class="wrapper"> + <div class="pageTitle"> + <h1>Φωτογραφίες</h1> + </div> +</div> +<div class="mainLayout mainLayout--aside"> + <!-- Content Asside --> + <div class="mainLayout__content"> + <div class="wrapper"> + <div class="gallery" data-plugin-gallery=""> + <div class="gallery__figure"> + + + <figure> + <picture> + <source data-srcset="/images/318x203/jpg/files/gallery/017.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/318x203/jpg/files/gallery/017.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/318x203/jpg/files/gallery/017.jpg" alt="Alt text" class="lazy"> + </picture> + </figure> + </div> + <div class="gallery__figure"> + + + <figure> + <picture> + <source data-srcset="/images/318x203/jpg/files/gallery/107%CF%82.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/318x203/jpg/files/gallery/107%CF%82.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/318x203/jpg/files/gallery/107%CF%82.jpg" alt="Alt text" class="lazy"> + </picture> + </figure> + </div> + <div class="gallery__figure"> + + + <figure> + <picture> + <source data-srcset="/images/318x203/jpg/files/gallery/DSC_5320%CE%B2.webp" + type="image/webp" class="lazysrcset"> + <source data-srcset="/images/318x203/jpg/files/gallery/DSC_5320%CE%B2.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/318x203/jpg/files/gallery/DSC_5320%CE%B2.jpg" alt="Alt text" + class="lazy"> + </picture> + </figure> + </div> + <div class="gallery__figure"> + + + <figure> + <picture> + <source data-srcset="/images/318x203/jpg/files/gallery/DSC_5384%CF%80.webp" + type="image/webp" class="lazysrcset"> + <source data-srcset="/images/318x203/jpg/files/gallery/DSC_5384%CF%80.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/318x203/jpg/files/gallery/DSC_5384%CF%80.jpg" alt="Alt text" + class="lazy"> + </picture> + </figure> + </div> + <div class="gallery__figure"> + + + <figure> + <picture> + <source data-srcset="/images/318x203/jpg/files/gallery/017.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/318x203/jpg/files/gallery/017.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/318x203/jpg/files/gallery/017.jpg" alt="Alt text" class="lazy"> + </picture> + </figure> + </div> + <div class="gallery__figure"> + + + <figure> + <picture> + <source data-srcset="/images/318x203/jpg/files/gallery/107%CF%82.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/318x203/jpg/files/gallery/107%CF%82.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/318x203/jpg/files/gallery/107%CF%82.jpg" alt="Alt text" class="lazy"> + </picture> + </figure> + </div> + <div class="gallery__figure"> + + + <figure> + <picture> + <source data-srcset="/images/318x203/jpg/files/gallery/017.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/318x203/jpg/files/gallery/017.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/318x203/jpg/files/gallery/017.jpg" alt="Alt text" class="lazy"> + </picture> + </figure> + </div> + <div class="gallery__figure"> + + + <figure> + <picture> + <source data-srcset="/images/318x203/jpg/files/gallery/107%CF%82.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/318x203/jpg/files/gallery/107%CF%82.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/318x203/jpg/files/gallery/107%CF%82.jpg" alt="Alt text" class="lazy"> + </picture> + </figure> + </div> + <div class="gallery__figure"> + + + <figure> + <picture> + <source data-srcset="/images/318x203/jpg/files/gallery/DSC_5320%CE%B2.webp" + type="image/webp" class="lazysrcset"> + <source data-srcset="/images/318x203/jpg/files/gallery/DSC_5320%CE%B2.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/318x203/jpg/files/gallery/DSC_5320%CE%B2.jpg" alt="Alt text" + class="lazy"> + </picture> + </figure> + </div> + <div class="gallery__figure"> + + + <figure> + <picture> + <source data-srcset="/images/318x203/jpg/files/gallery/DSC_5384%CF%80.webp" + type="image/webp" class="lazysrcset"> + <source data-srcset="/images/318x203/jpg/files/gallery/DSC_5384%CF%80.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/318x203/jpg/files/gallery/DSC_5384%CF%80.jpg" alt="Alt text" + class="lazy"> + </picture> + </figure> + </div> + <div class="gallery__figure"> + + + <figure> + <picture> + <source data-srcset="/images/318x203/jpg/files/gallery/017.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/318x203/jpg/files/gallery/017.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/318x203/jpg/files/gallery/017.jpg" alt="Alt text" class="lazy"> + </picture> + </figure> + </div> + <div class="gallery__figure"> + + + <figure> + <picture> + <source data-srcset="/images/318x203/jpg/files/gallery/107%CF%82.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/318x203/jpg/files/gallery/107%CF%82.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/318x203/jpg/files/gallery/107%CF%82.jpg" alt="Alt text" class="lazy"> + </picture> + </figure> + </div> + </div> + <!-- DUMMY PAGINATION --> + + <nav data-page="1"> + <ul class="pagination"> + <li class="pagination__item active" data-page="1"> + <a class="pagination__link"> + 1 + </a> + </li> + <li class="pagination__item" data-page="2"> + <a class="pagination__link" + href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=2"> + 2 + </a> + </li> + <li class="pagination__item" data-page="3"> + <a class="pagination__link" + href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=3"> + 3 + </a> + </li> + <li class="pagination__item" data-page="4"> + <a class="pagination__link" + href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=4"> + 4 + </a> + </li> + <li class="pagination__item PagedList-ellipses disabled"> + <a> + … + </a> + </li> + <li data-page="2" class="pagination__item PagedList-skipToNext "> + <a title="»" class="pagination__link pagination__link--next icon-arrowRight" + href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=2"> + </a> + </li> + </ul> + </nav> + + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Content/History.html b/public/processed-views/content/Content/History.html new file mode 100644 index 0000000..1d5ca16 --- /dev/null +++ b/public/processed-views/content/Content/History.html @@ -0,0 +1,85 @@ +<div class="wrapper"> + <div class="pageTitle"> + <h1>Ιστορία</h1> + </div> +</div> +<div class="mainLayout mainLayout--aside"> + + <!-- include + ./Content_Asside + --> + + <div class="mainLayout__content"> + <div class="wrapper wrapper--xs"> + <div class="history"> + + <!-- main image --> + <div class="history__mainimg"> + <div class="history__figure playvideo"> + <figure> + <picture> + <source data-srcset="/images/984x500/jpg/files/gallery/017.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/984x500/jpg/files/gallery/017.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/984x500/jpg/files/gallery/017.jpg" alt="Alt text" class="lazy"> + </picture> + </figure> + <button class="playvideo__icon playvideo__icon--lg icon-play"></button> + </div> + </div> + + + <div class="history__sections"> + + <!-- + FOR block IN historySections + { --> + + <div class="history__section"> + <div class="history__date"> + <!-- block.year--> + 1954 + </div> + <div class="history__content"> + <div class="history__thumb"> + + <!-- block.image --> + <figure> + <picture> + <source data-srcset="/images/160x120/jpg/files/gallery/017.webp" + type="image/webp" class="lazysrcset"> + <source data-srcset="/images/160x120/jpg/files/gallery/017.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/160x120/jpg/files/gallery/017.jpg" alt="Alt text" + class="lazy"> + </picture> + </figure> + </div> + <div class="history__description"> + <!-- block.description --> + <p>Η ιστορία της Επιχείρησης ξεκινάει το 1954, όταν τα αδέρφια Σπύρος και Γιάννης + Σκλαβενίτης, μαζί με τον φίλο τους Μιλτιάδη Παπαδόπουλο, ιδρύουν στα Πετράλωνα + (Τριών Ιεραρχών 46) τη “Σ. ΣΚΛΑΒΕΝΙΤΗΣ & ΣΙΑ Ο.Ε.”, εταιρεία η οποία έχει ως + δραστηριότητα τη χονδρική πώληση τροφίμων σε παντοπωλεία, τη συσκευασία και τη + διάθεση μπαχαρικών σε καρτέλες.</p> + </div> + </div> + </div> + + <!-- + } --> + + + </div> + + <a href="History.html#" class="link link link--orangeIcon"><span>Κατεβάστε το αρχείο σε pdf</span><span + class="icon icon-download"></span></a> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Content/Politiki_Aporitou.html b/public/processed-views/content/Content/Politiki_Aporitou.html new file mode 100644 index 0000000..fd05ddc --- /dev/null +++ b/public/processed-views/content/Content/Politiki_Aporitou.html @@ -0,0 +1,157 @@ +<div class="wrapper"> + <div class="pageTitle"> + <h1>Πολιτική Απορρήτου</h1> + </div> +</div> +<div class="wrapper wrapper--xs"> + <div class="content"> + <p>(Ισχύει από 21/11/2020)</p> + <h3>Ι. ΠΡΟΟΙΜΙΟ</h3> + <p> + H παρούσα Πολιτική Απορρήτου της εταιρείας μας με την επωνυμία «<b>ΕΛΛΗΝΙΚΕΣ ΥΠΕΡΑΓΟΡΕΣ ΣΚΛΑΒΕΝΙΤΗΣ Α.Ε.Ε.</b>», και τον δ.τ. «ΣΚΛΑΒΕΝΙΤΗΣ», η οποία εδρεύει στο Δ. Περιστερίου Αττικής, Λεωφ. Κηφισού 136, και εκπροσωπείται κατά το νόμο, σκοπό έχει την ενημέρωσή σας σχετικά με τον τρόπο με τον οποίο επεξεργαζόμαστε τα προσωπικά σας δεδομένα κατά την περιήγησή σας στο διαδικτυακό μας ιστότοπο www.sklavenitis.gr ή/και κατά την πραγματοποίηση αγορών, είτε με την ιδιότητα του χρήστη, είτε με αυτήν του επισκέπτη, από το Ηλεκτρονικό Κατάστημά μας (eMarket ΣΚΛΑΒΕΝΙΤΗΣ), με γνώμονα πάντοτε τη διασφάλιση δίκαιου και διαφανούς τρόπου επεξεργασίας. + Η παρούσα Πολιτική Απορρήτου, ως αναπόσπαστο μέρος και ενιαίο σύνολο των Όρων Χρήσης του διαδικτυακού μας ιστότοπου, δύναται να τροποποιείται και να επικαιροποιείται οποτεδήποτε από την «ΣΚΛΑΒΕΝΙΤΗΣ», ισχύουσα από την ανάρτηση της εκάστοτε τροποποίησης. + </p> + <h3>ΙΙ. ΕΠΕΞΕΡΓΑΣΙΑ ΔΕΔΟΜΕΝΩΝ ΠΡΟΣΩΠΙΚΟΥ ΧΑΡΑΚΤΗΡΑ</h3> + <h4>Α. Ορισμοί</h4> + <ul> + <li> <b>Δεδομένα προσωπικού χαρακτήρα:</b> κάθε πληροφορία, άμεση ή έμμεση, η οποία μπορεί να οδηγήσει στην ταυτοποίηση ενός φυσικού προσώπου (υποκείμενο δεδομένων).</li> + <li> + <b>Επεξεργασία:</b> κάθε δραστηριότητα, η οποία αφορά στα συλλεγόμενα δεδομένα προσωπικού χαρακτήρα, συμπεριλαμβανομένης της συλλογής, καταχώρισης, οργάνωσης, χειρισμού, αποθήκευσης, κοινοποίησης, πρόσβασης, χρήσης, μεταφοράς, διαγραφής και καταστροφής των προσωπικών δεδομένων. + </li> + <li> + <b>Υπεύθυνος Επεξεργασίας:</b> εν προκειμένω η «ΕΛΛΗΝΙΚΕΣ ΥΠΕΡΑΓΟΡΕΣ ΣΚΛΑΒΕΝΙΤΗΣ ΑΝΩΝΥΜΗ ΕΜΠΟΡΙΚΗ ΕΤΑΙΡΕΙΑ», η οποία καθορίζει τον σκοπό και τον τρόπο επεξεργασίας των δεδομένων προσωπικού χαρακτήρα. + </li> + <li> + <b>Εκτελών την Επεξεργασία:</b> το φυσικό ή νομικό πρόσωπο, η δημόσια αρχή υπηρεσία ή άλλος φορέας που επεξεργάζεται τα δεδομένα προσωπικού χαρακτήρα για λογαριασμό του Υπεύθυνου Επεξεργασίας. + </li> + <li> + <b>Αποδέκτης:</b> το φυσικό ή νομικό πρόσωπο, η δημόσια αρχή, η υπηρεσία ή άλλος φορέας στα οποία κοινολογούνται τα δεδομένα προσωπικού χαρακτήρα, είτε πρόκειται για τρίτον είτε όχι. + </li> + </ul> + <h4>Β. Κατηγορίες προσωπικών δεδομένων τις οποίες επεξεργαζόμαστε</h4> + <p> + Σε συμμόρφωση με τα οριζόμενα εκ των Καν. ΕΕ 2016/679, Ν.4624/2019, Ν. 3471/2006 όπως εκάστοτε τροποποιούνται και ισχύουν, των σχετικών οδηγιών και αποφάσεων της Αρχής Προστασίας Δεδομένων Προσωπικού Χαρακτήρα (ΑΠΔΠΧ) και εν γένει του ισχύοντος νομοθετικού και κανονιστικού πλαισίου περί προστασίας δεδομένων προσωπικού χαρακτήρα και δη στο πλαίσιο των ηλεκτρονικών επικοινωνιών, επεξεργαζόμαστε μόνον τα απαραίτητα για την εκπλήρωση του εκάστοτε σκοπού επεξεργασίας δεδομένα, τα οποία μας κοινοποιείτε, είτε για την εκτέλεση της μεταξύ μας σύμβασης/συναλλαγής, είτε στη βάση υποχρέωσής μας εκ του νόμου, είτε -όπου απαιτείται- με τη συναίνεσή σας. + </p><p> + Ειδικότερα κατά την πραγματοποίηση των αγορών σας για την ασφαλή διενέργεια και την άρτια εκτέλεση των μεταξύ μας συναλλαγών συλλέγουμε: + </p> + <ul> + <li> + Όνομα, επώνυμο, διεύθυνση ηλεκτρονικής αλληλογραφίας, τηλέφωνο επικοινωνίας, διεύθυνση αποστολής της παραγγελίας, τυχόν σχόλια ή οδηγίες σας, για την υποβολή της παραγγελίας, την ολοκλήρωση των αγορών σας και την παράδοση των προϊόντων, την επικοινωνία μας μέσω του Βοηθού Αγορών-Kέντρου Εξυπηρέτησης ή/και της Φόρμας Επικοινωνίας, ή/και την ενημέρωσή σας για την παράδοση της παραγγελίας σας, + </li> + <li> + Α.Φ.Μ., Δ.Ο.Υ. και έδρα, για την περίπτωση κατά την οποία απαιτείται η έκδοση τιμολογίου, + </li> + <li> + Το ιστορικό των αγορών σας (Ιστορικό Παραγγελιών) ή, και τη Συλλογή «Αγαπημένα», αποκλειστικά και μόνον για την ευχερέστερη διενέργεια τυχόν επόμενων αγορών σας, ή υπό τον όρο ότι έχετε δώσει την ρητή συναίνεσή σας, για την αποστολή διαφημιστικού υλικού και την διενέργεια προωθητικών ενεργειών (αποστολή newsletter), + </li> + <li> + Στην περίπτωση που είστε Εργαζόμενος της ΣΚΛΑΒΕΝΙΤΗΣ, την ιδιότητά σας αυτή μέσω του αριθμού της Κάρτας ΣΚΛΑΒΕΝΙΤΗΣ που σας έχει χορηγηθεί ή/και τον Αριθμό Μητρώου Εργαζομένου, αποκλειστικά για την παροχή προνομίων. + </li> + </ul> + <p> + Ρητά διευκρινίζεται ότι σε κάθε περίπτωση για την διεκπεραίωση των συναλλαγών σας με τη χρήση online πιστωτικής/χρεωστικής κάρτας, τα στοιχεία σας- περιλαμβανομένων και αυτών της κάρτας σας- υπόκεινται σε επεξεργασία σε ασφαλές τραπεζικό περιβάλλον, με εφαρμογή κάθε κατάλληλου τεχνικού και οργανωτικού μέτρου.<br> + Επιπλέον, με την πρόσβαση ή/και τη χρήση του διαδικτυακού μας ιστότοπου συλλέγουμε αυτόματα δεδομένα σύνδεσης και πληροφορίες σχετικές με την περιήγησή σας, οι οποίες είναι μη εξατομικευμένες. Παρακαλούμε δείτε εδώ την Πολιτική Cookies. + </p> + <h4>Γ. Σκοπός και νομική βάση επεξεργασίας προσωπικών δεδομένων</h4> + <p>Επεξεργαζόμαστε τα απολύτως απαραίτητα ανά περίπτωση δεδομένα προσωπικού χαρακτήρα: </p> + <ol> + <li> + Στο πλαίσιο της μεταξύ μας σύμβασης για την άρτια εκπλήρωση της συναλλακτικής σχέσης, δηλαδή την υποβολή παραγγελίας, την ολοκλήρωση των αγορών σας και την παράδοση προϊόντων, + </li> + <li> + Προς συμμόρφωση σε νομική υποχρέωσή μας (ενδεικτικά τήρηση Α.Φ.Μ. για την έκδοση σχετικού παραστατικού), + </li> + <li> + Στη νόμιμη βάση της ρητής σας συναίνεσης, για την αποστολή διαφημιστικού υλικού και τη διενέργεια προωθητικών ενεργειών (newsletter), ή την ενημέρωσή σας για το χρονικό σημείο που οι υπηρεσίες μας θα είναι διαθέσιμες στην περιοχή σας. + </li> + <li> + Σε περίπτωση που συντρέχει έννομο συμφέρον μας στο πλαίσιο της μεταξύ μας συναλλαγής (ενδεικτικά ζητήματα Εξυπηρέτησης Πελατών, Φόρμα Επικοινωνίας, Βοηθός Αγορών-Kέντρο Εξυπηρέτησης). + </li> + </ol> + <h4>Δ. Χρόνος τήρησης προσωπικών δεδομένων</h4> + <p> + Τα προσωπικά σας δεδομένα επεξεργάζονται αποκλειστικά ειδικά εξουσιοδοτημένα και κατάλληλα εκπαιδευμένα πρόσωπα, τα οποία δεσμεύονται για την τήρηση του απορρήτου, με σεβασμό στην ιδιωτικότητα και στις βασικές αρχές της διαφάνειας, της ασφάλειας, της εμπιστοσύνης, του νομικά επιτρεπτού και της αναγκαιότητας. + Τα προσωπικά σας δεδομένα υπόκεινται σε επεξεργασία για το χρονικό διάστημα που απαιτείται για την εκπλήρωση του εκάστοτε σκοπού επεξεργασίας, ή/και σε συμμόρφωσή μας με τυχόν εκ του νόμου υποχρέωση για τήρηση αρχείων, συμμόρφωσή μας προς τις διατάξεις του νόμου περί παραγραφής, και σε κάθε περίπτωση για όσο χρονικό διάστημα είστε ενεργός χρήστης του διαδικτυακού μας ιστότοπου και για ανώτατο χρονικό διάστημα δώδεκα (12) μηνών από την τελευταία σας δραστηριότητα σε αυτόν. + Αποκλειστικά σε περίπτωση κατά την οποία κριθεί απαραίτητο για το σκοπό επίλυσης τυχών διαφορών, ή στο πλαίσιο νομικών ενεργειών, έχουμε τη δυνατότητα να διατηρήσουμε τα δεδομένα σας, πάντοτε υπό το πρίσμα των βασικών αρχών της διαφάνειας, της ασφάλειας, της εμπιστοσύνης, του νομικά επιτρεπτού και της αναγκαιότητας της επεξεργασίας. + </p> + <h4>Ε. Τόπος και τρόπος τήρησης προσωπικών δεδομένων</h4> + <p> + Για τη διασφάλιση της προστασίας των προσωπικών σας δεδομένων, χρησιμοποιούμε κατάλληλα τεχνικά μέσα και οργανωτικά μέτρα σε συμμόρφωση με ισχύον νομικό πλαίσιο θέτοντας σε εφαρμογή σημαντικά μέτρα ασφαλείας πληροφοριών και διαδικασίες (προστατευμένα περιβάλλοντα αποθήκευσης και ασφαλούς λειτουργίας, ελέγχους και περιορισμούς στην πρόσβαση). Ο παρών διαδικτυακός τόπος διαθέτει πιστοποιητικό ασφαλείας SSL πρωτόκολλο 2048bit, το οποίο διασφαλίζει το απόρρητο και απαραβίαστο των δεδομένων. + Tα δεδομένα σας αποθηκεύονται ασφαλώς και με εφαρμογή των ενδεδειγμένων τεχνικών μέτρων στους εγκατεστημένους εντός Ε.Ε. διακομιστές της Εταιρείας/ή και Συνεργατών της επιφορτισμένων με παροχή υπηρεσιών φιλοξενίας και τεχνικής υποστήριξης του παρόντος διαδικτυακού τόπου κατά τους όρους της παρ. Ζ της παρούσας, και σε ορισμένες περιπτώσεις (π.χ. παραστατικά) σε φυσικό αρχείο με τα απαραίτητα μέτρα ασφαλείας εντός των Εγκαταστάσεών μας. + Σημειώνεται ότι ο παρών διαδικτυακός τόπος ενδέχεται να περιλαμβάνει συνδέσμους (links) προς άλλους διαδικτυακούς τόπους, οι οποίοι βρίσκονται υπό την αποκλειστική ευθύνη τρίτων φορέων ως προς την επεξεργασία τυχόν δεδομένων σας, της ΣΚΛΑΒΕΝΙΤΗΣ μη υπέχουσας ευθύνη για οποιαδήποτε τυχόν ζημία προκληθεί από την αιτία αυτή κατά την περιήγησή σας σε αυτούς. + </p> + <h4>Ζ. Διαβίβαση προσωπικών δεδομένων</h4> + <p> + Προς το σκοπό της προσήκουσας εκτέλεσης της συναλλακτικής σχέσης ή/και την παροχή υπηρεσιών φιλοξενίας και τεχνικής υποστήριξης του παρόντος διαδικτυακού ιστότοπου, ενδέχεται να κοινοποιήσουμε προσωπικά σας δεδομένα σε τρίτα μέρη, πάντοτε υπό έλεγχο και σαφείς οδηγίες και υπό τον όρο της συμβατικής δέσμευσης ότι τα τρίτα μέρη αφ΄ ενός συμμορφώνονται απόλυτα με τις εκ του νόμου υποχρεώσεις τους, αφ΄ ετέρου δεν εκτελούν οποιαδήποτε επεξεργασία στα δεδομένα σας, πέραν από αυτή του σκοπού της διαβίβασης. + Στην περίπτωση αυτή, οι εκτελούντες την επεξεργασία/ή και αποδέκτες -κατά τα ανωτέρω οριζόμενα- έχουν πρόσβαση αποκλειστικά σε δεδομένα απολύτως απαραίτητα για την εκπλήρωση των έναντι ημών υποχρεώσεών τους και την προσήκουσα παροχή των υπηρεσιών που τους έχουν ζητηθεί. + Δε θα διαθέσουμε προσωπικά σας δεδομένα σε τρίτους, οι οποίοι δεν φέρουν την ιδιότητα του εκτελούντος την επεξεργασία ή/και του αποδέκτη, χωρίς προγενέστερη ενημέρωσή σας και σχετική σας συναίνεση. + Περαιτέρω στη βάση της νομικής μας υποχρέωσης τα προσωπικά σας δεδομένα είναι δυνατόν να κοινοποιηθούν άνευ ετέρου στις αρμόδιες δικαστικές, αστυνομικές και άλλες διοικητικές Αρχές, κατόπιν νομίμου αιτήματός τους και σύμφωνα με τις ισχύουσες νομοθετικές διατάξεις. + </p> + + <h4>Η. Δικαιώματα</h4> + <p>Αναφορικά με την επεξεργασία των προσωπικών σας δεδομένων έχετε εκ του νόμου τα εξής δικαιώματα:</p> + <p> + Δικαίωμα ενημέρωσης σχετικά με τον τρόπο με τον οποίο χρησιμοποιούνται τα προσωπικά σας δεδομένα. + </p> + <ul> + <li> + Δικαίωμα πρόσβασης, προκειμένου να ενημερωθείτε σχετικά με το ποια δεδομένα σας επεξεργαζόμαστε, για τον χρόνο τρόπο και σκοπό επεξεργασίας, και τους τυχόν αποδέκτες τους. + </li> + <li> + Δικαίωμα διόρθωσης τυχόν ανακριβών, ή συμπλήρωσης ελλιπών, προσωπικών πληροφοριών. + </li> + <li> + Δικαίωμα διαγραφής («δικαίωμα στη λήθη»), εφ’ όσον τα δεδομένα δεν είναι πλέον απαραίτητα για τους σκοπούς της επεξεργασίας για τους οποίους συλλέχθηκαν, με την από μέρους μας επιφύλαξη για μη διαγραφή, κατά την περίπτωση που η τήρησή τους απαιτείται σε εκπλήρωση εκ του νόμου υποχρέωσής μας, εναλλακτικά για το σκοπό επίλυσης τυχών διαφορών, ή/και στο πλαίσιο νομικών ενεργειών. + </li> + <li> + Δικαίωμα περιορισμού της επεξεργασίας, σε περίπτωση ενδεικτικά αμφισβήτησης της ακρίβειας τους, παράνομης επεξεργασίας κατόπιν αιτήματος του υποκειμένου και εφ’ όσον το ίδιο αντιτάσσεται στη διαγραφή τους. + </li> + <li> + Δικαίωμα εναντίωσης στην επεξεργασία, στην περίπτωση που αυτή εκτελείται στη βάση εκπλήρωσης καθήκοντος δημοσίου συμφέροντος, ή για σκοπούς έννομου συμφέροντος του Υπευθύνου Επεξεργασίας, συμπεριλαμβανομένης της αυτοματοποιημένης λήψης αποφάσεων και της κατάρτισης προφίλ (εάν γίνεται για σκοπούς απευθείας εμπορικής προώθησης), με την από μέρους μας επιφύλαξη κατά την περίπτωση που η τήρηση των δεδομένων απαιτείται είτε σε εκπλήρωση εκ του νόμου υποχρέωσής μας, είτε για το σκοπό επίλυσης τυχών διαφορών ή/και στο πλαίσιο νομικών ενεργειών. + </li> + <li> + Δικαίωμα φορητότητας, προκειμένου να λάβετε τα δεδομένα που έχετε οι ίδιοι παράσχει σε δομημένο, κοινώς χρησιμοποιούμενο και αναγνώσιμο από μηχανήματα μορφότυπο. + </li> + <li> + Δικαίωμα ανάκλησης ανά πάσα στιγμή της χορηγηθείσας συγκατάθεσης, χωρίς ωστόσο να επηρεάζεται η νομιμότητα της επεξεργασίας των δεδομένων σας έως το χρονικό σημείο που αιτηθήκατε την ανάκληση. + </li> + </ul> + <p>Επίσης έχετε δικαίωμα υποβολής καταγγελίας στην Αρχή Προστασίας Δεδομένων Προσωπικού Χαρακτήρα (Λεωφ. Κηφισίας 1-3, Αθήνα, Τ.Κ. 115 23, +30 210 647 5600, www.dpa.gr)</p> + <h4>Θ. Επικοινωνία</h4> + <p>Για οποιαδήποτε τυχόν ερώτηση ή απορία σχετικά με τον τρόπο με τον οποίο επεξεργαζόμασε τα προσωπικά σας δεδομένα, ή στην περίπτωση που επιθυμείτε να ασκήσετε κάποιο από τα δικαιώματά σας, μπορείτε να επικοινωνήσετε με τον Υπεύθυνο Προστασίας Δεδομένων μέσω email στη διεύθυνση gdpr@sklavenitis.gr ή στο τηλ. 214 100 7890. Εκτός εξαιρετικών περιστάσεων, όλες οι ενέργειες που θα αφορούν θέματα ικανοποίησης δικαιωμάτων των Υποκειμένων των Δεδομένων θα είναι ανέξοδες για τα υποκείμενα. </p> + <p>Θα καταβληθεί κάθε δυνατή προσπάθεια οι αιτούμενες πληροφορίες να σας παρασχεθούν με σχετική γραπτή ενημέρωση το αργότερο εντός μηνός από την παραλαβή του αιτήματός σας ή, σε περίπτωση πολυπλοκότητας αυτού, θα λάβετε εντός του ίδιου χρονικού διαστήματος γραπτή ενημέρωση για παράταση του ανωτέρω χρονικού διαστήματος κατά δυο ακόμη μήνες, εφόσον απαιτείται.</p> + <h3>ΙIΙ. ΠΟΛΙΤΙΚΗ COOKIES</h3> + <h4>Α. Τι είναι τα cookies;</h4> + <p> + Κατά την απλή περιήγηση ή/και χρήση του διαδικτυακού μας ιστότοπου συλλέγουμε αυτόματα δεδομένα σύνδεσης και πληροφορίες σχετικές με την περιήγησή σας (π.χ. αναγνώριση του browser που χρησιμοποιείτε, I.P, λογισμικό και έκδοση αυτού, το είδος του τερματικού με το οποίο συνδέεστε, με τον πάροχο υπηρεσιών ίντερνετ). Oι πληροφορίες αυτές είναι μη εξατομικευμένες και σπάνια περιέχουν προσωποποιημένα χαρακτηριστικά που υποδεικνύουν την ταυτότητά σας. + Τα cookies είναι μικρά αρχεία κειμένου τα οποία, μέσω του προγράμματος περιήγησης κατά την επίσκεψή σας στο διαδικτυακό μας ιστότοπο, εγκαθίστανται στον υπολογιστή ή την ηλεκτρονική συσκευή σας, προσθέτοντας λειτουργικότητα στην ιστοσελίδα και βελτιώνοντας την εμπειρία περιήγησης ή, εφ΄ όσον το επιλέξετε, απομνημονεύοντας τις προτιμήσεις σας. + </p> + <h4>B. Δυνατότητες χρήστη</h4> + <p> + Τα περισσότερα προγράμματα περιήγησης σας παρέχουν τη δυνατότητα διαχείρισης των αρχείων cookies μέσω αντίστοιχων επιλογών στο μενού («Help/Tools/Edit»). Σε περίπτωση κατά την οποία δεν επιθυμείτε την αποθήκευση αρχείων cookies στη συσκευή με την οποία συνδέσετε στον διαδικτυακό μας ιστότοπο, μπορείτε να τα αποκλείσετε, είτε μέσω ρυθμίσεων του φυλλομετρητή σας (browser), είτε επιλέγοντας το αντίστοιχο πεδίο για τις κατηγορίες μη αναγκαίων (για τη λειτουργικότητα, βλ.Γ1) cookies. + Ωστόσο θα πρέπει να γνωρίζετε ότι αποκλεισμός ορισμένων κατηγοριών αρχείων cookies, μπορεί να επηρεάσει την εμπειρία της περιήγησής σας ή/και της χρήσης των υπηρεσιών μας. + </p> + <h4>Γ. Κατηγορίες cookies</h4> + <p>Στον διαδικτυακό μας ιστότοπο χρησιμοποιούμε τις παρακάτω κατηγορίες αρχείων cookies. Περισσότερες πληροφορίες ανά κατηγορία (όνομα, κατηγορία, σκοπός χρήσης, διάρκεια αποθήκευσης, πάροχο) θα βρείτε στο δεύτερο επίπεδο του διαλόγου συναίνεσης (Eπιλογή Κατηγοριών-Λεπτομέρειες) στις Ρυθμίσεις Cookies.</p> + <h4>Γ. Κατηγορίες cookies</h4> + <ul> + <li> + <b>1. Απολύτως απαραίτητα cookies</b><br> + Η συγκεκριμένη κατηγορία cookies είναι απαραίτητη για τη λειτουργία του ιστότοπου και ενεργοποιημένη. Έχετε ωστόσο τη δυνατότητα να ρυθμίσετε το πρόγραμμα περιήγησής σας ώστε να αποκλείει ή να σας ειδοποιεί σχετικά με αυτά τα cookies, με το ενδεχόμενο σε αυτήν την περίπτωση ορισμένα τμήματα του ιστότοπου να μη λειτουργούν. + </li> + <li> + <b>2. Απολύτως απαραίτητα cookies</b><br> + Τα λειτουργικά cookies επιτρέπουν την παροχή βελτιωμένων λειτουργιών και εξατομίκευσης, όπως π.χ. ζωντανή συνομιλία. Μπορούν να ορισθούν από εμάς ή /και από τρίτους παρόχους, των οποίων τις υπηρεσίες έχουμε επιλέξει. Αν δεν επιτρέψετε την αποδοχή αυτής της κατηγορίας cookies, ορισμένες ή όλες από αυτές τις λειτουργίες ενδέχεται να μην λειτουργούν σωστά. + </li> + <li> + <b>3. Στοχευμένα cookiess</b><br> + Η συγκεκριμένη κατηγορία cookies ρυθμίζεται από συνεργάτες μας (με αντικείμενο τη διαφήμιση) μέσω του ιστότοπού μας. Εφ’ όσον τα επιλέξετε, μπορεί να χρησιμοποιηθούν από τους ανωτέρω για τη δημιουργία ενός προφίλ των ενδιαφερόντων σας και για την εμφάνιση σχετικών διαφημίσεων σε άλλες τοποθεσίες. Τα στοχευμένα cookies λειτουργούν αναγνωρίζοντας με μοναδικό τρόπο το πρόγραμμα περιήγησης και τη συσκευή σας. Αν δεν επιλέξετε τη συγκεκριμένη κατηγορία cookies, δεν θα λαμβάνετε στοχευμένες διαφημίσεις μας σε διαφορετικούς ιστότοπους. + </li> + <li> + <b>4. Cookies απόδοσης</b><br> + Η συγκεκριμένη κατηγορία cookies μας δίνει τη δυνατότητα να ενημερωνόμαστε για την επισκεψιμότητα του ιστότοπού μας, ώστε να μπορούμε να βελτιώσουμε την απόδοσή του. Μας βοηθούν να γνωρίζουμε ποιες σελίδες είναι περισσότερο, ή λιγότερο δημοφιλείς και να βλέπουμε την αλληλεπίδραση του χρήστη και τον χρόνο παραμονής του. Οι πληροφορίες που συλλέγονται από αυτά τα cookies είναι συγκεντρωτικές και, συνεπώς, ανώνυμες. Αν δεν επιτρέψετε την αποδοχή αυτής της κατηγορίας cookies, δεν θα γνωρίζουμε πότε έχετε επισκεφθεί την τοποθεσία μας. + </li> + </ul> + <p>Η παρούσα Πολιτική Cookies, ως αναπόσπαστο μέρος και ενιαίο σύνολο των Όρων Χρήσης του διαδικτυακού μας ιστότοπου και της Πολιτικής Απορρήτου, δύναται να τροποποιείται και να επικαιροποιείται οποτεδήποτε από την «ΣΚΛΑΒΕΝΙΤΗΣ», ισχύουσα από την ανάρτηση της εκάστοτε τροποποίησης.</p> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Content/Politiki_Cookies.html b/public/processed-views/content/Content/Politiki_Cookies.html new file mode 100644 index 0000000..d022158 --- /dev/null +++ b/public/processed-views/content/Content/Politiki_Cookies.html @@ -0,0 +1,50 @@ +<div class="wrapper"> + <div class="pageTitle"> + <h1>Πολιτική Cookies</h1> + </div> +</div> +<div class="wrapper wrapper--xs"> + <div class="content"> + <p>H παρούσα Πολιτική Cookies της εταιρείας μας με την επωνυμία «ΕΛΛΗΝΙΚΕΣ ΥΠΕΡΑΓΟΡΕΣ ΣΚΛΑΒΕΝΙΤΗΣ Α.Ε.Ε.», και τον δ.τ. «ΣΚΛΑΒΕΝΙΤΗΣ», σκοπό έχει την ενημέρωσή σας σχετικά με τη λειτουργία των αρχείων cookies στο διαδικτυακό μας ιστότοπο www.sklavenitis.gr.</p> + + <h4>Α. Τι είναι τα cookies;</h4> + <p> + Κατά την απλή περιήγηση ή/και χρήση του διαδικτυακού μας ιστότοπου συλλέγουμε αυτόματα δεδομένα σύνδεσης και πληροφορίες σχετικές με την περιήγησή σας (π.χ. αναγνώριση του browser που χρησιμοποιείτε, I.P, λογισμικό και έκδοση αυτού, το είδος του τερματικού με το οποίο συνδέεστε, με τον πάροχο υπηρεσιών ίντερνετ). Oι πληροφορίες αυτές είναι μη εξατομικευμένες και σπάνια περιέχουν προσωποποιημένα χαρακτηριστικά που υποδεικνύουν την ταυτότητά σας.<br> + Τα cookies είναι μικρά αρχεία κειμένου τα οποία, μέσω του προγράμματος περιήγησης κατά την επίσκεψή σας στο διαδικτυακό μας ιστότοπο, εγκαθίστανται στον υπολογιστή ή την ηλεκτρονική συσκευή σας, προσθέτοντας λειτουργικότητα στην ιστοσελίδα και βελτιώνοντας την εμπειρία περιήγησης ή, εφ΄ όσον το επιλέξετε, απομνημονεύοντας τις προτιμήσεις σας. + </p> + <h4>Β. Δυνατότητες χρήστη</h4> + <p> + Τα περισσότερα προγράμματα περιήγησης σας παρέχουν τη δυνατότητα διαχείρισης των αρχείων cookies μέσω αντίστοιχων επιλογών στο μενού («Help/Tools/Edit»). Σε περίπτωση κατά την οποία δεν επιθυμείτε την αποθήκευση αρχείων cookies στη συσκευή με την οποία συνδέεστε στον διαδικτυακό μας ιστότοπο, μπορείτε να τα αποκλείσετε, είτε μέσω ρυθμίσεων του φυλλομετρητή σας (browser), είτε επιλέγοντας το αντίστοιχο πεδίο για τις κατηγορίες μη αναγκαίων (για τη λειτουργικότητα, βλ.Γ1) cookies. + Ωστόσο θα πρέπει να γνωρίζετε ότι αποκλεισμός ορισμένων κατηγοριών αρχείων cookies, μπορεί να επηρεάσει την εμπειρία της περιήγησής σας ή/και της χρήσης των υπηρεσιών μας. + </p> + <h4>Γ. Κατηγορίες cookies</h4> + <p>Στον διαδικτυακό μας ιστότοπο χρησιμοποιούμε τις παρακάτω κατηγορίες αρχείων cookies. Περισσότερες πληροφορίες ανά κατηγορία (όνομα, κατηγορία, σκοπός χρήσης, διάρκεια αποθήκευσης, πάροχο) θα βρείτε στο δεύτερο επίπεδο του διαλόγου συναίνεσης (Eπιλογή Κατηγοριών-Λεπτομέρειες) στις Ρυθμίσεις Cookies.</p> + <h4>Γ. Κατηγορίες cookies</h4> + <p> + Στον διαδικτυακό μας ιστότοπο χρησιμοποιούμε τις παρακάτω κατηγορίες αρχείων cookies. Περισσότερες πληροφορίες ανά κατηγορία (όνομα, κατηγορία, σκοπός χρήσης, διάρκεια αποθήκευσης, πάροχο) θα βρείτε στο δεύτερο επίπεδο του διαλόγου συναίνεσης (Eπιλογή Κατηγοριών-Λεπτομέρειες) στις Ρυθμίσεις Cookies. + </p> + <ul> + <li> + <b>1. Απολύτως απαραίτητα cookies</b><br> + Η συγκεκριμένη κατηγορία cookies είναι απαραίτητη για τη λειτουργία του ιστότοπου και ενεργοποιημένη. Έχετε ωστόσο τη δυνατότητα να ρυθμίσετε το πρόγραμμα περιήγησής σας ώστε να αποκλείει ή να σας ειδοποιεί σχετικά με αυτά τα cookies, με το ενδεχόμενο σε αυτήν την περίπτωση ορισμένα τμήματα του ιστότοπου να μη λειτουργούν. + </li> + <li> + <b>2. Απολύτως απαραίτητα cookies</b><br> + Τα λειτουργικά cookies επιτρέπουν την παροχή βελτιωμένων λειτουργιών και εξατομίκευσης, όπως π.χ. ζωντανή συνομιλία. Μπορούν να ορισθούν από εμάς ή /και από τρίτους παρόχους, των οποίων τις υπηρεσίες έχουμε επιλέξει. Αν δεν επιτρέψετε την αποδοχή αυτής της κατηγορίας cookies, ορισμένες ή όλες από αυτές τις λειτουργίες ενδέχεται να μην λειτουργούν σωστά. + </li> + <li> + <b>3. Στοχευμένα cookiess</b><br> + Η συγκεκριμένη κατηγορία cookies ρυθμίζεται από συνεργάτες μας (με αντικείμενο τη διαφήμιση) μέσω του ιστότοπού μας. Εφ’ όσον τα επιλέξετε, μπορεί να χρησιμοποιηθούν από τους ανωτέρω για τη δημιουργία ενός προφίλ των ενδιαφερόντων σας και για την εμφάνιση σχετικών διαφημίσεων σε άλλες τοποθεσίες. Τα στοχευμένα cookies λειτουργούν αναγνωρίζοντας με μοναδικό τρόπο το πρόγραμμα περιήγησης και τη συσκευή σας. Αν δεν επιλέξετε τη συγκεκριμένη κατηγορία cookies, δεν θα λαμβάνετε στοχευμένες διαφημίσεις μας σε διαφορετικούς ιστότοπους. + </li> + <li> + <b>4. Cookies απόδοσης</b><br> + Η συγκεκριμένη κατηγορία cookies μας δίνει τη δυνατότητα να ενημερωνόμαστε για την επισκεψιμότητα του ιστότοπού μας, ώστε να μπορούμε να βελτιώσουμε την απόδοσή του. Μας βοηθούν να γνωρίζουμε ποιες σελίδες είναι περισσότερο, ή λιγότερο δημοφιλείς και να βλέπουμε την αλληλεπίδραση του χρήστη και τον χρόνο παραμονής του. Οι πληροφορίες που συλλέγονται από αυτά τα cookies είναι συγκεντρωτικές και, συνεπώς, ανώνυμες. Αν δεν επιτρέψετε την αποδοχή αυτής της κατηγορίας cookies, δεν θα γνωρίζουμε πότε έχετε επισκεφθεί την τοποθεσία μας. + </li> + </ul> + <p> + Εάν θέλετε να μάθετε περισσότερα για τον τρόπο με τον οποίο επεξεργαζόμαστε τα προσωπικά σας δεδομένα παρακαλούμε δείτε <a href="Content -- Politiki Cookies.html#">εδώ</a>.<br> + Η παρούσα Πολιτική Cookies, ως αναπόσπαστο μέρος και ενιαίο σύνολο των Όρων Χρήσης του διαδικτυακού μας ιστότοπου και της Πολιτικής Απορρήτου, δύναται να τροποποιείται και να επικαιροποιείται οποτεδήποτε από την «ΣΚΛΑΒΕΝΙΤΗΣ», ισχύουσα από την ανάρτηση της εκάστοτε τροποποίησης. + Για να αλλάξετε τις ρυθμίσεις, κάντε κλικ <a href="Content -- Politiki Cookies.html#">εδώ</a>. + </p> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Content/Politiki_Epistrofwn.html b/public/processed-views/content/Content/Politiki_Epistrofwn.html new file mode 100644 index 0000000..ccec025 --- /dev/null +++ b/public/processed-views/content/Content/Politiki_Epistrofwn.html @@ -0,0 +1,11 @@ +<div class="wrapper"> + <div class="pageTitle"> + <h1>Πολιτική επιστροφών</h1> + </div> +</div> +<div class="wrapper wrapper--xs"> + <div class="content"> + <p>Εάν παραλάβετε ελαττωματικό προϊόν ή προϊόν το οποίο δεν είχατε παραγγείλει, παρακαλούμε να επικοινωνήσετε με το Κέντρο Εξυπηρέτησης eMarket στα τηλέφωνα: 800 800 7777 (μόνο από σταθερό, χωρίς χρέωση), 210 540 2200 (αστική χρέωση) ή να αποστείλετε email στο <a href="mailto:emarket@sklavenitis.gr">emarket@sklavenitis.gr</a>.</p> + <p>Σε κάθε μία από τις παραπάνω περιπτώσεις παρέχεται η δυνατότητα αντικατάστασης του προϊόντος ή πίστωσης του αντίστοιχου χρηματικού ποσού.</p> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Content/Terms.html b/public/processed-views/content/Content/Terms.html new file mode 100644 index 0000000..731a43b --- /dev/null +++ b/public/processed-views/content/Content/Terms.html @@ -0,0 +1,86 @@ +<div class="wrapper"> + <div class="pageTitle"> + <h1>Όροι Χρήσης</h1> + </div> +</div> +<div class="mainLayout mainLayout--aside"> + <!-- Content Asside --> + <div class="mainLayout__content"> + <div class="wrapper wrapper--xs"> + <div class="content"> + <p> + H εταιρεία με την επωνυμία «ΕΛΛΗΝΙΚΕΣ ΥΠΕΡΑΓΟΡΕΣ ΣΚΛΑΒΕΝΙΤΗΣ Α.Ε.Ε.» και τον δ.τ. «ΣΚΛΑΒΕΝΙΤΗΣ» + δημιούργησε τον διαδικτυακό ιστότοπο www.sklavenitis.gr προκειμένου να παρέχει προς τους χρήστες του + υπηρεσίες ηλεκτρονικού εμπορίου και πληροφορίες σχετικές με τη δραστηριότητά της. + Οι παρόντες Όροι Χρήσης, διέπουν τη λειτουργία του διαδικτυακού μας ιστότoπου, με την περιήγησή σας + στον οποίο, ή/και τη μέσω αυτού χρήση των παρεχόμενων υπηρεσιών μας, τεκμαίρεται ότι έχετε λάβει + πλήρη γνώση των παρόντων και τους αποδέχεστε ανεπιφύλακτα. + Οποτεδήποτε κριθεί απαραίτητο μπορούμε να τροποποοιούμε/επικαιροποιούμε το περιεχόμενο του + διαδικτυακού μας ιστότοπου και τους παρόντες Όρους Χρήσης, με έναρξη της ισχύος της εκάστοτε + τροποποίησης/επικαιροποίησης από την ανάρτησή της σε αυτόν. + </p> + <h3>Α. ΔΙΚΑΙΩΜΑΤΑ ΠΝΕΥΜΑΤΙΚΗΣ ΙΔΙΟΚΤΗΣΙΑΣ</h3> + <p> + Το σύνολο του περιεχομένου του διαδικτυακού μας ιστότοπου www.sklavenitis.gr, συμπεριλαμβανομένων + των διακριτικών τίτλων, εμπορικών σημάτων, κειμένων, εικόνων, γραφικών, φωτογραφιών, απεικονίσεων, + ψηφιακών αρχείων, λογισμικού και γενικά κάθε είδους αρχείων αποτελεί αντικείμενο πνευματικής + ιδιοκτησίας μας ή των συνεργατών/ προμηθευτών/παρόχων μας και διέπεται από το εθνικό, ευρωπαϊκό και + διεθνές νομικό πλαίσιο περί Πνευματικής Ιδιοκτησίας. + Κάθε είδους αναπαραγωγή, αναδημοσίευση, αντιγραφή, αποθήκευση, πώληση, μετάδοση, διανομή, έκδοση, + εκτέλεση, μετάφραση, συλλογή και χρήση περιεχομένου του Ηλεκτρονικού μας Καταστήματος, τμηματικά ή + συνολικά, ως και η οποιαδήποτε μεταφόρτωση ή αντιγραφή δεδομένων και πληροφοριών προς τρίτους, και + σε κάθε περίπτωση η με οποιονδήποτε τρόπο τροποποίηση του περιεχομένου του διαδικτυακού μας + ιστότοπου απαγορεύονται, χωρίς τη ρητή προηγούμενη έγγραφη συναίνεσή μας ή του ανά περίπτωση + Δικαιούχου. + </p> + <h3>Β. ΥΠΟΧΡΕΩΣΕΙΣ ΧΡΗΣΤΗ</h3> + <p> + Χρήση των υπηρεσιών μας μπορεί να κάνει κάθε φυσικό πρόσωπο με πλήρη δικαιοπρακτική ικανότητα. Την + αποκλειστική ευθύνη για τα στοιχεία που δηλώνονται κατά την δημιουργία λογαριασμού ή τη διενέργεια + αγορών ως επισκέπτης και την ολοκλήρωση της συναλλαγής φέρει ο χρήστης. Σε περίπτωση κατά την οποία + διαπιστώσουμε αναλήθεια των δηλωθέντων στοιχείων διατηρούμε το δικαίωμα ακύρωσης του λογαριασμού + σας. + Κατά την περιήγησή σας στο διαδικτυακό μας ιστότοπο ή/και την πραγματοποίηση αγορών από το + Ηλεκτρονικό Κατάστημά μας οφείλετε, με γνώμονα τους κανόνες της καλής πίστης και των συναλλακτικών + ηθών, να απέχετε από κάθε παράνομη, αθέμιτη και καταχρηστική πρακτική αντίθετη προς τους παρόντες + Όρους Χρήσης και το ισχύον νομικό πλαίσιο. Σε περίπτωση έγερσης οποιασδήποτε αξίωσης σε βάρος μας + από οποιασδήποτε μορφής παράβασης χρήστη σχετιζόμενη με τη λειτουργία του www.sklavenitis.gr, + επιφυλασσόμαστε για κάθε νόμιμο δικαίωμά μας. + </p> + <h3>Γ. ΠΕΡΙΟΡΙΣΜΟΣ ΕΥΘΥΝΗΣ</h3> + <p> + Καταβάλλουμε κάθε δυνατή προσπάθεια, ώστε το σύνολο του περιεχομένου του διαδικτυακού μας ιστότοπου + να διέπεται από τη μέγιστη ακρίβεια, σαφήνεια, χρονική εγγύτητα, πληρότητα, ορθότητα και + διαθεσιμότητα και εφαρμόζουμε κάθε δυνατό μέτρο για την προστασία του από ηλεκτρονικές επιθέσεις και + κακόβουλο λογισμικό. Σε περίπτωση που κριθεί απαραίτητο –ενδεχομένως και για λόγους εκτός της + σφαίρας ευθύνης μας– διατηρούμε το δικαίωμα να τροποποιήσουμε ή να διακόψουμε, προσωρινά, ολικά ή + μερικά, το περιεχόμενο και τη διαθεσιμότητα του διαδικτυακού μας ιστότοπου. + Σε καμία περίπτωση, συμπεριλαμβανομένης και αυτής της αμέλειας, δεν υφίσταται οποιουδήποτε είδους + ευθύνη μας για οποιαδήποτε τυχόν ζημία προκληθεί στο χρήστη εξ αφορμής της χρήσης του διαδικτυακού + μας ιστότοπου –η οποία υποχρεωτικά θα πρέπει να συνδυάζεται με τη λήψη κάθε πρόσφορου μέτρου + ασφάλειας από τον ίδιο–, ή/και των μέσω αυτού παρεχόμενων υπηρεσιών μας. + </p> + <h3>Δ. ΣΥΝΔΕΣΜΟΙ ΤΡΙΤΩΝ (links)</h3> + <p> + Ο παρών διαδικτυακός ιστότοπος ενδέχεται να περιλαμβάνει συνδέσμους προς άλλους ιστότοπους, υπό την + αποκλειστική ευθύνη τρίτων φορέων ως προς τη διαθεσιμότητα, το περιεχόμενο και τις υπηρεσίες τους, + τους όρους επεξεργασίας προσωπικών δεδομένων και ασφάλειας των συναλλαγών, για τους οποίους ουδεμία + ευθύνη φέρουμε, ακόμα και σε περίπτωση ζημίας του χρήστη κατά την περιήγησή του σε αυτούς + Παρακαλούμε ενημερωθείτε για τον τρόπο με τον οποίο επεξεργαζόμαστε τα προσωπικά σας δεδομένα κατά + τη χρήση των υπηρεσιών του Ηλεκτρονικού Καταστήματός μας (<b>Πολιτική Επεξεργασίας Προσωπικών + Δεδομένων</b>) και την <a href="Content -- Terms.html#">Πολιτική Cookies</a>. + </p> + <h3>E. ΛΟΙΠΟΙ ΟΡΟΙ</h3> + <p> + Οι παρόντες Όροι Χρήσης διέπονται απο τις διατάξεις της εθνικής και κοινοτικής νομοθεσίας. + Σε περίπτωση διαφοράς σχετικής με τους παρόντες όρους θα καταβληθεί καλόπιστα κάθε προσπάθεια + εξώδικης επίλυσης, άλλως αρμόδια κρίνονται τα Δικαστήρια των Αθηνών. Τυχόν μη άσκηση των δικαιωμάτων + μας εκ των παρόντων δε συνεπάγεται παραίτησή μας αυτά. + Σε περίπτωση κατά την οποία επιθυμείτε να επικοινωνήσετε μαζί μας αναφορικά με το περιεχόμενο του + διαδικτυακού μας ιστότοπου ή τους παρόντες όρους μπορείτε να μας αποστείλετε μήνυμα στην ηλεκτρονική + διεύθυνση info@sklavenitis.com. + </p> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Content/Tropoi_Pliromis.html b/public/processed-views/content/Content/Tropoi_Pliromis.html new file mode 100644 index 0000000..e38de0c --- /dev/null +++ b/public/processed-views/content/Content/Tropoi_Pliromis.html @@ -0,0 +1,70 @@ +<div class="wrapper"> + <div class="pageTitle"> + <h1>Τρόποι πληρωμής</h1> + </div> +</div> +<div class="wrapper wrapper--xs"> + <div class="content"> + <h4>Ποιοι είναι οι τρόποι πληρωμής;</h4> + <p>Μπορείτε να πληρώσετε με τους εξής τρόπους:</p> + <ul> + + <li>Online πληρωμή μέσω κάρτας</li> + <li> + Κατά την παράδοση με: + <ol> + <li>Μετρητά</li> + <li>Κάρτα μέσω POS</li> + </ol> + </li> + <li> + Κατάθεση σε τραπεζικό λογαριασμό: + <ol> + <li>ΤΡΑΠΕΖΑ ΠΕΙΡΑΙΩΣ: GR8701717590006759114003814</li> + <li>ALPHΑ BANK: GR3601408020802002002005038</li> + <li>EUROBANK: GR2902600950000530200859936</li> + <li>ΕΘΝΙΚΗ ΤΡΑΠΕΖΑ: GR5801101640000016447029055</li> + </ol> + </li> + </ul> + <p> + Δεχόμαστε:<br> + <b>Όλες τις χρεωστικές και πιστωτικές κάρτες:</b> Visa, MasterCard, Maestro, American Express και + Diners.<br> + <b>Διατακτικές ή Δωροεπιταγές:</b> + </p> + <ul> + <li><b>Κάρτα ή έντυπη μορφή:</b> Ticket Restaurant, Hellenic voucher, ΣΚΛΑΒΕΝΙΤΗΣ.</li> + <li> + <b>Μόνο έντυπη μορφή:</b> Chèque Déjeuner, Up Cadhoc, Χαλκιαδάκης, The Mart. + </li> + <li> + <b>Μόνο κάρτα:</b> Meals & More. + </li> + </ul> + <p> + Επιπλέον, μπορείτε να κάνετε χρήση και της κάρτας ΑΣΦΑΛΙΣΤΙΚΟΥ ΓΟΝΕΑ για τη Συλλογή πόντων στις πληρωμές + μέσω POS κατά την παράδοση. + <b>Εάν έχω δωροεπιταγή, μπορεί να αφαιρεθεί από την παραγγελία μου;</b><br> + Ναι, αρκεί να έχετε επιλέξει ως τρόπο πληρωμής είτε μετρητά είτε κάρτα κατά την παράδοση (POS). <br> + <b>Συλλέγω πόντους επιβράβευσης στην πληρωμή με πιστωτική/χρεωστική/προπληρωμένη κάρτα;</b><br> + Ναι. Με κάθε χρήση χρεωστικής/πιστωτικής/προπληρωμένης κάρτας συλλέγετε πόντους μέσα από τα παρακάτω + προγράμματα τραπεζών: + </p> + <ul> + <li> + “Επιστροφή”, με κάρτες που συμμετέχουν στο Πρόγραμμα Επιβράβευσης της τράπεζας Eurobank + </li> + <li> + “Go4more”, με κάρτες που συμμετέχουν στο Πρόγραμμα Επιβράβευσης της Εθνικής τράπεζας + + </li> + <li> + “yellows”, με κάρτες που συμμετέχουν στο Πρόγραμμα Επιβράβευσης της τράπεζας Πειραιώς + + </li> + </ul> + <p>Υπάρχει δυνατότητα και εξαργύρωσης πόντων στην περίπτωση που επιλέξετε πληρωμή μέσω κάρτας κατά την παράδοση + (POS). Ειδικότερα, αν είστε Μέλη του yellow, μπορείτε να τα εξαργυρώσετε και μέσω της online πληρωμής. </p> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Store/Store__Anakoinoseis.html b/public/processed-views/content/Store/Store__Anakoinoseis.html new file mode 100644 index 0000000..d2ce16a --- /dev/null +++ b/public/processed-views/content/Store/Store__Anakoinoseis.html @@ -0,0 +1,73 @@ + +<!-- HERO --> +<div class="pageTitle pageTitle--big pageTitle--overlay" style="--fontcolor:#000000"> + <figure > + <picture> + <source srcset="/images/1243x385/jpg/files/pageTitleAnakoinoseis.webp" type="image/webp" media="(min-width: 768px)" /> + <source srcset="/images/1243x385/jpg/files/pageTitleAnakoinoseis.jp2" type="image/jp2" media="(min-width: 768px)" /> + <source srcset="/images/767x200/jpg/files/pageTitleAnakoinoseis.webp" type="image/webp" media="(max-width: 767px)" /> + <source srcset="/images/767x200/jpg/files/pageTitleAnakoinoseis.jp2" type="image/jp2" media="(max-width: 767px)" /> + + <img src="../images/1243x385/jpg/files/pageTitleAnakoinoseis.jpg" alt="Alt text" /> + </picture> + </figure> + + <div class="wrapper"> + <h1 class="pageTitle__title">Ανακοινώσεις</h1> + </div> +</div> + + +<section class="section"> + <div class="wrapper wrapper--xs"> + + <div class="articleList articleList--column"> + + <!-- + FOR article IN articles + { + include + ./Store__Anakoinoseis__article.html + } + --> + + </div> + + <!-- DUMMY PAGINATION --> + + <nav data-page="1"> + <ul class="pagination"> + <li class="pagination__item active" data-page="1"> + <a class="pagination__link"> + 1 + </a> + </li> + <li class="pagination__item" data-page="2"> + <a class="pagination__link" href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=2"> + 2 + </a> + </li> + <li class="pagination__item" data-page="3"> + <a class="pagination__link" href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=3"> + 3 + </a> + </li> + <li class="pagination__item" data-page="4"> + <a class="pagination__link" href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=4"> + 4 + </a> + </li> + <li class="pagination__item PagedList-ellipses disabled"> + <a> + … + </a> + </li> + <li data-page="2" class="pagination__item PagedList-skipToNext "> + <a title="»" class="pagination__link pagination__link--next icon-arrowRight" href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=2"> + </a> + </li> + </ul> + </nav> + + </div> +</section>
\ No newline at end of file diff --git a/public/processed-views/content/Store/Store__Anakoinoseis__article.html b/public/processed-views/content/Store/Store__Anakoinoseis__article.html new file mode 100644 index 0000000..58f26e3 --- /dev/null +++ b/public/processed-views/content/Store/Store__Anakoinoseis__article.html @@ -0,0 +1,29 @@ +<article class="article article--horizontal"> + +<div class="article__img"> + + <figure > + <picture> + <source data-srcset="/images/626x352/jpg/files/announcements/announcementHorizontal.webp" type="image/webp" class="lazysrcset" /> + <source data-srcset="/images/626x352/jpg/files/announcements/announcementHorizontal.jp2" type="image/jp2" class="lazysrcset" /> + <img data-src="/images/626x352/jpg/files/announcements/announcementHorizontal.jpg" alt="Κατάργηση περιορισμού των μετακινήσεων για αγορές από σούπερ μάρκετ" class="lazy" /> + </picture> + </figure> +</div> + +<div class="article__info"> + + <div class="article__dateWrap"> + <time class="article__date" datetime="15-01-2021">15.01.2021</time> + </div> + + <h3 class="article__title"> + <a class="article__link" href="Store__Anakoinoseis.html#"><!--Article link title--></a> + </h3> + + <div class="article__text"> + <p><!--demo-->Σύμφωνα με νέα Υπουργική Απόφαση, καταργείται από σήμερα ο περιορισμός μετακίνησης εντός δύο. Το Κατάστημά μας στη 2ας Μεραρχίας 30 & Πραξιτέλους στον Πειραιά, λειτουργεί από σήμερα πλήρως ανακαινισμένο!</p> + </div> +</div> + +</article>
\ No newline at end of file diff --git a/public/processed-views/content/Store/Store__Anakoinosi.html b/public/processed-views/content/Store/Store__Anakoinosi.html new file mode 100644 index 0000000..1639adc --- /dev/null +++ b/public/processed-views/content/Store/Store__Anakoinosi.html @@ -0,0 +1,43 @@ + +<section class="section"> + <div class="wrapper wrapper--xs"> + + <div class="articleDetails"> + + <!-- + include + ./Store__Anakoinosi__gallerySlider.html + --> + + <div class="articleDetails__dateWrap"> + <time class="articleDetails__date">15.01.2021</time> + </div> + + <h1 class="articleDetails__title"><!--Title of article--></h1> + + <!-- demo (start) --> + <p> + Από σήμερα εξυπηρετούμε και την πόλη των Τρικάλων μέσω του efood.<br /> + Συνολικά έχετε τη δυνατότητα να παραγγέλνετε μέσω efood, σε Αττική, Θεσσαλονίκη, Βόλο, Ηράκλειο Κρήτης, Ιωάννινα, Λάρισα, Πάτρα, Σέρρες και Τρίκαλα. Από σήμερα εξυπηρετούμε και την πόλη των Τρικάλων μέσω του efood.<br /> + Συνολικά έχετε τη δυνατότητα να παραγγέλνετε μέσω efood, σε Αττική, Θεσσαλονίκη, Βόλο, Ηράκλειο Κρήτης, Ιωάννινα, Λάρισα, Πάτρα, Σέρρες και Τρίκαλα. + </p> + + <a href="Store__Anakoinosi.html#" class="link link"> + <span>Κατεβάστε το νεο μας κατάλογο</span> + <span class="icon icon-download"></span> + </a> + + <ul class="listL"> + <li>Επιλογή προϊόντων από συλλογή 5.500 βασικών Κωδικών.</li> + <li>Ελάχιστο όριο παραγγελίας 30 ευρώ.</li> + <li>Πληρωμή είτε online μέσω κάρτας στην efood είτε με αντικαταβολή κατά την παράδοση.</li> + <li>Δωρεάν παράδοση (ή παραλαβή από το Κατάστημα).</li> + </ul> + + <p>Άρχισε τη λειτουργία του το νέο μας Κατάστημα στο Μεγαλοχώρι Τρικάλων (4ο χλμ Ε.Ο. Τρικάλων-Λάρισας), το οποίο διαθέτει:</p> + <!-- demo (end) --> + + </div> + + </div> +</section>
\ No newline at end of file diff --git a/public/processed-views/content/Store/Store__Anakoinosi_gallerySlider.html b/public/processed-views/content/Store/Store__Anakoinosi_gallerySlider.html new file mode 100644 index 0000000..4596ebe --- /dev/null +++ b/public/processed-views/content/Store/Store__Anakoinosi_gallerySlider.html @@ -0,0 +1,27 @@ +<div class="gallerySlider"> + <div class="swiper galleryMainImg" data-plugin-slider> + <div class="swiper-wrapper"> + + <!-- FOR slide IN slides + { + --> + <div class="swiper-slide galleryMainImg__slide"> + <figure > + <picture> + <source data-srcset="/images/1002x560/jpg/files/carouselHeader.webp" type="image/webp" class="lazysrcset" /> + <source data-srcset="/images/1002x560/jpg/files/carouselHeader.jp2" type="image/jp2" class="lazysrcset" /> + <img data-src="/images/1002x560/jpg/files/carouselHeader.jpg" alt="title" class="lazy" /> + </picture> + </figure> + </div> + + <!-- + } (endfor) + --> + </div> + + <div class="swiper-button-prev"></div> + <div class="swiper-button-next"></div> + <div class="swiper-pagination"></div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/Store/Store__Diagonismoi.html b/public/processed-views/content/Store/Store__Diagonismoi.html new file mode 100644 index 0000000..7b56784 --- /dev/null +++ b/public/processed-views/content/Store/Store__Diagonismoi.html @@ -0,0 +1,71 @@ +<!-- HERO --> +<div class="pageTitle pageTitle--big pageTitle--overlay" style="--fontcolor:#000000"> + <figure > + <picture> + <source srcset="/images/1243x385/jpg/files/pageTitleDiagonismoi.webp" type="image/webp" media="(min-width: 768px)" /> + <source srcset="/images/1243x385/jpg/files/pageTitleDiagonismoi.jp2" type="image/jp2" media="(min-width: 768px)" /> + <source srcset="/images/767x200/jpg/files/pageTitleDiagonismoi.webp" type="image/webp" media="(max-width: 767px)" /> + <source srcset="/images/767x200/jpg/files/pageTitleDiagonismoi.jp2" type="image/jp2" media="(max-width: 767px)" /> + + <img src="../images/1243x385/jpg/files/pageTitleDiagonismoi.jpg" alt="Alt text" /> + </picture> + </figure> + + <div class="wrapper"> + <h1 class="pageTitle__title">Διαγωνισμοί</h1> + </div> +</div> + + + <section class="section"> + <div class="wrapper"> + + <div class="articleList articleList--contests"> + + <!-- FOR article IN articles + { + include + ./Store__Diagonismoi__diagonismosTile.html + }--> + + </div> + + <!-- DUMMY PAGINATION --> + + <nav data-page="1"> + <ul class="pagination"> + <li class="pagination__item active" data-page="1"> + <a class="pagination__link"> + 1 + </a> + </li> + <li class="pagination__item" data-page="2"> + <a class="pagination__link" href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=2"> + 2 + </a> + </li> + <li class="pagination__item" data-page="3"> + <a class="pagination__link" href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=3"> + 3 + </a> + </li> + <li class="pagination__item" data-page="4"> + <a class="pagination__link" href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=4"> + 4 + </a> + </li> + <li class="pagination__item PagedList-ellipses disabled"> + <a> + … + </a> + </li> + <li data-page="2" class="pagination__item PagedList-skipToNext "> + <a title="»" class="pagination__link pagination__link--next icon-arrowRight" href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=2"> + </a> + </li> + </ul> + </nav> + + </div> + </section> +
\ No newline at end of file diff --git a/public/processed-views/content/Store/Store__Diagonismoi__diagonismosTile.html b/public/processed-views/content/Store/Store__Diagonismoi__diagonismosTile.html new file mode 100644 index 0000000..c36dd1b --- /dev/null +++ b/public/processed-views/content/Store/Store__Diagonismoi__diagonismosTile.html @@ -0,0 +1,27 @@ +<article class="article"> + + <div class="article__img"> + <figure > + <picture> + <source data-srcset="/images/296x184/jpg/files/contest1.webp" type="image/webp" class="lazysrcset" /> + <source data-srcset="/images/296x184/jpg/files/contest1.jp2" type="image/jp2" class="lazysrcset" /> + <img data-src="/images/296x184/jpg/files/contest1.jpg" alt="Καλή Σχολική Χρονιά" class="lazy" /> + </picture> + </figure> + </div> + + <div class="article__info"> + + <div class="article__dateWrap"> + <span>Μέχρι </span> + <time class="article__date" datetime="15-10-2022"><!--demo date-->15.10.2022</time> + <!-- OPTIONAL --><span class="pill">Ενεργός</span> + </div> + + <h3 class="article__title"> + <a class="article__link" href="Store__Diagonismoi.html#"><!--article title: demo-->Διαγωνισμός Nescafé Summer Mixer!</a> + </h3> + + </div> + +</article>
\ No newline at end of file diff --git a/public/processed-views/content/Store/Store__Diagonismos.html b/public/processed-views/content/Store/Store__Diagonismos.html new file mode 100644 index 0000000..2662fd7 --- /dev/null +++ b/public/processed-views/content/Store/Store__Diagonismos.html @@ -0,0 +1,30 @@ +<section class="section"> + <div class="wrapper wrapper--xs"> + + <div class="articleDetails"> + + <!-- Contest image --> + <div class="swiper-slide galleryMainImg__slide" style="margin-bottom: 40px;"> +<figure > + <picture> + <source data-srcset="/images/1002x560/jpg/files/carouselHeader.webp" type="image/webp" class="lazysrcset" /> + <source data-srcset="/images/1002x560/jpg/files/carouselHeader.jp2" type="image/jp2" class="lazysrcset" /> + <img data-src="/images/1002x560/jpg/files/carouselHeader.jpg" alt="title" class="lazy" /> + </picture> +</figure> + </div> + + <!-- Tags and dates --> + <div class="articleDetails__dateWrap"> + <span>Έληξε</span> + <time class="articleDetails__date">1-15.10.2020</time> + </div> + + <h1 class="articleDetails__title"><!-- Contest Title -->></h1> + + <!-- CONTENT (html) --> + + </div> + + </div> +</section>
\ No newline at end of file diff --git a/public/processed-views/content/Store/Store__Katalogoi.html b/public/processed-views/content/Store/Store__Katalogoi.html new file mode 100644 index 0000000..dbba70b --- /dev/null +++ b/public/processed-views/content/Store/Store__Katalogoi.html @@ -0,0 +1,37 @@ +<div class="pageTitle pageTitle--big pageTitle--overlay" style="--fontcolor:#000000"> + + <figure > + <picture> + <source srcset="/images/1243x385/jpg/files/pageTitleKatalogoi.webp" type="image/webp" media="(min-width: 768px)" /> + <source srcset="/images/1243x385/jpg/files/pageTitleKatalogoi.jp2" type="image/jp2" media="(min-width: 768px)" /> + <source srcset="/images/767x200/jpg/files/pageTitleKatalogoi.webp" type="image/webp" media="(max-width: 767px)" /> + <source srcset="/images/767x200/jpg/files/pageTitleKatalogoi.jp2" type="image/jp2" media="(max-width: 767px)" /> + + <img src="../images/1243x385/jpg/files/pageTitleKatalogoi.jpg" alt="Alt text" /> + </picture> + </figure> + + <div class="wrapper"> + <h1 class="pageTitle__title">Κατάλογοι</h1> + </div> + </div> + + <section class="section"> + <div class="wrapper"> + + <div class="catalogueList"> + + <!-- + FOR catalog IN catalogs + { + include + ./Store__Katalogoi__katalogosTile.html + } + --> + + + + </div> + + </div> + </section>
\ No newline at end of file diff --git a/public/processed-views/content/Store/Store__Katalogoi__katalogosTile.html b/public/processed-views/content/Store/Store__Katalogoi__katalogosTile.html new file mode 100644 index 0000000..5521f84 --- /dev/null +++ b/public/processed-views/content/Store/Store__Katalogoi__katalogosTile.html @@ -0,0 +1,22 @@ +<article class="catalogue"> + <div class="catalogue__img"> + +<figure > + <picture> + <source data-srcset="/images/617x463/jpg/Content/media/stores/catalogue1.webp" type="image/webp" class="lazysrcset" /> + <source data-srcset="/images/617x463/jpg/Content/media/stores/catalogue1.jp2" type="image/jp2" class="lazysrcset" /> + <img data-src="/images/617x463/jpg/Content/media/stores/catalogue1.jpg" alt="Χριστούγεννα 2021" class="lazy" /> + </picture> +</figure> + </div> + + <div class="catalogue__info"> + <h3 class="catalogue__title"> + <a class="catalogue__link" href="Store__Katalogoi.html#"><!--title-->Χριστούγεννα 2021</a> + </h3> + <div class="catalogue__text"> + <p>Ισχύει από <!-- from..to date -->12/12/2021 - 30/01/2022</p> + </div> + </div> + +</article>
\ No newline at end of file diff --git a/public/processed-views/content/Store/Store__Katastima.html b/public/processed-views/content/Store/Store__Katastima.html new file mode 100644 index 0000000..058f42c --- /dev/null +++ b/public/processed-views/content/Store/Store__Katastima.html @@ -0,0 +1,98 @@ +<section class="section"> + <div class="wrapper wrapper--xs"> + + <div class="storeDetails"> + + <!-- store image --> + <div class="swiper-slide galleryMainImg__slide" style="margin-bottom: 40px;"> + <figure > + <picture> + <source data-srcset="/images/1002x560/jpg/files/carouselHeader.webp" type="image/webp" class="lazysrcset" /> + <source data-srcset="/images/1002x560/jpg/files/carouselHeader.jp2" type="image/jp2" class="lazysrcset" /> + <img data-src="/images/1002x560/jpg/files/carouselHeader.jpg" alt="title" class="lazy" /> + </picture> + </figure> + </div> + + <!-- store tags --> + <div class="storeDetails__tags"> + <span class="storeDetails__tag">Έληξε</span> + <span class="pill">Ανοιχτά</span> + </div> + + <h1 class="storeDetails__title"><!--Store Title--></h1> + + <!-- address --> + <div class="storeDetails__addressWrap"> + <a href="Store__Katastima.html#" class="link link link--orangeIcon"> + <address>Λ. Δημοκρατίας & Ειρήνης ΤΚ 166 73 Βούλα</address> + <span class="icon icon-directions"></span> + </a> + </div> + + <!-- contact --> + <div class="storeDetails__contact"> + + <div class="storeDetails__contactItem"> + <a href="tel:210 569 6519" class="link link"> + <span>210 569 6519</span> + <span class="icon icon-call"></span> + </a> + </div> + <div class="storeDetails__contactItem"> + <a href="tel:210 569 6520" class="link link"> + <span>210 569 6520</span> + <span class="icon icon-call"></span> + </a> + </div> + <div class="storeDetails__contactItem"> + <a href="mailto:c52@sklavenitis.com" class="link link"> + <span>c52@sklavenitis.com</span> + <span class="icon icon-mail"></span> + </a> + </div> + </div> + + <!-- order details --> + <div class="storeTileOrder storeTileOrder--details"> + <span class="storeTileOrder__icon"> + <img class="lazy" data-src="/Content/media/pickup.svg" /> + </span> + <div class="storeTileOrder__info"> + <p class="storeTileOrder__details">Δυνατότητα online αγορών με παραλαβή από το Κατάστημα</p> + <p class="storeTileOrder__availability">Επόμενη διαθεσιμότητα: Σήμερα, 12/10/2021, από 11:00</p> + </div> + <div class="storeTileOrder__actions"> + <button class="button">Παραγγελία</button> + </div> + </div> + + <div class="storeTileSpecs"> + + <h2 class="storeTileSpecs__title">Υπηρεσίες</h2> + + <div class="storeTileSpecs__iconWrap"> + <!-- FOR feature IN features + { + ** icon classes:[ icon-parking, icon-storeSevice1. icon-restaurant] + --> + <span class="storeTileSpecs__icon icon ICON_CLASS"></span> + <span class="storeTileSpecs__iconInfo"><!--info-->></span> + <!-- + } + --> + + </div> + </div> + + + + <div class="storeDetails__map"> + <!-- REPLACE FOLLOWING SPAN WITH MAP --> + <span style="position: absolute;top:50%;left: 50%;transform:translate(-50%, -50%);">MAP PLACEHOLDER</span> + </div> + + </div> + + </div> +</section>
\ No newline at end of file diff --git a/public/processed-views/content/Store/Store__OrarioLeitourgias.html b/public/processed-views/content/Store/Store__OrarioLeitourgias.html new file mode 100644 index 0000000..3bec4d8 --- /dev/null +++ b/public/processed-views/content/Store/Store__OrarioLeitourgias.html @@ -0,0 +1,25 @@ +<!-- HERO --> +<div class="pageTitle pageTitle--big pageTitle--overlay" style="--fontcolor:#000000"> + <figure > + <picture> + <source srcset="/images/1243x385/jpg/files/pageTitleOrario.webp" type="image/webp" media="(min-width: 768px)" /> + <source srcset="/images/1243x385/jpg/files/pageTitleOrario.jp2" type="image/jp2" media="(min-width: 768px)" /> + <source srcset="/images/767x200/jpg/files/pageTitleOrario.webp" type="image/webp" media="(max-width: 767px)" /> + <source srcset="/images/767x200/jpg/files/pageTitleOrario.jp2" type="image/jp2" media="(max-width: 767px)" /> + <img src="../images/1243x385/jpg/files/pageTitleOrario.jpg" alt="Alt text" /> + </picture> + </figure> + + <div class="wrapper"> + <h1 class="pageTitle__title">Ωράριο λειτουργίας</h1> + </div> +</div> + + +<section class="section"> + <div class="wrapper"> + + <!-- ORARIO LEITOYRGIAS content (html) --> + + </div> +</section>
\ No newline at end of file diff --git a/public/processed-views/content/StoreLocator/StoreLocator.html b/public/processed-views/content/StoreLocator/StoreLocator.html new file mode 100644 index 0000000..ebe6b37 --- /dev/null +++ b/public/processed-views/content/StoreLocator/StoreLocator.html @@ -0,0 +1,70 @@ +<div class="wrapper wrapper--l"> + + <div class="storeFilters"> + + <div class="storeSearch" data-plugin-intersecting="{"target":".storeListWrap"}"> + <div class="storeSearch__inner"> + <p>Βρείτε ένα κατάστημα στην περιοχή σας:</p> + <div class="form"> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + + + <div class="field__wrap "> + <input class="field__input field__input--search" + id="Label" + type="text" + placeholder="Ταχυδρομικός Κώδικας ή Διεύθυνση" + /> + <button class="iconButton field__inputClear" data-plugin-clearinput></button> + <button class="iconButton field__inputSubmit"></button> + </div> + + </div> + </div> + </div> + </div> + </div> + </div> + + <!-- include + ./StoreLocator__filters.html + --> + + + </div> + + <div class="storeListWrap"> + + <div class="storeList active" data-tabToggle-content="tab-1"> + + + <!-- + FOR store in stores + { + include + ./StoreLocator__storeTile.html + } + --> + + + + </div> + + <!-- include + ./StoreLocator__storeMap.html + --> + + + <!-- List|Map toggler --> + <div class="tabToggle" data-plugin-tabToggle> + <ul class="tabToggle__tabs"> + <li class="tabToggle__tab active" data-tabToggle-target="tab-1">Λίστα</li> + <li class="tabToggle__tab" data-tabToggle-target="tab-2">Χάρτης</li> + </ul> + </div> + + </div> +</div> diff --git a/public/processed-views/content/StoreLocator/StoreLocator__fitlers.html b/public/processed-views/content/StoreLocator/StoreLocator__fitlers.html new file mode 100644 index 0000000..934e3a8 --- /dev/null +++ b/public/processed-views/content/StoreLocator/StoreLocator__fitlers.html @@ -0,0 +1,414 @@ +<!-- RAW--> +<div class="filters filters--listResults" data-plugin-filters> + <button class="filters__mobButton iconButton iconButton--b icon-filters"> + <span class="filters__mobButtonText">Φίλτρα</span> + </button> + <div class="filters__inner"> + <div class="filters__titleWrap"> + <button class="filters__close iconButton icon-close"></button> + <h2 class="filters__title">Φίλτρα</h2> + <button class="filtersClearAll link link--s">Καθαρισμός όλων</button> + </div> + <div class="filters__itemsWrap"> + +<div class="filters__item filter filter--closed" data-qa="Filter_storeType" data-plugin-filterStatus data-inputname="storeType"> + <h3 class="filter__title"> + Τύπος Καταστήματος + <span class="filter__titleIcon"></span> + </h3> + <div class="filter__content"> + <div class="filter__main scrollbarShadow scrollbarShadow--vert" data-plugin-scrollShadowVert="{"initialize":true}"> + <div class="scrollbar"> + <div class="filter__list scrollbar__inner"> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_0"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_0" name="storeType" value="Item_0" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 0</span> + <span class="filter__no">(23)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_1"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_1" name="storeType" value="Item_1" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 1</span> + <span class="filter__no">(92)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_2"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_2" name="storeType" value="Item_2" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 2</span> + <span class="filter__no">(33)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_3"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_3" name="storeType" value="Item_3" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 3</span> + <span class="filter__no">(24)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_4"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_4" name="storeType" value="Item_4" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 4</span> + <span class="filter__no">(8)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_5"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_5" name="storeType" value="Item_5" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 5</span> + <span class="filter__no">(50)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_6"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_6" name="storeType" value="Item_6" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 6</span> + <span class="filter__no">(29)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_7"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_7" name="storeType" value="Item_7" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 7</span> + <span class="filter__no">(78)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_8"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_8" name="storeType" value="Item_8" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 8</span> + <span class="filter__no">(93)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_9"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_9" name="storeType" value="Item_9" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 9</span> + <span class="filter__no">(82)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_10"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_10" name="storeType" value="Item_10" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 10</span> + <span class="filter__no">(81)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_11"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_11" name="storeType" value="Item_11" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 11</span> + <span class="filter__no">(58)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_12"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_12" name="storeType" value="Item_12" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 12</span> + <span class="filter__no">(62)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_13"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_13" name="storeType" value="Item_13" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 13</span> + <span class="filter__no">(33)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_14"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_14" name="storeType" value="Item_14" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 14</span> + <span class="filter__no">(19)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_15"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_15" name="storeType" value="Item_15" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 15</span> + <span class="filter__no">(33)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_16"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_16" name="storeType" value="Item_16" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 16</span> + <span class="filter__no">(21)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_17"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_17" name="storeType" value="Item_17" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 17</span> + <span class="filter__no">(96)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_18"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_18" name="storeType" value="Item_18" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 18</span> + <span class="filter__no">(94)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="storeType_19"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_19" name="storeType" value="Item_19" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 19</span> + <span class="filter__no">(32)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox disabled"> + <label class="checkbox__label" for="storeType_20"> + <input class="checkbox__input filter__input" type="checkbox" id="storeType_20" name="storeType" value="Item_20" disabled /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 20</span> + <span class="filter__no">(0)</span> + </label> + </div> + </div> + </div> + </div> + </div> + <div class="filtersLinks"> + <button class="button button--s button--border button--full filtersApply filters__close">Εφαρμογή</button> + <button class="filtersClear link">Αφαίρεση όλων</button> + </div> + </div> +</div> + + +<div class="filters__item filter filter--closed" data-qa="Filter_services" data-plugin-filterStatus data-inputname="services"> + <h3 class="filter__title"> + Υπηρεσίες + <span class="filter__titleIcon"></span> + </h3> + <div class="filter__content"> + <div class="filter__main scrollbarShadow scrollbarShadow--vert" data-plugin-scrollShadowVert="{"initialize":true}"> + <div class="scrollbar"> + <div class="filter__list scrollbar__inner"> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_0"> + <input class="checkbox__input filter__input" type="checkbox" id="services_0" name="services" value="Item_0" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 0</span> + <span class="filter__no">(7)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_1"> + <input class="checkbox__input filter__input" type="checkbox" id="services_1" name="services" value="Item_1" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 1</span> + <span class="filter__no">(13)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_2"> + <input class="checkbox__input filter__input" type="checkbox" id="services_2" name="services" value="Item_2" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 2</span> + <span class="filter__no">(94)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_3"> + <input class="checkbox__input filter__input" type="checkbox" id="services_3" name="services" value="Item_3" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 3</span> + <span class="filter__no">(63)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_4"> + <input class="checkbox__input filter__input" type="checkbox" id="services_4" name="services" value="Item_4" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 4</span> + <span class="filter__no">(85)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_5"> + <input class="checkbox__input filter__input" type="checkbox" id="services_5" name="services" value="Item_5" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 5</span> + <span class="filter__no">(13)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_6"> + <input class="checkbox__input filter__input" type="checkbox" id="services_6" name="services" value="Item_6" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 6</span> + <span class="filter__no">(57)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="services_7"> + <input class="checkbox__input filter__input" type="checkbox" id="services_7" name="services" value="Item_7" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 7</span> + <span class="filter__no">(15)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox disabled"> + <label class="checkbox__label" for="services_8"> + <input class="checkbox__input filter__input" type="checkbox" id="services_8" name="services" value="Item_8" disabled /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 8</span> + <span class="filter__no">(0)</span> + </label> + </div> + </div> + </div> + </div> + </div> + <div class="filtersLinks"> + <button class="button button--s button--border button--full filtersApply filters__close">Εφαρμογή</button> + <button class="filtersClear link">Αφαίρεση όλων</button> + </div> + </div> +</div> + + +<div class="filters__item filter" data-qa="Filter_generic" data-plugin-filterStatus data-inputname="generic"> + <div class="filter__list filter__list--inline"> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="generic_0"> + <input class="checkbox__input filter__input" type="checkbox" id="generic_0" name="generic" value="Item_0" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 0</span> + <span class="filter__no">(40)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="generic_1"> + <input class="checkbox__input filter__input" type="checkbox" id="generic_1" name="generic" value="Item_1" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 1</span> + <span class="filter__no">(84)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="generic_2"> + <input class="checkbox__input filter__input" type="checkbox" id="generic_2" name="generic" value="Item_2" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 2</span> + <span class="filter__no">(34)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="generic_3"> + <input class="checkbox__input filter__input" type="checkbox" id="generic_3" name="generic" value="Item_3" /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 3</span> + <span class="filter__no">(73)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox disabled"> + <label class="checkbox__label" for="generic_4"> + <input class="checkbox__input filter__input" type="checkbox" id="generic_4" name="generic" value="Item_4" disabled /> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 4</span> + <span class="filter__no">(0)</span> + </label> + </div> + </div> + </div> +</div> + + </div> + <div class="filtersLinks filtersLinks--all"> + <button class="button button--border filtersApply filters__close">Εφαρμογή</button> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/StoreLocator/StoreLocator__storeMap.html b/public/processed-views/content/StoreLocator/StoreLocator__storeMap.html new file mode 100644 index 0000000..7d6ff2f --- /dev/null +++ b/public/processed-views/content/StoreLocator/StoreLocator__storeMap.html @@ -0,0 +1,77 @@ +<div class="storeMap" data-tabToggle-content="tab-2"> + +<!-- store feature-pins--> +<div style="position:absolute;top:10px;left:0;"> + <div class="pin"> + <img class="lazy" data-src="/Content/media/pins/pin-single-store.svg" /> + </div> + <div class="pin"> + <img class="lazy" data-src="/Content/media/pins/pin-pick-up.svg" /> + </div> + <div class="pin"> + <img class="lazy" data-src="/Content/media/pins/pin-delivery.svg" /> + </div> + <div class="pin"> + <img class="lazy" data-src="/Content/media/pins/pin-multiple.svg" /> + <span class="pin__count">19</span> + </div> +</div> + + <div style="position: absolute; top: 100px;right: 20px;z-index:1;"> + <div class="mapInfo"> + <button class="mapInfo__close iconButton icon-close"></button> + +<!-- STORE TILE INFO BOX --> +<div class="storeTile"> + <div class="storeTile__inner"> + + <div class="storeTile__thumbnail"> + + <figure > + <picture> + <source data-srcset="/images/266x115/jpg/Content/media/stores/announcement1.webp" type="image/webp" class="lazysrcset" /> + <source data-srcset="/images/266x115/jpg/Content/media/stores/announcement1.jp2" type="image/jp2" class="lazysrcset" /> + + + <img data-src="/images/266x115/jpg/Content/media/stores/announcement1.jpg" alt="Χολαργός" class="lazy" /> + </picture> + </figure> + </div> + + <h2 class="storeTile__title"><!-- Store Title --></h2> + + <p class="storeTile__address"><!-- Store Address -->></p> + + <div class="storeTileSpecs"> + <div class="storeTileSpecs__iconWrap"> + <span class="storeTileSpecs__icon icon icon-cafe"></span> + <span class="storeTileSpecs__icon icon icon-storeSevice1"></span> + <span class="storeTileSpecs__icon icon icon-restaurant"></span> + <span class="storeTileSpecs__icon icon icon-parking"></span> + <span class="storeTileSpecs__iconInfo">(56 θέσεις)</span> + </div> + <a href="Store Locator.html#" class="link link--s"> + <span>Περισσότερα</span> + <span class="icon icon-arrowRight--b"></span> + </a> + </div> + + <div class="storeTileOrder"> + <span class="storeTileOrder__icon icon icon-store"></span> + <div class="storeTileOrder__info"> + <p class="storeTileOrder__details">Δυνατότητα online αγορών με παραλαβή από το Κατάστημα</p> + <p class="storeTileOrder__availability">Επόμενη διαθεσιμότητα: Σήμερα, 12/10/2021, από 11:00</p> + </div> + <div class="storeTileOrder__actions"> + <button class="button button--border">Παραγγελία</button> + </div> + </div> + + </div> +</div> + + </div> + </div> + + <span style="position: absolute;top: calc(50% - 10px);right:0;left:0;text-align: center">MAP PLACEHOLDER</span> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/StoreLocator/StoreLocator__storeTile.html b/public/processed-views/content/StoreLocator/StoreLocator__storeTile.html new file mode 100644 index 0000000..0d3c256 --- /dev/null +++ b/public/processed-views/content/StoreLocator/StoreLocator__storeTile.html @@ -0,0 +1,34 @@ +<div class="storeTile"> + <div class="storeTile__inner"> + + <h2 class="storeTile__title"><!-- Store Title-->></h2> + + <p class="storeTile__address"><!-- Store Address -->></p> + + <div class="storeTileSpecs"> + <div class="storeTileSpecs__iconWrap"> + <span class="storeTileSpecs__icon icon icon-cafe"></span> + <span class="storeTileSpecs__icon icon icon-storeSevice1"></span> + <span class="storeTileSpecs__icon icon icon-restaurant"></span> + <span class="storeTileSpecs__icon icon icon-parking"></span> + <span class="storeTileSpecs__iconInfo"><!-- Parking Number of Positions --></span> + </div> + <a href="#" class="link link--s"> + <span>Περισσότερα</span> + <span class="icon icon-arrowRight--b"></span> + </a> + </div> + + <div class="storeTileOrder"> + <span class="storeTileOrder__icon icon icon-store"></span> + <div class="storeTileOrder__info"> + <p class="storeTileOrder__details"><!-- demo -->Δυνατότητα online αγορών με παραλαβή από το Κατάστημα</p> + <p class="storeTileOrder__availability"><!-- demo -->Επόμενη διαθεσιμότητα: Σήμερα, 12/10/2021, από 11:00</p> + </div> + <div class="storeTileOrder__actions"> + <button class="button button--border">Παραγγελία</button> + </div> + </div> + + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/User/User_Account_Details.html b/public/processed-views/content/User/User_Account_Details.html new file mode 100644 index 0000000..c064f45 --- /dev/null +++ b/public/processed-views/content/User/User_Account_Details.html @@ -0,0 +1,530 @@ +<div class="accountPage"> + <div class="wrapper wrapper--xs"> + + + <div class="userNavBlock"> + <ul class="userNav"> + <li class="userNav__item"> + <a href="User Account Details.html#" class="userNav__link active"> + <span>Προσωπικά Στοιχεία</span> + </a> + </li> + <li class="userNav__item"> + <a href="User Account Details.html#" class="userNav__link"> + <span>Οι Λίστες μου</span> + </a> + </li> + <li class="userNav__item"> + <a href="User Account Details.html#" class="userNav__link"> + <span>Ιστορικό Παραγγελιών</span> + </a> + </li> + </ul> + </div> + + <div data-plugin-accordion=""> + <div class="acc acc--edit open"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle">Ονοματεπώνυμο</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + Κατερίνα Παπαδοπούλου + </div> + </div> + <span class="acc__icon icon-edit"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + <div class="formWrap formWrap--center"> + <form class="form" data-qa="my-account-1"> + <div class="form__row"> + <div class="field field--small"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="region">Προσφώνηση *</label> + <div class="select" data-plugin-select=""> + <div class="select__main"> + <button class="select__button"> + <span class="select__placeholder"> + Επίλεξε + </span> + </button> + <div class="select__listWrap"> + <ul class="select__list"> + <li class="select__option" data-value="option1">Option 1 + </li> + <li class="select__option" data-value="option2">Option 2 + </li> + <li class="select__option" data-value="option3">Option 3 + </li> + <li class="select__option" data-value="option4">Option 4 + </li> + <li class="select__option" data-value="option5">Option 5 + </li> + <li class="select__option" data-value="option6">Option 6 + </li> + <li class="select__option" data-value="option7">Option 7 + </li> + <li class="select__option" data-value="option8">Option 8 + </li> + </ul> + </div> + </div> + <input type="hidden" class="select__input"> + </div> + + + </div> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + + + + <div class="field__wrap "> + <label class="field__label" for="name">'Ονομα*</label> + <input class="field__input" id="name" type="text"> + + + </div> + + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + + + + <div class="field__wrap "> + <label class="field__label" for="surname">Επώνυμο *</label> + <input class="field__input" id="surname" type="text"> + + + </div> + + </div> + </div> + </div> + + <div class="form__row"> + <div class="formTip formTip--border"> + <p>Τα πεδία με (*) είναι υποχρεωτικά</p> + </div> + </div> + + <div class="form__row form__row--center"> + <div class="field"> + <button data-qa="form_submit" class="button widthAuto" + type="submit">Αποθήκευση</button> + </div> + </div> + </form> + </div> + </div> + </div> + </div> + + <div class="acc acc--edit open"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle">Τηλέφωνο</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + 6900000000 + </div> + </div> + <span class="acc__icon icon-edit"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + <div class="formWrap formWrap--center"> + <form class="form" data-qa="my-account-1"> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="name">Κινητό τηλέφωνο*</label> + <input class="field__input" id="name" type="tel"> + </div> + + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="surname">Επώνυμο *</label> + <input class="field__input" id="surname" type="tel"> + </div> + + </div> + </div> + </div> + + <div class="form__row"> + <div class="formTip formTip--border"> + <p>Τα πεδία με (*) είναι υποχρεωτικά</p> + </div> + </div> + + <div class="form__row form__row--center"> + <div class="field"> + <button data-qa="form_submit" class="button widthAuto" + type="submit">Αποθήκευση</button> + </div> + </div> + </form> + </div> + </div> + </div> + </div> + + <div class="acc acc--edit open"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle">Email</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + katerina.papadopoulou@gmail.com + </div> + </div> + <span class="acc__icon icon-edit"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + <div class="formWrap formWrap--center"> + <form class="form" data-qa="my-account-1"> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="password">Κωδικός πρόσβασης*</label> + <input class="field__input field__input--password" id="password" + type="password"> + <button class="iconButton togglePassword" + data-plugin-password=""></button> + + + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="name">Νέο email*</label> + <input class="field__input" id="name" type="email"> + </div> + + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="surname">Επιβεβαίωση νέου + email*</label> + <input class="field__input" id="surname" type="email"> + </div> + + </div> + </div> + </div> + + <div class="form__row"> + <div class="formTip formTip--border"> + <p>Τα πεδία με (*) είναι υποχρεωτικά</p> + </div> + </div> + + <div class="form__row form__row--center"> + <div class="field"> + <button data-qa="form_submit" class="button widthAuto" + type="submit">Αποθήκευση</button> + </div> + </div> + </form> + </div> + </div> + </div> + </div> + + <div class="acc acc--edit open"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"> + Κωδικός πρόσβασης + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + katerina.papadopoulou@gmail.com + </div> + </div> + <span class="acc__icon icon-edit"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + <div class="formWrap formWrap--center"> + <form class="form" data-qa="my-account-1"> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="password">Υφιστάμενος κωδικός*</label> + <input class="field__input field__input--password" id="password" + type="password"> + <button class="iconButton togglePassword" + data-plugin-password=""></button> + + + </div> + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="password">Νέος κωδικός*</label> + <input class="field__input field__input--password" id="password" + type="password"> + <button class="iconButton togglePassword" + data-plugin-password=""></button> + + + </div> + </div> + <div class="field__more"> + <div class="passwordValidation"> + <p>Ο κωδικός πρόσβασης πρέπει να περιέχει 6 έως 25 χαρακτήρες, χωρίς + κενά, οι οποίοι μπορεί να είναι λατινικά γράμματα, αριθμοί ή και τα + σύμβολα !@#$+_-</p> + </div> + + </div> + </div> + </div> + + <div class="form__row"> + <div class="formTip formTip--border"> + <p>Τα πεδία με (*) είναι υποχρεωτικά</p> + </div> + </div> + + <div class="form__row form__row--center"> + <div class="field"> + <button data-qa="form_submit" class="button widthAuto" + type="submit">Αποθήκευση</button> + </div> + </div> + </form> + </div> + </div> + </div> + </div> + + <div class="acc acc--edit open"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"> + Διευθύνσεις (3) + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + Διακογιάνη 5, Μαρούσι, Αθήνα, 11154, Αττική + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + <div class="formWrap formWrap--center"> + <form class="form" data-qa="my-account-cards"> + <div class="field__row"> + <div class="field"> + <div class="field__inner"> + <div class="field__wrap radiobuttons radiobuttons--addresses"> + + <div class="radiobutton radiobutton--check radiobutton--box"> + <button class="iconButton icon-edit radiobutton__action"></button> + <input class="radiobutton__input" type="radio" id="address1" + name="addressradio" checked=""> + <span class="radiobutton__icon"></span> + <label class="radiobutton__label" for="address1"> + <span class="radiobutton__labelTag"> + Προεπιλεγμένη + </span> + Διακογιάνη 5, Μαρούσι, Αθήνα, 11154, Αττική + </label> + <span class="radiobutton__border"></span> + </div> + + <div class="radiobutton radiobutton--check radiobutton--box"> + <button class="iconButton icon-delete radiobutton__action"></button> + <button class="iconButton icon-edit radiobutton__action"></button> + <input class="radiobutton__input" type="radio" id="address2" + name="addressradio"> + <span class="radiobutton__icon"></span> + <label class="radiobutton__label" for="address2"> + <span class="radiobutton__labelTag"> + Προεπιλεγμένη + </span> + Υψηλάντου 2, Αγία Παρασκευή, 12534, Αττική + </label> + <span class="radiobutton__border"></span> + </div> + + <div class="radiobutton radiobutton--box disabled"> + <button class="iconButton icon-delete radiobutton__action"></button> + <button class="iconButton icon-edit radiobutton__action"></button> + <input class="radiobutton__input" type="radio" id="address3" + name="addressradio"> + <span class="radiobutton__icon"></span> + <label class="radiobutton__label" for="address3"> + <span class="radiobutton__labelTag"> + Προεπιλεγμένη + </span> + Εύδηλος, 83302, Ικαρία + <span class="radiobutton__labelSub">Δεν εξυπηρετεί υπηρεσία + παράδοσης στο χώρο σας</span> + </label> + <span class="radiobutton__border"></span> + </div> + + <div class="btnWrap btnWrap--noMargin btnWrap--hCenter"> + <button class="link link--orange"> + <span>Προσθήκη νέας διεύθυνσης</span> + <span class="icon icon-add"></span> + </button> + </div> + + </div> + </div> + </div> + </div> + + </form> + </div> + </div> + </div> + </div> + + <div class="acc acc--edit open"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"> + Χρεωστ. / Πιστ. κάρτες (3) + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + 430589******2000 (01/2025) + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + <div class="checkoutStep__main"> + <div class="formWrap formWrap--center"> + <form class="form" data-qa="my-account-cards"> + + <div class="field__row"> + <div class="field"> + <div class="field__inner"> + <div class="field__wrap radiobuttons radiobuttons--addresses"> + + <div class="radiobutton radiobutton--check radiobutton--box"> + <button class="iconButton icon-delete radiobutton__action"></button> + <input class="radiobutton__input" type="radio" id="card1" + name="cardradio" checked=""> + <span class="radiobutton__icon"></span> + <label class="radiobutton__label" for="card1"> + + <span class="cardRow"> + <span class="cardRow__logo"> + <img class="lazy" + data-src="/Content/media/cards/mastercard.png"> + </span> + <span class="cardRow__info"> + <span class="cardRow__status">Προεπιλεγμένη</span> + <span class="cardRow__number">430589******2000</span> + <span class="cardRow__expiration">Ημ. λήξης: + 01/2025</span> + </span> + </span> + + </label> + <span class="radiobutton__border"></span> + </div> + + <div class="radiobutton radiobutton--check radiobutton--box"> + <button class="iconButton icon-delete radiobutton__action"></button> + <input class="radiobutton__input" type="radio" id="card2" + name="cardradio"> + <span class="radiobutton__icon"></span> + <label class="radiobutton__label" for="card2"> + + <span class="cardRow"> + <span class="cardRow__logo"> + <img class="lazy" + data-src="/Content/media/cards/mastercard.png"> + </span> + <span class="cardRow__info"> + <span class="cardRow__status">Προεπιλεγμένη</span> + <span class="cardRow__number">987654******1234</span> + <span class="cardRow__expiration">Ημ. λήξης: + 03/2024</span> + </span> + </span> + + </label> + <span class="radiobutton__border"></span> + </div> + + <div class="radiobutton radiobutton--box disabled"> + <button class="iconButton icon-delete radiobutton__action"></button> + <input class="radiobutton__input" type="radio" id="card3" + name="cardradio"> + <span class="radiobutton__icon"></span> + <label class="radiobutton__label" for="card3"> + + <span class="cardRow disabled"> + <span class="cardRow__logo"> + <img class="lazy" + data-src="/Content/media/cards/visa.png"> + </span> + <span class="cardRow__info"> + <span class="cardRow__status">Προεπιλεγμένη</span> + <span class="cardRow__number">451235******5678</span> + <span class="cardRow__expiration">Ημ. λήξης: + 12/2021</span> + <span class="cardRow__msg">Η κάρτα έχει λήξει</span> + </span> + </span> + + </label> + <span class="radiobutton__border"></span> + </div> + </div> + </div> + </div> + </div> + </form> + </div> + </div> + </div> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/User/User_Account_Header.html b/public/processed-views/content/User/User_Account_Header.html new file mode 100644 index 0000000..5d5b733 --- /dev/null +++ b/public/processed-views/content/User/User_Account_Header.html @@ -0,0 +1,8 @@ +<div + style="height:230px;margin-top:50px;background-image:url('https://source.unsplash.com/random/1920x230/?groceries')"> + <div class="wrapper"> + <div class="pageTitle"> + <h1>Ο Λογαριασμός μου</h1> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/User/User_Account_Lists.html b/public/processed-views/content/User/User_Account_Lists.html new file mode 100644 index 0000000..1892f95 --- /dev/null +++ b/public/processed-views/content/User/User_Account_Lists.html @@ -0,0 +1,101 @@ +<div class="accountPage"> + <div class="wrapper wrapper--xs"> + + + <div class="userNavBlock"> + <ul class="userNav"> + <li class="userNav__item"> + <a href="User Account Lists.html#" class="userNav__link active"> + <span>Προσωπικά Στοιχεία</span> + </a> + </li> + <li class="userNav__item"> + <a href="User Account Lists.html#" class="userNav__link"> + <span>Οι Λίστες μου</span> + </a> + </li> + <li class="userNav__item"> + <a href="User Account Lists.html#" class="userNav__link"> + <span>Ιστορικό Παραγγελιών</span> + </a> + </li> + </ul> + </div> + + <div class="wrapper wrapper--xxs"> + <div class="myLists"> + <button class="link link--orange myLists__new"><span>Προσθήκη νέας λίστας</span><span + class="icon icon-add"></span></button> + + <div class="myList myList--fav" style="--listColor: #F5E4E0"> + <span class="myList__icon icon-fav"></span> + <div> + <a href="User Account Lists.html#" class="myList__title"><span + class="myList__titleInner">Αγαπημένα <span class="myList__no">(72)</span></span></a> + </div> + <div class="myList__tools"> + <button class="iconButton iconButton--s icon-edit"></button> + <button class="iconButton iconButton--s icon-delete"></button> + </div> + </div> + + + + <div class="myList" style="--listColor: #D2E5D3"> + <span class="myList__icon icon-mylists-xmas"></span> + <div> + <a href="User Account Lists.html#" class="myList__title"><span + class="myList__titleInner">Xριστούγεννα <span class="myList__no">(90)</span></span></a> + </div> + <div class="myList__tools"> + <button class="iconButton iconButton--s icon-edit"></button> + <button class="iconButton iconButton--s icon-delete"></button> + </div> + </div> + + + + <div class="myList" style="--listColor: #FEE078"> + <span class="myList__icon icon-mylists-sun"></span> + <div> + <a href="User Account Lists.html#" class="myList__title"><span + class="myList__titleInner">Καλοκαίρι <span class="myList__no">(27)</span></span></a> + </div> + <div class="myList__tools"> + <button class="iconButton iconButton--s icon-edit"></button> + <button class="iconButton iconButton--s icon-delete"></button> + </div> + </div> + + + + <div class="myList" style="--listColor: #B7D4E9"> + <span class="myList__icon icon-mylists-balloon"></span> + <div> + <a href="User Account Lists.html#" class="myList__title"><span + class="myList__titleInner">Γενέθλια <span class="myList__no">(6)</span></span></a> + </div> + <div class="myList__tools"> + <button class="iconButton iconButton--s icon-edit"></button> + <button class="iconButton iconButton--s icon-delete"></button> + </div> + </div> + + + + <div class="myList" style="--listColor: #F3F3D4"> + <span class="myList__icon icon-mylists-easterEgg"></span> + <div> + <a href="User Account Lists.html#" class="myList__title"><span class="myList__titleInner">Πάσχα + <span class="myList__no">(32)</span></span></a> + </div> + <div class="myList__tools"> + <button class="iconButton iconButton--s icon-edit"></button> + <button class="iconButton iconButton--s icon-delete"></button> + </div> + </div> + + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/User/User_Account_Order_History.html b/public/processed-views/content/User/User_Account_Order_History.html new file mode 100644 index 0000000..bc24b02 --- /dev/null +++ b/public/processed-views/content/User/User_Account_Order_History.html @@ -0,0 +1,366 @@ +<div class="accountPage"> + <div class="wrapper wrapper--xs"> + + + <div class="userNavBlock"> + <ul class="userNav"> + <li class="userNav__item"> + <a href="User Account Order History.html#" class="userNav__link"> + <span>Προσωπικά Στοιχεία</span> + </a> + </li> + <li class="userNav__item"> + <a href="User Account Order History.html#" class="userNav__link"> + <span>Οι Λίστες μου</span> + </a> + </li> + <li class="userNav__item"> + <a href="User Account Order History.html#" class="userNav__link active"> + <span>Ιστορικό Παραγγελιών</span> + </a> + </li> + </ul> + </div> + + + <div class="listTools"> + <span class="listTools__counter">12 παραγγελίες</span> + </div> + + <div class="table"> + <table> + <thead> + <tr> + <th>Κωδ. Παραγγελίας</th> + <th class="txtRight">Αξία</th> + <th>Υπηρεσία</th> + <th>Διεύθυνση</th> + <th>Χρόνος</th> + <th>Κατάσταση</th> + <th class="txtRight">Επιλογές</th> + </tr> + </thead> + <tbody> + <tr class="highlight"> + <td> + <span class="mob-th">Κωδ. Παραγγελίας</span> + 2F7D4JΕC1AK5 + </td> + <td> + <span class="mob-th">Αξία</span> + <strong>999.999,00€</strong> + </td> + <td class="noWrap"> + <span class="mob-th">Υπηρεσία</span> + Παραλαβή + </td> + <td> + <span class="mob-th">Διεύθυνση</span> + Υψηλάντου 2, Αγία Παρασκευή + </td> + <td> + <span class="mob-th">Χρόνος</span> + <span> + Σάββατο 11/12/2021,<br> + 21:00 - 23:00 + </span> + </td> + <td> + <span class="mob-th">Κατάσταση</span> + + + + <div class="indicator indicator--orange"> + Σε αναμονή + + </div> + + </td> + <td class="table__tools"> + <button class="iconButton icon-edit"></button> + <button class="iconButton icon-closeRoundedOutline"></button> + </td> + </tr> + + <tr class="highlight"> + <td> + <span class="mob-th">Κωδ. Παραγγελίας</span> + 2F7D4JΕC1AK5 + </td> + <td> + <span class="mob-th">Αξία</span> + <strong>999.999,00€</strong> + </td> + <td class="noWrap"> + <span class="mob-th">Υπηρεσία</span> + Παράδοση + </td> + <td> + <span class="mob-th">Διεύθυνση</span> + Υψηλάντου 2, Αγία Παρασκευή + </td> + <td> + <span class="mob-th">Χρόνος</span> + <span> + Σάββατο 11/12/2021,<br> + 21:00 - 23:00 + </span> + </td> + <td> + <span class="mob-th">Κατάσταση</span> + + + + <div class="indicator indicator--orange"> + Σε αναμονή + + </div> + + </td> + <td class="table__tools"> + <button class="iconButton icon-edit"></button> + <button class="iconButton icon-closeRoundedOutline"></button> + </td> + </tr> + + <tr> + <td> + <span class="mob-th">Κωδ. Παραγγελίας</span> + 2F7D4JΕC1AK5 + </td> + <td> + <span class="mob-th">Αξία</span> + <strong>999.999,00€</strong> + </td> + <td class="noWrap"> + <span class="mob-th">Υπηρεσία</span> + Παράδοση + </td> + <td> + <span class="mob-th">Διεύθυνση</span> + Υψηλάντου 2, Αγία Παρασκευή + </td> + <td> + <span class="mob-th">Χρόνος</span> + <span> + Σάββατο 11/12/2021,<br> + 21:00 - 23:00 + </span> + </td> + <td> + <span class="mob-th">Κατάσταση</span> + + + + <div class="indicator indicator--green"> + Έχει παραδοθεί + + </div> + + </td> + <td class="table__tools"> + <button class="iconButton icon-delete"></button> + </td> + </tr> + <tr> + <td> + <span class="mob-th">Κωδ. Παραγγελίας</span> + 2F7D4JΕC1AK5 + </td> + <td> + <span class="mob-th">Αξία</span> + <strong>999.999,00€</strong> + </td> + <td class="noWrap"> + <span class="mob-th">Υπηρεσία</span> + Παράδοση + </td> + <td> + <span class="mob-th">Διεύθυνση</span> + Υψηλάντου 2, Αγία Παρασκευή + </td> + <td> + <span class="mob-th">Χρόνος</span> + <span> + Σάββατο 11/12/2021,<br> + 21:00 - 23:00 + </span> + </td> + <td> + <span class="mob-th">Κατάσταση</span> + + + + <div class="indicator indicator--green"> + Έχει παραδοθεί + + </div> + + </td> + <td class="table__tools"> + <button class="iconButton icon-delete"></button> + </td> + </tr> + <tr> + <td> + <span class="mob-th">Κωδ. Παραγγελίας</span> + 2F7D4JΕC1AK5 + </td> + <td> + <span class="mob-th">Αξία</span> + <strong>999.999,00€</strong> + </td> + <td class="noWrap"> + <span class="mob-th">Υπηρεσία</span> + Παράδοση + </td> + <td> + <span class="mob-th">Διεύθυνση</span> + Υψηλάντου 2, Αγία Παρασκευή + </td> + <td> + <span class="mob-th">Χρόνος</span> + <span> + Σάββατο 11/12/2021,<br> + 21:00 - 23:00 + </span> + </td> + <td> + <span class="mob-th">Κατάσταση</span> + + + + <div class="indicator indicator--green"> + Έχει παραδοθεί + + </div> + + </td> + <td class="table__tools"> + <button class="iconButton icon-delete"></button> + </td> + </tr> + <tr> + <td> + <span class="mob-th">Κωδ. Παραγγελίας</span> + 2F7D4JΕC1AK5 + </td> + <td> + <span class="mob-th">Αξία</span> + <strong>999.999,00€</strong> + </td> + <td class="noWrap"> + <span class="mob-th">Υπηρεσία</span> + Παράδοση + </td> + <td> + <span class="mob-th">Διεύθυνση</span> + Υψηλάντου 2, Αγία Παρασκευή + </td> + <td> + <span class="mob-th">Χρόνος</span> + <span> + Σάββατο 11/12/2021,<br> + 21:00 - 23:00 + </span> + </td> + <td> + <span class="mob-th">Κατάσταση</span> + + + + <div class="indicator indicator--green"> + Έχει παραδοθεί + + </div> + + </td> + <td class="table__tools"> + <button class="iconButton icon-delete"></button> + </td> + </tr> + <tr> + <td> + <span class="mob-th">Κωδ. Παραγγελίας</span> + 2F7D4JΕC1AK5 + </td> + <td> + <span class="mob-th">Αξία</span> + <strong>999.999,00€</strong> + </td> + <td class="noWrap"> + <span class="mob-th">Υπηρεσία</span> + Παράδοση + </td> + <td> + <span class="mob-th">Διεύθυνση</span> + Υψηλάντου 2, Αγία Παρασκευή + </td> + <td> + <span class="mob-th">Χρόνος</span> + <span> + Σάββατο 11/12/2021,<br> + 21:00 - 23:00 + </span> + </td> + <td> + <span class="mob-th">Κατάσταση</span> + + + + <div class="indicator indicator--red"> + Ακυρωμένη + + </div> + + </td> + <td class="table__tools"> + <button class="iconButton icon-delete"></button> + </td> + </tr> + </tbody> + </table> + </div> + + <!-- DUMMY PAGINATION --> + + <nav data-page="1"> + <ul class="pagination"> + <li class="pagination__item active" data-page="1"> + <a class="pagination__link"> + 1 + </a> + </li> + <li class="pagination__item" data-page="2"> + <a class="pagination__link" + href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=2"> + 2 + </a> + </li> + <li class="pagination__item" data-page="3"> + <a class="pagination__link" + href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=3"> + 3 + </a> + </li> + <li class="pagination__item" data-page="4"> + <a class="pagination__link" + href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=4"> + 4 + </a> + </li> + <li class="pagination__item PagedList-ellipses disabled"> + <a> + … + </a> + </li> + <li data-page="2" class="pagination__item PagedList-skipToNext "> + <a title="»" class="pagination__link pagination__link--next icon-arrowRight" + href="https://sklavenitishtml.dev.atcom.gr/eidi-artozacharoplasteioy/?pg=2"> + </a> + </li> + </ul> + </nav> + + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/User/User_Account_Order_Repetition.html b/public/processed-views/content/User/User_Account_Order_Repetition.html new file mode 100644 index 0000000..f4fca74 --- /dev/null +++ b/public/processed-views/content/User/User_Account_Order_Repetition.html @@ -0,0 +1,253 @@ +<div class="accountPage"> + <div class="wrapper wrapper--xs"> + + + <div class="userNavBlock"> + <ul class="userNav"> + <li class="userNav__item"> + <a href="User Account Order Repetition.html#" class="userNav__link"> + <span>Προσωπικά Στοιχεία</span> + </a> + </li> + <li class="userNav__item"> + <a href="User Account Order Repetition.html#" class="userNav__link"> + <span>Οι Λίστες μου</span> + </a> + </li> + <li class="userNav__item"> + <a href="User Account Order Repetition.html#" class="userNav__link active"> + <span>Ιστορικό Παραγγελιών</span> + </a> + </li> + </ul> + </div> + + + <div class="pageNav"> + <a href="User Account Order Repetition.html#" class="link"><span + class="icon icon-arrowLeft--b"></span><span>Επιστροφή</span></a> + </div> + + + + <div class="orderHistory orderHistory--qr"> + + + + + <div class="indicator indicator--orange"> + Σε προετοιμασία + + </div> + + <div class="orderHistory__section orderHistory__section--top"> + <div class="orderHistory__qr"> + <figure> + <picture> + <img class="lazy" data-src="/Content/media/qr.png"> + </picture> + </figure> + </div> + <div class="orderHistory__sectionInner"> + <span>Κωδικός Παραγγελίας</span> + <strong data-copy-text="1ΕCE7CFD1156">1ΕCE7CFD1156</strong> + </div> + + <div class="copyText"> + <button class="iconButton iconButton--orange iconButton--border icon-copy copyText__btn" + data-copy-btn="1ΕCE7CFD1156" data-plugin-copy=""></button> + <span class="copyText__tooltip" data-copy-tooltip="1ΕCE7CFD1156">Copied</span> + </div> + + </div> + + <div class="orderHistory__section"> + <div class="orderHistory__sectionInner"> + <span>Ημερομηνία Παραλαβής:</span> + <strong>Τρίτη 12 Οκτωβρίου 2021</strong> + </div> + </div> + + <div class="orderHistory__section"> + <div class="orderHistory__sectionInner"> + <span>Διεύθυνση Παραλαβής:</span> + <strong>Θησέως 1-3, Μαρούσι</strong> + </div> + </div> + + <div class="orderHistory__section"> + <div class="orderHistory__sectionInner"> + <span>Σύνολο Παραγγελίας:</span> + <strong>Θησέως 1-3, Μαρούσι</strong> + </div> + </div> + + </div> + + + <div class="btnWrap btnWrap--hCenter"> + <button class="button button--border button--alt"> + Oδηγίες για το κατάστημα + <span class="icon icon-directions2"></span> + </button> + <button class="button button--border button--alt"> + Καλέστε το Κατάστημα + <span class="icon icon-call"></span> + </button> + <button class="button button--border button--alt"> + Πληροφορίες για την παραλαβή + <span class="icon icon-info"></span> + </button> + </div> + + <div class="btnWrap btnWrap--hCenter"> + <button class="button button--border">Διαγραφή Παραγγελίας</button> + <button class="button">Επανάληψη Παραγγελίας</button> + </div> + + <div class="checkoutSteps" data-plugin-accordion=""> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"><span class="icon-account"></span>Στοιχεία Παραλήπτη</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + Κατερίνα Παπαδοπούλου<span class="separate">|</span>6978055944 + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"><span class="icon-shipping"></span>Διεύθυνση Παραλαβής</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info">Θησέως 1-3, Μαρούσι</div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle"><span class="icon-schedule"></span>Χρόνος Παράδοσης</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + <a class="link link--underline" href="User Account Order Repetition.html#">Τρίτη 12 + Οκτωβρίου, 11:00-13:00</a> + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner"> + <div class="acc__headerInnerTitle">Τρόπος Πληρωμής</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + Απόδειξη λιανικής<span class="separate">|</span>Online πληρωμή με κάρτα + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle">Αξία Καλαθιού</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum"> + <strong>25,30 €</strong> + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle">Αξία Εταιρικού Κωδικού</div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle">Χρέωση συσκευασίας</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--info"> + 1 x Βιοαποικοδομήσιμες σακούλες + </div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum"> + 0,08 € + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle">Χρέωση Αποστολής</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum"> + 2,70 € + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + <div class="checkoutStep acc acc--disabled"> + <div class="acc__header"> + <div class="acc__headerInner acc__headerInner--price"> + <div class="acc__headerInnerTitle">Σύνολο Παραγγελίας</div> + <div class="acc__headerInnerTitle acc__headerInnerTitle--sum acc__headerInnerTitle--large"> + <strong>28,16 €</strong> + </div> + </div> + <span class="acc__icon icon-arrowDown"></span> + </div> + <div class="acc__content"> + + </div> + </div> + + </div> + + <div class="pageNav"> + <a href="User Account Order Repetition.html#" class="link"><span + class="icon icon-arrowLeft"></span><span>Προηγούμενη</span></a> + <a href="User Account Order Repetition.html#" class="link"><span>Επόμενη</span><span + class="icon icon-arrowRight"></span></a> + </div> + + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/myList/My_List.html b/public/processed-views/content/myList/My_List.html new file mode 100644 index 0000000..5e41627 --- /dev/null +++ b/public/processed-views/content/myList/My_List.html @@ -0,0 +1,13 @@ +<!-- Header --> +<div class="mainLayout mainLayout--aside"> + <!-- My list Aside --> + <div class="mainLayout__content"> + + <!-- Product list Filters --> + + <!-- My List tools --> + + <!-- Content --> + </div> +</div> +<!-- Footer -->
\ No newline at end of file diff --git a/public/processed-views/content/myList/My_List_Aside.html b/public/processed-views/content/myList/My_List_Aside.html new file mode 100644 index 0000000..8d0244f --- /dev/null +++ b/public/processed-views/content/myList/My_List_Aside.html @@ -0,0 +1,25 @@ +<aside class="mainLayout__aside"> + <nav class="sideNav sideNav--lists"> + <ul class="sideNav__list sideNav__list--level1"> + <li class="sideNav__item sideNav__item--level1"> + <a href="myList.html#" class="sideNav__link sideNav__link--level1 icon-fav">Aγαπημένα (23)</a> + </li> + <li class="sideNav__item sideNav__item--level1"> + <a href="myList.html#" class="sideNav__link sideNav__link--level1 icon-mylists-xmas active" style="--listColor: #D2E5D3">Χριστούγεννα (20)</a> + </li> + <li class="sideNav__item sideNav__item--level1"> + <a href="myList.html#" class="sideNav__link sideNav__link--level1 icon-mylists-sun" style="--listColor: #FEE078">Καλοκαίρι 2021 (10)</a> + </li> + <li class="sideNav__item sideNav__item--level1"> + <a href="myList.html#" class="sideNav__link sideNav__link--level1 icon-mylists-balloon" style="--listColor: #B7D4E9">Γενέθλια (4)</a> + </li> + <li class="sideNav__item sideNav__item--level1"> + <a href="myList.html#" class="sideNav__link sideNav__link--level1 icon-mylists-easterEgg" style="--listColor: #F3F3D4">Πάσχα (4)</a> + </li> + <li class="sideNav__seperator"></li> + <li class="sideNav__item sideNav__item--level1"> + <a href="myList.html#" class="sideNav__link sideNav__link--level1 icon-addCircle newListLink">Νέα Λίστα</a> + </li> + </ul> +</nav> + </aside>
\ No newline at end of file diff --git a/public/processed-views/content/myList/My_List_Fav.html b/public/processed-views/content/myList/My_List_Fav.html new file mode 100644 index 0000000..9c68c03 --- /dev/null +++ b/public/processed-views/content/myList/My_List_Fav.html @@ -0,0 +1,11 @@ +<!-- Header --> +<div class="mainLayout mainLayout--aside"> + <!-- My list Aside --> + <div class="mainLayout__content"> + + <!-- My List tools --> + + <!-- Content --> + </div> +</div> +<!-- Footer -->
\ No newline at end of file diff --git a/public/processed-views/content/myList/My_List_Product_List_Fav.htm b/public/processed-views/content/myList/My_List_Product_List_Fav.htm new file mode 100644 index 0000000..18d5aff --- /dev/null +++ b/public/processed-views/content/myList/My_List_Product_List_Fav.htm @@ -0,0 +1,4 @@ +<div class="productListWrap" data-plugin-accordion=""> + <!-- Selected filters--> + <!-- Product List Fav Tile --> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/myList/My_List_Product_List_Fav_Tile.html b/public/processed-views/content/myList/My_List_Product_List_Fav_Tile.html new file mode 100644 index 0000000..4c0fbae --- /dev/null +++ b/public/processed-views/content/myList/My_List_Product_List_Fav_Tile.html @@ -0,0 +1,9 @@ +<div class="acc acc--stripe open"> + <div class="acc__header icon-bakery"> + Είδη Αρτοζαχαροπλαστείου <span class="acc__headerInfo">(5)</span> + <button class="icon-arrowDown acc__icon"></button> + </div> + <div class="acc__content"> + <!--Product List --> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/myList/My_List_Selected_Filters.html b/public/processed-views/content/myList/My_List_Selected_Filters.html new file mode 100644 index 0000000..fb5d697 --- /dev/null +++ b/public/processed-views/content/myList/My_List_Selected_Filters.html @@ -0,0 +1,7 @@ +<div class="selectedFilters" data-plugin-filtersbar=""> + <ul class="selectedFilters__list"> + <li class="selectedFilters__item selectedFilters__item--clear"> + <button class="filtersClearAll link">καθαρισμός όλων</button> + </li> + </ul> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/myList/My_List_Tile.html b/public/processed-views/content/myList/My_List_Tile.html new file mode 100644 index 0000000..8f92a6b --- /dev/null +++ b/public/processed-views/content/myList/My_List_Tile.html @@ -0,0 +1,11 @@ +<div class="myList myList--box myList--editView" style="--listColor: #F3F3D4"> + <span class="myList__icon icon-mylists-easterEgg"></span> + <div> + <a href="myLists.html#" class="myList__title"><span class="myList__titleInner">Πάσχα <span + class="myList__no">(79)</span></span></a> + <a href="myLists.html#" class="myList__link link"><span>Όλα τα προϊόντα (23)</span><span + class="icon icon-arrowRight--b"></span></a> + </div> + <button + class="myList__edit iconButton iconButton--border iconButton--opacityBg iconButton--orange icon-edit"></button> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/myList/My_List_Title.html b/public/processed-views/content/myList/My_List_Title.html new file mode 100644 index 0000000..9ee3f81 --- /dev/null +++ b/public/processed-views/content/myList/My_List_Title.html @@ -0,0 +1,5 @@ +<div class="wrapper"> + <div class="pageTitle"> + <h1>Title of product list</h1> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/myList/My_List_Tools.html b/public/processed-views/content/myList/My_List_Tools.html new file mode 100644 index 0000000..7d7cd5e --- /dev/null +++ b/public/processed-views/content/myList/My_List_Tools.html @@ -0,0 +1,5 @@ +<div class="listTools"> + <button class="link"><span class="icon icon-heart"></span><span>Προσθήκη όλων σε Λίστα</span></button> + <button class="link"><span class="icon icon-delete"></span><span>Διαγραφή όλων</span></button> + <button class="button button--border">Προσθήκη όλων στο Καλάθι</button> + </div>
\ No newline at end of file diff --git a/public/processed-views/content/myList/My_Lists.html b/public/processed-views/content/myList/My_Lists.html new file mode 100644 index 0000000..df05445 --- /dev/null +++ b/public/processed-views/content/myList/My_Lists.html @@ -0,0 +1,9 @@ +<div class="wrapper"> + <div class="myLists myLists--grid"> + <!-- My list Tile --> + <div class="myList myList--box myList--new"> + <button class="myList__new link link--xb link--orange"><span class="icon icon-addCircle--b"></span><span>Νέα + Λίστα</span></button> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/product/Product_Slider.html b/public/processed-views/content/product/Product_Slider.html new file mode 100644 index 0000000..663fa2c --- /dev/null +++ b/public/processed-views/content/product/Product_Slider.html @@ -0,0 +1,29 @@ +<div class="sliderSection"> + <div class="sectionTitle"> + <h2>Συνδύασε με</h2> + <!-- if statement --> + <button class="button button--link">Καθαρισμός όλων</button> + </div> + + <div class="swiper productsSlider arrowSlider" data-plugin-productsslider=""> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + + <!-- Product Slider Tile --> + + </div> + <div class="swiper-slide"> + <!-- Product Slider Tile --> + + </div> + </div> + + <div class="swiper-pagNav"> + <div class="swiper-pagNav__shadow--left"></div> + <div class="swiper-button-prev"></div> + <div class="swiper-pagination"></div> + <div class="swiper-button-next"></div> + <div class="swiper-pagNav__shadow--right"></div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/product/Product_Slider_Tile.html b/public/processed-views/content/product/Product_Slider_Tile.html new file mode 100644 index 0000000..1a21237 --- /dev/null +++ b/public/processed-views/content/product/Product_Slider_Tile.html @@ -0,0 +1,105 @@ +<div class="product"> + <div class="product__inner"> + <div data-plugin-wishlistbutton="" class="wishlistButton"> + <button class="fav iconButton iconButton--s icon-heart listsClose"></button> + <div class="listsBlock"> + <div class="listsBlock__bg listsClose"></div> + <div class="listsBlock__inner"> + <div class="listsBlock__title">Προσθήκη σε:</div> + <button class="listsBlock__close iconButton iconButton--xs icon-close listsClose"></button> + <div class="listsBlock__list"> + <div class="listsBlock__item checkbox"> + <label class="checkbox__label" for="list_0"> + <input class="checkbox__input filter__input" type="checkbox" id="list_0" name="list" + value="fav"> + <span class="checkbox__icon"></span> + <span class="listsBlock__name icon-fav">Aγαπημένα</span> + </label> + </div> + <div class="listsBlock__item checkbox"> + <label class="checkbox__label" for="list_1"> + <input class="checkbox__input filter__input" type="checkbox" id="list_1" name="list" + value="summer"> + <span class="checkbox__icon"></span> + <span class="listsBlock__name icon-mylists-sun">Καλοκαίρι 2021</span> + </label> + </div> + <div class="listsBlock__item checkbox"> + <label class="checkbox__label" for="list_2"> + <input class="checkbox__input filter__input" type="checkbox" id="list_2" name="list" + value="birthday"> + <span class="checkbox__icon"></span> + <span class="listsBlock__name icon-mylists-balloon">Γενέθλια</span> + </label> + </div> + </div> + <a href="Product Detail.html#" class="link link--m link--orangeIcon"><span + class="icon icon-addCircle"></span>Νέα Λίστα</a> + </div> + </div> + </div> + <div class="product__img"> + + + <figure> + <picture> + <source data-srcset="/images/300x300/png/Content/media/sampleProduct.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/300x300/png/Content/media/sampleProduct.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/300x300/png/Content/media/sampleProduct.png" alt="product" class="lazy"> + </picture> + </figure> + <div class="product__badge product__badge--left"> + <img class="lazy" data-src="/Content/media/badges/aplesprakseislogo.svg"> + </div> + <div class="product__badge product__badge--right"> + <img class="lazy" data-src="/Content/media/badges/new.svg"> + </div> + </div> + <a href="Product Detail.html#" class="product__title"> + Title of product + </a> + <p class="product__desc"> + Quantity text here + </p> + <div class="product__more"> + <div class="productTags"> + <img class="lazy productTags__tag" data-src="/Content/media/tags/bio.svg" alt=""> + <img class="lazy productTags__tag" data-src="/Content/media/tags/noglutten.svg" alt=""> + <img class="lazy productTags__tag" data-src="/Content/media/tags/no-frozen.svg" alt=""> + <img class="lazy productTags__tag" data-src="/Content/media/tags/nolaktose.svg" alt=""> + <img class="lazy productTags__tag" data-src="/Content/media/tags/vegan.svg" alt=""> + <img class="lazy productTags__tag" data-src="/Content/media/tags/pge.svg" alt=""> + </div> + <div class="priceContainer"> + <div class="priceBlock"> + <div class="priceBlock__price"> + 12,91 € + </div> + <span class="priceBlock__text"> / κιλό</span> + </div> + <div class="priceBlock"> + <div class="priceBlock__price priceBlock__price--b"> + 12,91 € + </div> + <span class="priceBlock__text"> / τεμ</span> + </div> + </div> + <div class="product__quantity"> + + <div class="quantity quantity--init" data-plugin-quantity="{"MaxQuantity":10}"> + <button class="quantity__btn quantity__btn--dec disabled" data-ref="quantity-control"></button> + <input class="quantity__input" value="1" type="text" readonly="" aria-label="quantity"> + <button class="quantity__btn quantity__btn--inc" data-ref="quantity-control"></button> + <div class="quantity__message quantity__message--added">Προστεθηκε στο καλάθι σας + </div> + <div class="quantity__message quantity__message--removed">Αφαιρεθηκε απο το καλάθι + σας</div> + </div> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/product/product_details.php b/public/processed-views/content/product/product_details.php new file mode 100644 index 0000000..b00ea6c --- /dev/null +++ b/public/processed-views/content/product/product_details.php @@ -0,0 +1,576 @@ +<div class="productPage"> + + <!-- product images --> + <div class="productPage__imageCol"> + <div class="productPage__imageGrid" data-plugin-productimagemodal=""> + + <?php $isFirst = false; ?> + <?php foreach($product['Images'] as $image) : ?> + + <div class="productPage__image<?= ($isFirst) + ? ' productPage__image--b' + : '' ?>"> + <?php $isFirst = true; ?> + + <figure> + <picture> + <!-- + <source data-srcset="/images/624x624/png/Content/media/sampleProduct.webp" type="image/webp" + class="lazysrcset"> --> + <source data-srcset="https://s1.sklavenitis.gr/images/1600x1600/40/<?=$image['Url']?>" type="image/jp2" + class="lazysrcset"> + <img data-src="https://s1.sklavenitis.gr/images/1600x1600/40/<?=$image['Url']?>" alt="product" class="lazy"> + </picture> + </figure> + + </div> + + <?php endforeach; ?> + + </div> + </div> + + <!-- info --> + <div class="productPage__info productInfo"> + <p class="productInfo__flag">FLAG</p> + <h1 class="productInfo__title"><?= $product['Title'] ?></h1> + + <p class="productInfo__desc"><?= html($product['Description']) ?></p> + + <p class="productInfo__code"><?= $product['SKU'] ?></p> + + <div class="priceContainer"> + + <?php if ($product['DiscountPrice']) : ?> + + <span class="priceBlock__text">από</span> + <div class="priceBlock__price priceBlock__price--init"> + <?= + $product['Price'] + ?> € + </div> + <?php endif; ?> + + <div class="priceBlock__price"> + <?= + $product['DiscountPrice'] + ?> € + </div> + <!-- + <div class="priceBlock__price priceBlock__price--percentage"> + 40% + </div> + --> + </div> +<?php + /* --- + <div class="productInfo__attr productAttr" data-plugin-productattr=""> + <div class="productAttr__title"> + <label class="productAttr__label">ΧΡΩΜΑ</label> + <span class="productAttr__selected"> + <span class="productAttr__selectedDefault">Επιλέξτε</span> + </span> + </div> + + <!-- color ?? --> + <!-- + <fieldset> + <legend class="field__label">ΧΡΩΜΑ</legend> + <div class="radiobuttons radiobuttons--colors"> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_0"> + <input class="radiobutton__input" type="radio" id="color_0" name="color" value="Item_0"> + <span class="radiobutton__icon" style="background-color:#995242"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_1"> + <input class="radiobutton__input" type="radio" id="color_1" name="color" value="Item_1"> + <span class="radiobutton__icon" style="background-color:#861724"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_2"> + <input class="radiobutton__input" type="radio" id="color_2" name="color" value="Item_2"> + <span class="radiobutton__icon" style="background-color:#202457"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_3"> + <input class="radiobutton__input" type="radio" id="color_3" name="color" value="Item_3"> + <span class="radiobutton__icon" style="background-color:#555775"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_4"> + <input class="radiobutton__input" type="radio" id="color_4" name="color" value="Item_4"> + <span class="radiobutton__icon" style="background-color:#164502"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_5"> + <input class="radiobutton__input" type="radio" id="color_5" name="color" value="Item_5"> + <span class="radiobutton__icon" style="background-color:#275276"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_6"> + <input class="radiobutton__input" type="radio" id="color_6" name="color" value="Item_6"> + <span class="radiobutton__icon" style="background-color:#266400"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_7"> + <input class="radiobutton__input" type="radio" id="color_7" name="color" value="Item_7"> + <span class="radiobutton__icon" style="background-color:#981225"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_8"> + <input class="radiobutton__input" type="radio" id="color_8" name="color" value="Item_8"> + <span class="radiobutton__icon" style="background-color:#455296"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_9"> + <input class="radiobutton__input" type="radio" id="color_9" name="color" value="Item_9"> + <span class="radiobutton__icon" style="background-color:#651336"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_10"> + <input class="radiobutton__input" type="radio" id="color_10" name="color" value="Item_10"> + <span class="radiobutton__icon" style="background-color:#353211"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_11"> + <input class="radiobutton__input" type="radio" id="color_11" name="color" value="Item_11"> + <span class="radiobutton__icon" style="background-color:#521059"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_12"> + <input class="radiobutton__input" type="radio" id="color_12" name="color" value="Item_12"> + <span class="radiobutton__icon" style="background-color:#654818"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_13"> + <input class="radiobutton__input" type="radio" id="color_13" name="color" value="Item_13"> + <span class="radiobutton__icon" style="background-color:#249666"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_14"> + <input class="radiobutton__input" type="radio" id="color_14" name="color" value="Item_14"> + <span class="radiobutton__icon" style="background-color:#964632"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_15"> + <input class="radiobutton__input" type="radio" id="color_15" name="color" value="Item_15"> + <span class="radiobutton__icon" style="background-color:#690375"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_16"> + <input class="radiobutton__input" type="radio" id="color_16" name="color" value="Item_16"> + <span class="radiobutton__icon" style="background-color:#240711"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_17"> + <input class="radiobutton__input" type="radio" id="color_17" name="color" value="Item_17"> + <span class="radiobutton__icon" style="background-color:#901481"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_18"> + <input class="radiobutton__input" type="radio" id="color_18" name="color" value="Item_18"> + <span class="radiobutton__icon" style="background-color:#897961"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_19"> + <input class="radiobutton__input" type="radio" id="color_19" name="color" value="Item_19"> + <span class="radiobutton__icon" style="background-color:#590235"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_20"> + <input class="radiobutton__input" type="radio" id="color_20" name="color" value="Item_20"> + <span class="radiobutton__icon" style="background-color:#729859"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_21"> + <input class="radiobutton__input" type="radio" id="color_21" name="color" value="Item_21"> + <span class="radiobutton__icon" style="background-color:#555851"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_22"> + <input class="radiobutton__input" type="radio" id="color_22" name="color" value="Item_22"> + <span class="radiobutton__icon" style="background-color:#284260"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_23"> + <input class="radiobutton__input" type="radio" id="color_23" name="color" value="Item_23"> + <span class="radiobutton__icon" style="background-color:#454939"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_24"> + <input class="radiobutton__input" type="radio" id="color_24" name="color" value="Item_24"> + <span class="radiobutton__icon" style="background-color:#972644"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_25"> + <input class="radiobutton__input" type="radio" id="color_25" name="color" value="Item_25"> + <span class="radiobutton__icon" style="background-color:#622680"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor disabled"> + <label class="radiobutton__label" for="color_26"> + <input class="radiobutton__input" type="radio" id="color_26" name="color" value="Item_26" + disabled=""> + <span class="radiobutton__icon"> + + <figure> + <picture> + <source data-srcset="/images/32x32/png/Content/media/sampleColor.webp" + type="image/webp" class="lazysrcset"> + <source data-srcset="/images/32x32/png/Content/media/sampleColor.jp2" + type="image/jp2" class="lazysrcset"> + + + <img data-src="/images/32x32/png/Content/media/sampleColor.png" alt="Alt text" + class="lazy"> + </picture> + </figure> + </span> + </label> + </div> + </div> + </fieldset> + --> + </div> + + <div class="productInfo__attr productAttr" data-plugin-productattr=""> + <div class="productAttr__title"> + <label class="productAttr__label">MEΓΕΘΟΣ</label> + <span class="productAttr__selected"> + <span class="productAttr__selectedDefault">Επιλέξτε</span> + </span> + </div> + <!-- size ?? --> + <!-- + <div class="productAttr__main"> + <div class="radiobutton radiobutton--button"> + <label class="radiobutton__label" for="size_0"> + <input class="radiobutton__input" type="radio" id="size_0" name="size" value="Item_0"> + <span class="radiobutton__text">Item0</span> + <span class="radiobutton__icon"></span> + </label> + </div> + <div class="radiobutton radiobutton--button"> + <label class="radiobutton__label" for="size_1"> + <input class="radiobutton__input" type="radio" id="size_1" name="size" value="Item_1"> + <span class="radiobutton__text">Item1</span> + <span class="radiobutton__icon"></span> + </label> + </div> + <div class="radiobutton radiobutton--button"> + <label class="radiobutton__label" for="size_2"> + <input class="radiobutton__input" type="radio" id="size_2" name="size" value="Item_2"> + <span class="radiobutton__text">Item2</span> + <span class="radiobutton__icon"></span> + </label> + </div> + <div class="radiobutton radiobutton--button"> + <label class="radiobutton__label" for="size_3"> + <input class="radiobutton__input" type="radio" id="size_3" name="size" value="Item_3"> + <span class="radiobutton__text">Item3</span> + <span class="radiobutton__icon"></span> + </label> + </div> + <div class="radiobutton radiobutton--button"> + <label class="radiobutton__label" for="size_4"> + <input class="radiobutton__input" type="radio" id="size_4" name="size" value="Item_4"> + <span class="radiobutton__text">Item4</span> + <span class="radiobutton__icon"></span> + </label> + </div> + <div class="radiobutton radiobutton--button"> + <label class="radiobutton__label" for="size_5"> + <input class="radiobutton__input" type="radio" id="size_5" name="size" value="Item_5"> + <span class="radiobutton__text">Item5</span> + <span class="radiobutton__icon"></span> + </label> + </div> + <div class="radiobutton radiobutton--button"> + <label class="radiobutton__label" for="size_6"> + <input class="radiobutton__input" type="radio" id="size_6" name="size" value="Item_6"> + <span class="radiobutton__text">Item6</span> + <span class="radiobutton__icon"></span> + </label> + </div> + <div class="radiobutton radiobutton--button"> + <label class="radiobutton__label" for="size_7"> + <input class="radiobutton__input" type="radio" id="size_7" name="size" value="Item_7"> + <span class="radiobutton__text">Item7</span> + <span class="radiobutton__icon"></span> + </label> + </div> + <div class="radiobutton radiobutton--button disabled"> + <label class="radiobutton__label" for="size_8"> + <input class="radiobutton__input" type="radio" id="size_8" name="size" value="Item_8" + disabled=""> + <span class="radiobutton__text">Item8</span> + <span class="radiobutton__icon"></span> + </label> + </div> + </div> + --> + </div> + --- */ +?> + +<?php + /*--- + <div class="addProduct"> + <div class="quantity quantity--init" data-plugin-quantity="{"MaxQuantity":10}"> + <button class="quantity__btn quantity__btn--dec disabled" data-ref="quantity-control"></button> + <input class="quantity__input" value="1" type="text" readonly="" aria-label="quantity"> + <button class="quantity__btn quantity__btn--inc" data-ref="quantity-control"></button> + <div class="quantity__message quantity__message--added">Προστεθηκε στο καλάθι σας</div> + <div class="quantity__message quantity__message--removed">Αφαιρεθηκε απο το καλάθι σας</div> + </div> + <button class="addToCartButton button button--icon" id="addToCartButton"> + <span class="addToCartButton__text addToCartButton__text--default">Προσθηκη στο καλαθι</span> + <span class="addToCartButton__text addToCartButton__text--added">Προστεθηκε στο καλαθι</span> + <span class="loader"> + <span class="loader__inner"> + <span class="loader__item loader__item--1"></span> + <span class="loader__item loader__item--2"></span> + <span class="loader__item loader__item--3"></span> + </span> + </span> + </button> + <button class="fav iconButton icon-heart"></button> + </div> + + <div class="cartAdd error-message"> + Please select color & size + </div> + + <div class="addProduct"> + + <div class="quantity quantity--init" data-plugin-quantity="{"MaxQuantity":10}"> + <button class="quantity__btn quantity__btn--dec disabled" data-ref="quantity-control"></button> + <input class="quantity__input" value="1" type="text" readonly="" aria-label="quantity"> + <button class="quantity__btn quantity__btn--inc" data-ref="quantity-control"></button> + <div class="quantity__message quantity__message--added">Προστεθηκε στο καλάθι σας</div> + <div class="quantity__message quantity__message--removed">Αφαιρεθηκε απο το καλάθι σας</div> + </div> + <button class="addToCartButton button button--icon addToCartButton--added"> + <span class="addToCartButton__text addToCartButton__text--default">Προσθηκη στο καλαθι</span> + <span class="addToCartButton__text addToCartButton__text--added">Προστεθηκε στο καλαθι</span> + <span class="loader"> + <span class="loader__inner"> + <span class="loader__item loader__item--1"></span> + <span class="loader__item loader__item--2"></span> + <span class="loader__item loader__item--3"></span> + </span> + </span> + </button> + <button class="fav iconButton icon-heart"></button> + </div> + + <div class="addProduct"> + + <div class="quantity quantity--init" data-plugin-quantity="{"MaxQuantity":10}"> + <button class="quantity__btn quantity__btn--dec disabled" data-ref="quantity-control"></button> + <input class="quantity__input" value="1" type="text" readonly="" aria-label="quantity"> + <button class="quantity__btn quantity__btn--inc" data-ref="quantity-control"></button> + <div class="quantity__message quantity__message--added">Προστεθηκε στο καλάθι σας</div> + <div class="quantity__message quantity__message--removed">Αφαιρεθηκε απο το καλάθι σας</div> + </div> + <button class="addToCartButton button button--icon addToCartButton--loading"> + <span class="addToCartButton__text addToCartButton__text--default">Προσθηκη στο καλαθι</span> + <span class="addToCartButton__text addToCartButton__text--added">Προστεθηκε στο καλαθι</span> + <span class="loader"> + <span class="loader__inner"> + <span class="loader__item loader__item--1"></span> + <span class="loader__item loader__item--2"></span> + <span class="loader__item loader__item--3"></span> + </span> + </span> + </button> + <button class="fav iconButton icon-heart"></button> + </div> + + <div class="addProduct"> + <div class="notifyMe" data-plugin-expand=""> + <button class="button button--border notifyMe__button" data-trigger-expand="notifyme"> + <span class="notifyMe__buttonText">Eνημέρωση διαθεσιμότητας</span> + <span class="loader"> + <span class="loader__inner"> + <span class="loader__item loader__item--1"></span> + <span class="loader__item loader__item--2"></span> + <span class="loader__item loader__item--3"></span> + </span> + </span> + </button> + <div class="notifyMe__main" data-content-expand="notifyme"> + <form class="form notifyMe__form" data-qa="notifyMeForm"> + <div class="field"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="email">Email *</label> + <input class="field__input" id="email" type="email"> + </div> + + </div> + </div> + <div class="field"> + <div class="field__inner"> + <div class="field__wrap checkboxes"> + + + <div class="checkbox "> + <label class="checkbox__label" for="checkoutTerms"> + <input class="checkbox__input" type="checkbox" id="checkoutTerms" + name="checkoutTerms"> + <span class="checkbox__icon icon"></span> + Έχω διαβάσει και αποδέχομαι τους <a href="Product Detail.html#">Όρους + Χρήσης</a> & την Πολιτική Απορρήτου. + + </label> + + </div> + </div> + </div> + </div> + <div class="field"> + <button data-qa="form_submit" class="button widthAuto" type="submit">Subscribe</button> + </div> + </form> + <div class="statusMessage statusMessage--success">You are now subscribed</div> + </div> + </div> + <button class="fav iconButton icon-heart"></button> + </div> + <p>Διαβάστε περισσότερα για τους τρόπους <a href="Product Detail.html#">Παράδοσης</a> & τις <a + href="Product Detail.html#">Επιστροφές</a></p> + + --- */ +?> + + + <div class="productDetails"> + + <!-- more into sections --> + <!-- example: + Ingredients + Composition + ConservationConditions + Instructions + Precautions + ExtraInfo1 + SupplierDetails + --> + + <!-- some section --> + <div class="productDetails__item expandText" data-plugin-expandtext=""> + <h2 class="productDetails__title">ΠΕΡΙΓΡΑΦΗ</h2> + <div class="productDetails__content"> + <div class="productDetails__contentInner expandText__main"> + <p>Sed porttitor lectus nibh. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet + dui. Nulla quis lorem ut libero malesuada feugiat. Quisque velit nisi, pretium ut lacinia + in, elementum id enim. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. + Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.</p> + <p>Sed porttitor lectus nibh. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet + dui. Nulla quis lorem ut libero malesuada feugiat. Quisque velit nisi, pretium ut lacinia + in, elementum id enim. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. + Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.</p> + </div> + <button class="button button--link expandText__button"> + <span class="expandText__buttonTextMore">Διαβάστε περισσότερα</span> + <span class="expandText__buttonTextLess">Διαβάστε λιγοτερα</span> + </button> + </div> + </div> + + <!-- some section --> + <div class="productDetails__item"> + <h2 class="productDetails__title">ΧΑΡΑΚΤΗΡΙΣΤΙΚΑ</h2> + <div class="productDetails__content"> + <div class="productDetails__contentInner"> + <p>Curabitur aliquet quam id dui posuere blandit</p> + </div> + </div> + </div> + + </div> + + </div> + + <div class="productHeader" data-plugin-productheader=""> + <div class="product"> + <div class="product__block"> + <div class="product__img"> + + + <figure> + <picture> + <source data-srcset="/images/80x80/png/Content/media/sampleProduct.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/80x80/png/Content/media/sampleProduct.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/80x80/png/Content/media/sampleProduct.png" alt="product" + class="lazy"> + </picture> + </figure> + </div> + <div class="product__more"> + <span class="product__title"> + Title of product + </span> + <p class="product__desc"> + Quantity text here + </p> + </div> + </div> + <div class="product__block"> + <div class="priceContainer"> + <div class="priceBlock__price priceBlock__price--init"> + 18,91 € + </div> + <div class="priceBlock__price"> + 12,91 € + </div> + </div> + <button class="addToCartButton button button--icon"> + <span class="addToCartButton__text addToCartButton__text--default">Προσθηκη στο καλαθι</span> + <span class="addToCartButton__text addToCartButton__text--added">Προστεθηκε στο καλαθι</span> + <span class="loader"> + <span class="loader__inner"> + <span class="loader__item loader__item--1"></span> + <span class="loader__item loader__item--2"></span> + <span class="loader__item loader__item--3"></span> + </span> + </span> + </button> + </div> + </div> + </div> + +</div> diff --git a/public/processed-views/content/product_list/Load_More.html b/public/processed-views/content/product_list/Load_More.html new file mode 100644 index 0000000..1206b3f --- /dev/null +++ b/public/processed-views/content/product_list/Load_More.html @@ -0,0 +1,13 @@ +<div class="loadMore"> + <p class="loadMore__text">Έχετε δει <span>62</span> από <span>124</span> προϊόντα</p> + <div class="loadMore__bar" style="--barPercentage: 50%"> + <div class="loadMore__barInner"></div> + </div> + <button class="button loadMore__button">Φόρτωση επόμενων 30</button> + <p class="loadMore__text">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Praesent sapien + massa, convallis a pellentesque nec, egestas non nisi. Mauris blandit aliquet elit, eget tincidunt + nibh + pulvinar a. Pellentesque in ipsum id orci porta dapibus. Nulla quis lorem ut libero malesuada + feugiat. + </p> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/product_list/Product_List_Filters.php b/public/processed-views/content/product_list/Product_List_Filters.php new file mode 100644 index 0000000..2e1fb0d --- /dev/null +++ b/public/processed-views/content/product_list/Product_List_Filters.php @@ -0,0 +1,659 @@ +<div class="filters" data-plugin-filters=""> + <button class="filters__mobButton iconButton iconButton--b icon-filters"> + </button> + <div class="filters__inner"> + <div class="filters__titleWrap"> + <button class="filters__close iconButton icon-close"></button> + <h2 class="filters__title">Φίλτρα</h2> + <button class="filtersClearAll link link--s">Καθαρισμός όλων</button> + </div> + <div class="filters__itemsWrap"> + + <div class="filters__item filter filter--closed" data-qa="Filter_brand" data-plugin-filterstatus="" + data-inputname="brand"> + <h3 class="filter__title"> + Επωνυμίες/Μάρκες + <span class="filter__titleIcon"></span> + </h3> + <div class="filter__content"> + <div class="filter__main scrollbarShadow scrollbarShadow--vert" + data-plugin-scrollshadowvert="{"initialize":true}"> + <div class="scrollbar"> + <div class="filter__list scrollbar__inner"> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_0"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_0" + name="brand" value="Item_0"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 0</span> + <span class="filter__no">(64)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_1"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_1" + name="brand" value="Item_1"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 1</span> + <span class="filter__no">(48)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_2"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_2" + name="brand" value="Item_2"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 2</span> + <span class="filter__no">(51)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_3"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_3" + name="brand" value="Item_3"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 3</span> + <span class="filter__no">(58)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_4"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_4" + name="brand" value="Item_4"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 4</span> + <span class="filter__no">(24)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_5"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_5" + name="brand" value="Item_5"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 5</span> + <span class="filter__no">(60)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_6"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_6" + name="brand" value="Item_6"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 6</span> + <span class="filter__no">(21)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_7"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_7" + name="brand" value="Item_7"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 7</span> + <span class="filter__no">(80)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_8"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_8" + name="brand" value="Item_8"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 8</span> + <span class="filter__no">(12)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_9"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_9" + name="brand" value="Item_9"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 9</span> + <span class="filter__no">(66)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_10"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_10" + name="brand" value="Item_10"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 10</span> + <span class="filter__no">(97)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_11"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_11" + name="brand" value="Item_11"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 11</span> + <span class="filter__no">(91)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_12"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_12" + name="brand" value="Item_12"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 12</span> + <span class="filter__no">(50)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_13"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_13" + name="brand" value="Item_13"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 13</span> + <span class="filter__no">(91)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_14"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_14" + name="brand" value="Item_14"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 14</span> + <span class="filter__no">(64)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_15"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_15" + name="brand" value="Item_15"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 15</span> + <span class="filter__no">(87)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_16"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_16" + name="brand" value="Item_16"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 16</span> + <span class="filter__no">(6)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_17"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_17" + name="brand" value="Item_17"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 17</span> + <span class="filter__no">(24)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_18"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_18" + name="brand" value="Item_18"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 18</span> + <span class="filter__no">(5)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="brand_19"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_19" + name="brand" value="Item_19"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 19</span> + <span class="filter__no">(24)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox disabled"> + <label class="checkbox__label" for="brand_20"> + <input class="checkbox__input filter__input" type="checkbox" id="brand_20" + name="brand" value="Item_20" disabled=""> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 20</span> + <span class="filter__no">(0)</span> + </label> + </div> + </div> + </div> + </div> + </div> + <div class="filtersLinks"> + <button + class="button button--s button--border button--full filtersApply filters__close">Εφαρμογή</button> + <button class="filtersClear link">Αφαίρεση όλων</button> + </div> + </div> + </div> + + + <div class="filters__item filter filter--closed" data-qa="Filter_offers" data-plugin-filterstatus="" + data-inputname="offers"> + <h3 class="filter__title"> + Προσφορές + <span class="filter__titleIcon"></span> + </h3> + <div class="filter__content"> + <div class="filter__main scrollbarShadow scrollbarShadow--vert" + data-plugin-scrollshadowvert="{"initialize":true}"> + <div class="scrollbar"> + <div class="filter__list scrollbar__inner"> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="offers_0"> + <input class="checkbox__input filter__input" type="checkbox" id="offers_0" + name="offers" value="Item_0"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 0</span> + <span class="filter__no">(54)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="offers_1"> + <input class="checkbox__input filter__input" type="checkbox" id="offers_1" + name="offers" value="Item_1"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 1</span> + <span class="filter__no">(63)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="offers_2"> + <input class="checkbox__input filter__input" type="checkbox" id="offers_2" + name="offers" value="Item_2"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 2</span> + <span class="filter__no">(11)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="offers_3"> + <input class="checkbox__input filter__input" type="checkbox" id="offers_3" + name="offers" value="Item_3"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 3</span> + <span class="filter__no">(99)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="offers_4"> + <input class="checkbox__input filter__input" type="checkbox" id="offers_4" + name="offers" value="Item_4"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 4</span> + <span class="filter__no">(18)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="offers_5"> + <input class="checkbox__input filter__input" type="checkbox" id="offers_5" + name="offers" value="Item_5"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 5</span> + <span class="filter__no">(65)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="offers_6"> + <input class="checkbox__input filter__input" type="checkbox" id="offers_6" + name="offers" value="Item_6"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 6</span> + <span class="filter__no">(61)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="offers_7"> + <input class="checkbox__input filter__input" type="checkbox" id="offers_7" + name="offers" value="Item_7"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 7</span> + <span class="filter__no">(18)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox disabled"> + <label class="checkbox__label" for="offers_8"> + <input class="checkbox__input filter__input" type="checkbox" id="offers_8" + name="offers" value="Item_8" disabled=""> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 8</span> + <span class="filter__no">(0)</span> + </label> + </div> + </div> + </div> + </div> + </div> + <div class="filtersLinks"> + <button + class="button button--s button--border button--full filtersApply filters__close">Εφαρμογή</button> + <button class="filtersClear link">Αφαίρεση όλων</button> + </div> + </div> + </div> + + + <div class="filters__item filter filter--closed" data-qa="Filter_nutricion" data-plugin-filterstatus="" + data-inputname="nutricion"> + <h3 class="filter__title"> + Ειδικής διατροφής + <span class="filter__titleIcon"></span> + </h3> + <div class="filter__content"> + <div class="filter__main scrollbarShadow scrollbarShadow--vert" + data-plugin-scrollshadowvert="{"initialize":true}"> + <div class="scrollbar"> + <div class="filter__list scrollbar__inner"> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_0"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_0" name="nutricion" value="Item_0"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 0</span> + <span class="filter__no">(34)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_1"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_1" name="nutricion" value="Item_1"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 1</span> + <span class="filter__no">(22)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_2"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_2" name="nutricion" value="Item_2"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 2</span> + <span class="filter__no">(35)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_3"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_3" name="nutricion" value="Item_3"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 3</span> + <span class="filter__no">(79)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_4"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_4" name="nutricion" value="Item_4"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 4</span> + <span class="filter__no">(87)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_5"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_5" name="nutricion" value="Item_5"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 5</span> + <span class="filter__no">(88)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_6"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_6" name="nutricion" value="Item_6"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 6</span> + <span class="filter__no">(89)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_7"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_7" name="nutricion" value="Item_7"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 7</span> + <span class="filter__no">(7)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_8"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_8" name="nutricion" value="Item_8"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 8</span> + <span class="filter__no">(61)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_9"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_9" name="nutricion" value="Item_9"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 9</span> + <span class="filter__no">(37)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_10"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_10" name="nutricion" value="Item_10"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 10</span> + <span class="filter__no">(54)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_11"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_11" name="nutricion" value="Item_11"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 11</span> + <span class="filter__no">(39)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_12"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_12" name="nutricion" value="Item_12"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 12</span> + <span class="filter__no">(67)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_13"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_13" name="nutricion" value="Item_13"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 13</span> + <span class="filter__no">(38)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_14"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_14" name="nutricion" value="Item_14"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 14</span> + <span class="filter__no">(59)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="nutricion_15"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_15" name="nutricion" value="Item_15"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 15</span> + <span class="filter__no">(77)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox disabled"> + <label class="checkbox__label" for="nutricion_16"> + <input class="checkbox__input filter__input" type="checkbox" + id="nutricion_16" name="nutricion" value="Item_16" disabled=""> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 16</span> + <span class="filter__no">(0)</span> + </label> + </div> + </div> + </div> + </div> + </div> + <div class="filtersLinks"> + <button + class="button button--s button--border button--full filtersApply filters__close">Εφαρμογή</button> + <button class="filtersClear link">Αφαίρεση όλων</button> + </div> + </div> + </div> + + + <div class="filters__item filter" data-qa="Filter_generic" data-plugin-filterstatus="" + data-inputname="generic"> + <div class="filter__list filter__list--inline"> + <div class="filter__item"> + <div class="checkbox "> + <label class="checkbox__label" for="generic_0"> + <input class="checkbox__input filter__input" type="checkbox" id="generic_0" + name="generic" value="Item_0"> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 0</span> + <span class="filter__no">(10)</span> + </label> + </div> + </div> + <div class="filter__item"> + <div class="checkbox disabled"> + <label class="checkbox__label" for="generic_1"> + <input class="checkbox__input filter__input" type="checkbox" id="generic_1" + name="generic" value="Item_1" disabled=""> + <span class="checkbox__icon"></span> + <span class="filter__value">Item 1</span> + <span class="filter__no">(0)</span> + </label> + </div> + </div> + </div> + </div> + + </div> + <div class="filtersLinks filtersLinks--all"> + <button class="button button--border filtersApply filters__close">Εφαρμογή</button> + </div> + </div> + + + <div class="selectInline"> + <label class="selectInline__label" for="sorting">Ταξινόμηση:</label> + <div class="select" data-plugin-select=""> + <div class="select__main"> + <button class="select__button"> + <span class="select__placeholder"> + Επίλεξε + </span> + </button> + <div class="select__listWrap"> + <ul class="select__list"> + <li class="select__option" data-value="option1">Option 1</li> + <li class="select__option" data-value="option2">Option 2</li> + <li class="select__option" data-value="option3">Option 3</li> + <li class="select__option" data-value="option4">Option 4</li> + <li class="select__option" data-value="option5">Option 5</li> + <li class="select__option" data-value="option6">Option 6</li> + <li class="select__option" data-value="option7">Option 7</li> + <li class="select__option" data-value="option8">Option 8</li> + </ul> + </div> + </div> + <input type="hidden" class="select__input"> + </div> + </div> + +</div>
\ No newline at end of file diff --git a/public/processed-views/content/product_list/aside.php b/public/processed-views/content/product_list/aside.php new file mode 100644 index 0000000..7bb3af7 --- /dev/null +++ b/public/processed-views/content/product_list/aside.php @@ -0,0 +1,43 @@ +<aside class="mainLayout__aside"> + <nav class="sideNav"> + <ul class="sideNav__list sideNav__list--level1" data-plugin-accordion="{"singleOpen":true}"> + + <?php foreach($tree as $id0 => $level0) : ?> + + <?php $selected_0 = ((int)$hierarchyPath[0] == $level0['info']['ID']) + ? true + : false; ?> + + <li class="sideNav__item sideNav__item--level1 acc<?= + $selected_0 ? ' open' : '' + ?>"> + <span class="sideNav__link sideNav__link--level1 acc__header icon-bisquite"><?= + $level0['info']['Title'] + ?></span> + + <ul class="sideNav__list sideNav__list--level2 acc__content"> + + <?php foreach($level0['childs'] as $id1 => $level1) : ?> + + <li class="sideNav__item sideNav__item--level2 acc"> + <a class="sideNav__link sideNav__link--level2" + href="/<?= + $level1['info']['FullFriendlyUrl'] + ?>" > + <?= + $level1['info']['Title'] + ?> + </a> + </li> + + <?php endforeach; ?> + + + </ul> + </li> + + <?php endforeach; ?> + + </ul> + </nav> +</aside> diff --git a/public/processed-views/content/product_list/product_list.php b/public/processed-views/content/product_list/product_list.php new file mode 100644 index 0000000..1a97caf --- /dev/null +++ b/public/processed-views/content/product_list/product_list.php @@ -0,0 +1,25 @@ +<div class="productListWrap"> + + <div class="selectedFilters" data-plugin-filtersBar> + <ul class="selectedFilters__list"> + <li class="selectedFilters__item selectedFilters__item--clear"> + <button class="filtersClearAll link">καθαρισμός όλων</button> + </li> + </ul> + </div> + + <div class="productList"> + + <?php foreach($products as $product) : ?> + + <?php + render_view('content/product_list/product_tile', ['product' => $product]); + ?> + + <?php endforeach; ?> + + </div> + + <!-- Load More --> + +</div>
\ No newline at end of file diff --git a/public/processed-views/content/product_list/product_tile.php b/public/processed-views/content/product_list/product_tile.php new file mode 100644 index 0000000..625c044 --- /dev/null +++ b/public/processed-views/content/product_list/product_tile.php @@ -0,0 +1,151 @@ +<div class="product"> + <div class="product__inner"> + + <button class="fav iconButton iconButton--s icon-delete"></button> + + <!-- wishlist section --> + <div data-plugin-wishlistbutton="" class="wishlistButton"> + <button class="fav iconButton iconButton--s icon-heart listsClose"></button> + + <div class="listsBlock"> + <div class="listsBlock__bg listsClose"></div> + <div class="listsBlock__inner"> + <div class="listsBlock__title">Προσθήκη σε:</div> + <button class="listsBlock__close iconButton iconButton--xs icon-close listsClose"></button> + + <div class="listsBlock__list"> + + <!-- favorites (every registered user has a favorites list) --> + <div class="listsBlock__item checkbox"> + <label class="checkbox__label" for="list_0"> + <input class="checkbox__input filter__input" type="checkbox" id="list_0" name="list" + value="fav"> + <span class="checkbox__icon"></span> + <span class="listsBlock__name icon-fav">Aγαπημένα</span> + </label> + </div><!-- /favorites --> + + <!-- + <script> + // User's product-lists shall be constructed clinet-side + // Here we define the template to be used + // + // NOTE: + // This script shall be injected out of this (in a loop) sub-view + // ------------------------------------------------- + const listTemplate = '\ + <div class="listsBlock__item checkbox">\ + <label class="checkbox__label" for="%LIST_ID%">\ + <input class="checkbox__input filter__input" type="checkbox" id="%_LIST_ID_%" name="list"\ + value="%_VALUE_%">\ + <span class="checkbox__icon"></span>\ + <span class="listsBlock__name icon-mylists-sun">%_LIST_NAME_%</span>\ + </label>\ + </div>\ + '; + </script> + --> + + <!-- ad new list button --> + <a href="myList.html#" class="link link--m link--orangeIcon"><span + class="icon icon-addCircle"></span>Νέα Λίστα</a> + </div> + </div> + + </div> + </div><!-- /wishlist --> + + <!-- image --> + <div class="product__img"> + + <figure> + <picture> + <!-- + <source data-srcset="https://s1.sklavenitis.gr/images/Product/40..." type="image/webp" + class="lazysrcset"> + --> + <source data-srcset="https://s1.sklavenitis.gr/images/Product/40<?=$product['ImageUrl']?>" type="image/jp2" + class="lazysrcset"> + + + <img data-src="https://s1.sklavenitis.gr/images/Product/40<?=$product['ImageUrl']?>" alt="product" class="lazy"> + </picture> + </figure> + + <div class="product__badge product__badge--left"> + <img class="lazy" data-src="/content/media/badges/aplesprakseislogo.svg"> + </div> + <div class="product__badge product__badge--right"> + <img class="lazy" data-src="/content/media/badges/new.svg"> + </div> + </div><!-- /image --> + + <a href="<?= + '/'. $product['Path'] .'/'. $product['FriendlyUrl'] + ?>" class="product__title"> + <?= + $product['Title'] + ?> + </a> + <p class="product__desc"> + Quantity text here + </p> + + <!-- more: tags, price, quantity --> + <div class="product__more"> + + <!-- product-tags --> + <div class="productTags"> + + <?php + // somewhere we got something like + // ------------------------------------------------- + // A. products-specificity/tag-icons array + // --- + $tragIcons = [ + 'bio' => 'bio.svg', + 'noglutten' => 'noglutten.svg', + 'no-frozen' => 'no-frozen.svg', + 'nolaktose' => 'nolaktose.svg', + 'vegan' => 'vegan.svg' + ]; + // and + // 2. this products specificities array + // --- + $thisProductTags = [ 'bio', 'noglutten', 'nolaktose', 'vegan' ]; + // then + // ... + ?> + + <?php foreach($thisProductTags as $tag) : ?> + <img class="lazy productTags__tag" data-src="/content/media/tags/<?=$tragIcons[$tag]?>" alt=""> + <?php endforeach; ?> + + + </div> + + <!-- price --> + <div class="priceContainer"> + <div class="priceBlock"> + <div class="priceBlock__price"> + <?=$product['PerUnitPrice']?> € + </div> + <span class="priceBlock__text"> / κιλό</span> + </div> + <div class="priceBlock"> + <div class="priceBlock__price priceBlock__price--b"> + <?=$product['Price']?> € + </div> + <span class="priceBlock__text"> / τεμ</span> + </div> + </div> + + <!-- quantity --> + <div class="quantity" data-plugin-quantity="{"MaxQuantity":10}"> + <button class="quantity__btn quantity__btn--notAvailable disabled">Μη διαθέσιμο</button> + </div> + + </div><!-- /more --> + + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/content/product_list/top_navigation.php b/public/processed-views/content/product_list/top_navigation.php new file mode 100644 index 0000000..7745379 --- /dev/null +++ b/public/processed-views/content/product_list/top_navigation.php @@ -0,0 +1,47 @@ +<?php +// see what we got +$catID = $hierarchyPath[0]; // main selected product_category +$subID = $hierarchyPath[1]; // selected subcategory +$selectedGroup = isset($hierarchyPath[2]) ? $hierarchyPath[2] : false; +?> + +<nav class="topnav" data-plugin-expand="{"closeOnCLickAway":true}"> + <button class="topnav__selected" data-trigger-expand="navList">Όλα</button> + + <ul class="topnav__list" data-content-expand="navList"> + + <li class="topnav__item"> + <a href="<?= + '/'. $tree[$catID]['childs'][$subID]['info']['FullFriendlyUrl'] + + ?>" class="topnav__link<?= (!$selectedGroup) + ? ' selected' + : '' + ?>"> + Όλα + </a> + </li> + + <?php foreach($tree[$catID]['childs'][$subID]['childs'] as $key => $group) : ?> + + <?php $extraSelectedClass = ($key == $selectedGroup) + ? ' selected' + : ''; + ?> + + <li class="topnav__item"> + <a href="<?= + '/'.$group['info']['FullFriendlyUrl'] + + ?>" class="topnav__link<?= + $extraSelectedClass + ?>"><?= + $group['info']['Title'] + ?> + </a> + </li> + + <?php endforeach; ?> + + </ul> +</nav> diff --git a/public/processed-views/content/static.php b/public/processed-views/content/static.php new file mode 100644 index 0000000..52b86f7 --- /dev/null +++ b/public/processed-views/content/static.php @@ -0,0 +1,21 @@ +<div class="wrapper"> + <div class="pageTitle"> + <h1><?=$page['Title']?></h1> + </div> +</div> + +<div class="mainLayout mainLayout--aside"> + + <div class="mainLayout__content"> + <div class="wrapper wrapper--xs"> + <div class="content"> + + <?= + html($page['Content_Raw']) + ?> + + </div> + </div> + </div> + +</div> diff --git a/public/processed-views/email/base.html b/public/processed-views/email/base.html new file mode 100644 index 0000000..fb56752 --- /dev/null +++ b/public/processed-views/email/base.html @@ -0,0 +1,66 @@ +<!doctype html> +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" + xmlns:o="urn:schemas-microsoft-com:office:office"> + +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="stylesheet" href="../../Content/css/email.css" /> + + <title> + <!-- Title --> + </title> + +</head> + +<body> + <center> + <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable"> + <tr> + <!--Header--> + </tr> + + <tr> + <td align="center" valign="top" id="templateBody" data-template-container=""> + <!--[if (gte mso 9)|(IE)]> + <table align="center" border="0" cellspacing="0" cellpadding="0" width="700" style="width:700px;"> + <tr> + <td align="center" valign="top" width="700" style="width:700px;"> + <![endif]--> + <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" + class="templateContainer"> + <tbody> + <tr> + <td valign="top" class="bodyContainer" style="padding:0 30px 32px;text-align: center;"> + <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" + style="min-width:100%;"> + <tbody class="mcnTextBlockOuter"> + + <!--Content--> + + </tbody> + </table> + </td> + </tr> + </tbody> + </table> + <!--[if (gte mso 9)|(IE)]> + </td> + </tr> + </table> + <![endif]--> + </td> + </tr> + + <tr> + <!--Footer--> + </tr> + </table> + </td> + </tr> + </table> + </center> +</body> + +</html>
\ No newline at end of file diff --git a/public/processed-views/email/content/Forgot_Password1.html b/public/processed-views/email/content/Forgot_Password1.html new file mode 100644 index 0000000..1ab6dcd --- /dev/null +++ b/public/processed-views/email/content/Forgot_Password1.html @@ -0,0 +1,7 @@ +<tr> + <td valign="top" class="mcnTextBlockInner"> + <p>Για να δημιουργήσετε νέο κωδικό, παρακαλούμε κάντε κλικ <a href="../index.html">εδώ.</a></p> + <p> </p> + <p>Σας ευχαριστούμε!</p> + </td> +</tr>
\ No newline at end of file diff --git a/public/processed-views/email/content/Forgot_Password2.html b/public/processed-views/email/content/Forgot_Password2.html new file mode 100644 index 0000000..80c8189 --- /dev/null +++ b/public/processed-views/email/content/Forgot_Password2.html @@ -0,0 +1,8 @@ +<tr> + <td valign="top" class="mcnTextBlockInner"> + <img src="../Content/Media/email/check.png" width="62" style="margin-bottom:15px;"> + <h1>O νέος σας κωδικός αποθηκεύτηκε.</h1> + <p> </p> + <p>Σας ευχαριστούμε!</p> + </td> +</tr>
\ No newline at end of file diff --git a/public/processed-views/email/content/Order.html b/public/processed-views/email/content/Order.html new file mode 100644 index 0000000..bf6568a --- /dev/null +++ b/public/processed-views/email/content/Order.html @@ -0,0 +1,275 @@ +<tr> + <td valign="top" class="mcnTextBlockInner"> + <h1>Λάβαμε την παραγγελία σας.</h1> + <p>Σας ευχαριστούμε!</p> + </td> +</tr> +<tr> + <td valign="top" style="padding: 8px 0;border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB;"> + <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;"> + <tbody class="mcnTextBlockOuter"> + <tr> + <td valign="top" style="text-align:left;width:40%;"> + <p>Ημ. Παράδοσης</p> + <p><strong>15/3/2022</strong></p> + </td> + <td valign="top" style="text-align: left; width: 30%;"> + <p>Κωδικός παραγγελίας</p> + <p><strong>F0686A8F3356</strong></p> + </td> + <td valign="top" style="text-align: right; width: 30%;"> + <p>Σύνολο Παραγγελίας</p> + <p><strong>25,30 €</strong></p> + </td> + </tr> + </tbody> + </table> + </td> +</tr> +<tr> + <td valign="top" style="padding: 40px 0 32px;"> + <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;"> + <tbody class="mcnTextBlockOuter"> + <tr> + <td valign="top" style="text-align:left;width:30%;"> + <p><strong>Στοιχεία Παραλήπτη</strong></p> + </td> + <td valign="top" style="text-align: left;"> + <p>Κατερίνα Παπαδοπούλου | 69780559445</p> + </td> + </tr> + <tr> + <td valign="top" style="text-align:left;width:30%;"> + <p><strong>Διεύθυνση Παράδοσης</strong></p> + </td> + <td valign="top" style="text-align: left;"> + <p>Υψηλάντου 2, Αγία Παρασκευή</p> + </td> + </tr> + <tr> + <td valign="top" style="text-align:left;width:30%;"> + <p><strong>Χρόνος Παράδοσης</strong></p> + </td> + <td valign="top" style="text-align: left;"> + <p>Τρίτη 12 Οκτωβρίου 2021, 11:00-13:00</p> + </td> + </tr> + <tr> + <td valign="top" style="text-align:left;width:30%;"> + <p><strong>Τρόπος Πληρωμής</strong></p> + </td> + <td valign="top" style="text-align: left;"> + <p>Απόδειξη λιανικής | Μετρητά</p> + </td> + </tr> + </tbody> + </table> + </td> +</tr> +<tr> + <td valign="top" style="padding: 8px 0 24px;"> + <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;"> + <tbody class="mcnTextBlockOuter"> + <tr> + <td valign="top" style="text-align:left;"> + <p><strong>Αξία Καλαθιού</strong></p> + </td> + <td valign="top" style="text-align: right;"> + <p><strong>28,16 €</strong></p> + </td> + </tr> + </tbody> + </table> + </td> +</tr> +<tr> + <td align="center" valign="top" style="padding: 20px 0 80px;"> + <table width="100%" cellspacing="0" cellpadding="0" border="0" class="templateContainer"> + + <!-- ORDER TABLE HEAD --> + <thead> + <tr style="border-bottom: 2px solid #333333"> + <td style="padding-bottom:3px;text-align:left;"> + <p>Προϊόντα (2)</p> + </td> + <td style="padding-bottom:3px;text-align: center;"> + <p>Ποσότητα</p> + </td> + <td style="padding-bottom:3px;text-align: right;"> + <p>Αξία</p> + </td> + </tr> + </thead> + + <tbody> + + <!-- PRODUCT ROW --> + <tr style="border-bottom: 1px solid #CBCBCB;"> + <td style="font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #000000;text-align: left;padding:8px 0;vertical-align: middle;" + class="tdMinWidth"> + <table width="100%" cellspacing="0" cellpadding="0" border="0"> + <tbody> + <tr> + <td style="width:62px;"> + <img src="../Content/Media/email/product.jpg" alt="" + style="display: inline-block; vertical-align: middle; width: 62px;"> + </td> + <td style="text-align:left;padding: 0 0 0 30px;"> + <a href="Email__Order.html#" + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; line-height: 16px; padding-bottom: 0px; display: block; text-decoration: none; letter-spacing: -0.02em;">ΚΑΤΣΕΛΗΣ + Ψωμί από Σιτάρι & 6 Δημητριακά 350gr</a> + </td> + </tr> + </tbody> + </table> + </td> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; text-align: center; padding: 8px; vertical-align: middle; letter-spacing: -0.02em; "> + <span + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; line-height: 16px; letter-spacing: -0.02em; "> + 1 τεμ. + </span> + </td> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; text-align: right; padding: 8px 0; vertical-align: middle;"> + <span + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; line-height: 16px; display: inline-block; letter-spacing: -0.02em; ">10,33€</span> + </td> + </tr> + + <!-- PRODUCT ROW WITH DISCOUNT --> + <tr style="border-bottom: 1px solid #CBCBCB;"> + <td style="font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #000000;text-align: left;padding:8px 0;vertical-align: middle;" + class="tdMinWidth"> + <table width="100%" cellspacing="0" cellpadding="0" border="0"> + <tbody> + <tr> + <td style="width:62px;"> + <img src="../Content/Media/email/product.jpg" alt="" + style="display: inline-block; vertical-align: middle; width: 62px;"> + </td> + <td style="text-align:left;padding: 0 0 0 30px;"> + <a href="Email__Order.html#" + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; line-height: 16px; padding-bottom: 0px; display: block; text-decoration: none; letter-spacing: -0.02em;">ΚΑΤΣΕΛΗΣ + Ψωμί από Σιτάρι & 6 Δημητριακά 350gr</a> + </td> + </tr> + </tbody> + </table> + </td> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; text-align: center; padding: 8px; vertical-align: middle; letter-spacing: -0.02em; "> + <span + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; line-height: 16px; letter-spacing: -0.02em; "> + 1 τεμ. + </span> + </td> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; text-align: right; padding: 8px 0; vertical-align: middle;"> + <span + style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; line-height: 16px; display: inline-block; letter-spacing: -0.02em; padding-right: 4px; ">-0,45€</span> + <span + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; line-height: 16px; display: inline-block; letter-spacing: -0.02em; ">10,33€</span> + </td> + </tr> + + <!-- ORDER SUMMARY --> + <tr> + <td colspan="3" style="text-align: left; padding: 32px 0 32px;"> + <table align="left" width="100%" cellspacing="0" cellpadding="0" border="0" + style="text-align: left;"> + <tbody> + <tr> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; padding: 8px 0; line-height: 16px; letter-spacing: -0.02em;"> + <span + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; letter-spacing: -0.02em; "> + Αξία Εταιρικού Κωδικού + </span> + </td> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; padding: 8px 0; line-height: 16px; letter-spacing: -0.02em; "> + <span + style="font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: normal;color: #000000;"> + - + </span> + </td> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; padding: 8px 0; line-height: 16px; letter-spacing: -0.02em; text-align:right; "> + </td> + </tr> + <tr> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; padding: 8px 0; line-height: 16px; letter-spacing: -0.02em;"> + <span + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; letter-spacing: -0.02em; "> + Χρέωση συσκευασίας + </span> + </td> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; padding: 8px 0; line-height: 16px; letter-spacing: -0.02em; "> + <span + style="font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: normal;color: #000000;"> + 1 x Βιοαποικοδομήσιμες σακούλες + </span> + </td> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; padding: 8px 0; line-height: 16px; letter-spacing: -0.02em; text-align:right; "> + <span + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; letter-spacing: -0.02em; "> + 0,08 € + </span> + </td> + </tr> + <tr> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; padding: 8px 0; line-height: 16px; letter-spacing: -0.02em;"> + <span + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; letter-spacing: -0.02em; "> + Χρέωση αποστολής + </span> + </td> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; padding: 8px 0; line-height: 16px; letter-spacing: -0.02em; "> + </td> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; padding: 8px 0; line-height: 16px; letter-spacing: -0.02em; text-align:right; "> + <span + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; letter-spacing: -0.02em; "> + 2,70 € + </span> + </td> + </tr> + <tr> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; padding: 8px 0; line-height: 16px; letter-spacing: -0.02em;"> + <span + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; letter-spacing: -0.02em; "> + Σύνολο Παραγγελίας + </span> + </td> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; padding: 8px 0; line-height: 16px; letter-spacing: -0.02em; "> + </td> + <td + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; padding: 8px 0; line-height: 16px; letter-spacing: -0.02em; text-align:right; "> + <span + style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; letter-spacing: -0.02em; "> + 28,16 € + </span> + </td> + </tr> + </tbody> + </table> + </td> + </tr> + </tbody> + </table> + </td> +</tr> + +<tr> + <td valign="top" style="text-align:left" class="mcnTextBlockInner"> + <p><a href="../index.html">Προσθήκη στο Ημερολόγιο</a></p> + </td> +</tr>
\ No newline at end of file diff --git a/public/processed-views/email/content/Order_Notification.html b/public/processed-views/email/content/Order_Notification.html new file mode 100644 index 0000000..ac5b76c --- /dev/null +++ b/public/processed-views/email/content/Order_Notification.html @@ -0,0 +1,35 @@ +<tr> + <td valign="top" class="mcnTextBlockInner"> + <h1>Aγαπητέ μας πελάτη,</h1> + </td> +</tr> +<tr> + <td id="templateBodyMsg" valign="top" style="text-align:left" class="mcnTextBlockInner"> + <p>Σας ενημερώνουμε οτι η αξία της Παραγγελίας σας με κωδικό 658794512Ε είναι 3,41€.</p> + <p>Απο την αρχική σας Παραγγελία προκύπτει διαφορά 1,33€, ποσό που θα πιστωθεί στον λογαριασμό Τραπέζης/κάρτας, + μέσω του οποίου πραγματοποιήσατε την πληρωμή. Η εντολή επιστροφής θα δοθεί στην Τράπεζα εντος των επόμενων + δύο (2) εργάσιμων ημερών.</p> + <p>Είμαστε στην διάθεσή σας για οποιαδήποτε διευκρύνιση ή πληροφορία θα χρειαστείτε.</p> + <p> </p> + <p>Σας ευχαριστούμε!</p> + </td> +</tr> + +<tr> + <td style="padding-top:20px;"></td> +</tr> +<tr> + <td bgcolor="#CBCBCB" style="border:none; border-bottom: 1px solid #cccccc;"></td> +</tr> +<tr> + <td style="padding-bottom:20px;"></td> +</tr> + +<tr> + <td valign="top" style="text-align:left" class="mcnTextBlockInner"> + <p><b>Κέντρο εξυπηρέτησης eMarket:</b></p> + <p><a href="tel:+800 800 7777" style="line-height:15px;">800 800 7777</a> (μόνο από σταθερό, χωρίς χρέωση)</p> + <p><a href="tel:+210 540 2200" style="line-height:15px;">210 540 2200</a> (αστική χρέωση)</p> + <p><a href="mailto:emarket@sklavenitis.gr">emarket@sklavenitis.gr</a></p> + </td> +</tr>
\ No newline at end of file diff --git a/public/processed-views/email/content/Registration.html b/public/processed-views/email/content/Registration.html new file mode 100644 index 0000000..911d19b --- /dev/null +++ b/public/processed-views/email/content/Registration.html @@ -0,0 +1,10 @@ +<tr> + <td valign="top" class="mcnTextBlockInner"> + <img src="../Content/Media/email/check.png" width="62" style="margin-bottom:15px;"> + <h1>Η εγγραφή σας ολοκληρώθηκε!</h1> + <p>Για να επισκεφτείτε το eMarket κάντε κλικ <a href="../index.html">εδώ.</a></p> + <p>Για να μεταβείτε στον λογαριασμό σας κάντε κλικ <a href="../index.html">εδώ.</a></p> + <p> </p> + <p>Σας ευχαριστούμε!</p> + </td> +</tr>
\ No newline at end of file diff --git a/public/processed-views/email/partials/Footer.html b/public/processed-views/email/partials/Footer.html new file mode 100644 index 0000000..aae3450 --- /dev/null +++ b/public/processed-views/email/partials/Footer.html @@ -0,0 +1,86 @@ +<tr> + <td align="center" valign="top" id="templateFooter" data-template-container=""> + <!--[if (gte mso 9)|(IE)]> + <table align="center" border="0" cellspacing="0" cellpadding="0" width="700" style="width:700px;"> + <tr> + <td align="center" valign="top" width="700" style="width:700px;"> + <![endif]--> + <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="footerContainer"> + + <tbody><tr> + <td valign="top" class="bodyContainer"> + <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock" style="min-width:100%;"> + <tbody class="mcnImageBlockOuter"> + <tr> + <td valign="top"> + <table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;"> + <tbody> + <tr> + <td class="mcnImageContent" valign="top" style="padding-bottom: 14px; text-align:left;"> + <a href="../index.html"><img align="center" alt="" src="../Content/media/logoWhite.svg" width="177" style="max-width:177px; padding-bottom: 0px; vertical-align: bottom; display: inline !important; border: 1px none; border-radius: 0%;" class="mcnImage"></a> + </td> + </tr> + </tbody> + </table> + </td> + </tr> + </tbody> + </table> + </td> + </tr> + + <tr> + <td valign="top" class="bodyContainer"> + <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;"> + <tbody class="mcnTextBlockOuter"> + <tr> + <td valign="top" class="mcnTextBlockInner"> + <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> + <tbody> + <tr> + <td valign="bottom" style="width:auto;text-align:left"> + <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> + <tbody> + <tr> + <td align="left" valign="middle" width="100%" style="line-height:1;font-size:0;padding-bottom:4px;"> + <a href="tel:+800 800 7777" style="line-height:15px;">800 800 7777</a> + <span style="padding-left:8px;color:#A6A6A6;font-size: 12px; line-height: 15px; letter-spacing: -0.02em;">Μόνο από σταθερό, χωρίς χρέωση</span> + </td> + </tr> + <tr> + <td align="left" valign="middle" width="100%" style="line-height:1;font-size:0;"> + <a href="tel:+214 100 9999" style="line-height:15px;">214 100 9999</a> + <span style="padding-left: 8px; color: #A6A6A6; font-size: 12px; line-height: 15px; letter-spacing: -0.02em;">Αστική χρέωση</span> + </td> + </tr> + </tbody> + </table> + </td> + <td valign="bottom" style="width:auto;text-align:right;"> + <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> + <tbody> + <tr> + <td align="right" valign="middle" style="line-height:1;font-size:0;"> + <a href="mailto:info@sklavenitis.gr">info@sklavenitis.gr</a> + </td> + </tr> + </tbody> + </table> + </td> + </tr> + </tbody> + </table> + </td> + </tr> + </tbody> + </table> + </td> + </tr> + </tbody></table> + <!--[if (gte mso 9)|(IE)]> + </td> + </tr> + </table> + <![endif]--> + </td> +</tr>
\ No newline at end of file diff --git a/public/processed-views/email/partials/Header.html b/public/processed-views/email/partials/Header.html new file mode 100644 index 0000000..4bb9e7b --- /dev/null +++ b/public/processed-views/email/partials/Header.html @@ -0,0 +1,40 @@ +<tr> + <td align="center" valign="top" id="templateHeader" class="default" data-template-container=""> + <!--[if (gte mso 9)|(IE)]> + <table align="center" border="0" cellspacing="0" cellpadding="0" width="700" style="width:700px;"> + <tr> + <td align="center" valign="top" width="700" style="width:700px;"> + <![endif]--> + <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> + <tbody><tr> + <td valign="top" class="headerContainer"> + <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock" style="min-width:100%;"> + <tbody class="mcnImageBlockOuter"> + <tr> + <td valign="top" style="padding:19px 0 16px;" class="mcnImageBlockInner"> + <table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;"> + <tbody> + <tr> + <td class="mcnImageContent" valign="top" style="padding-right: 9px; padding-left: 9px; padding-top: 0; padding-bottom: 0; text-align:center;"> + <a href="../index.html"><img align="center" alt="" src="../Content/media/logo.svg" width="263" style="max-width: 263px; padding-bottom: 0px; vertical-align: bottom; display: inline !important; border: 1px none; border-radius: 0%;" class="mcnImage"></a> + </td> + </tr> + </tbody> + </table> + </td> + </tr> + <tr> + <td align="center" bgcolor="#000000" background="../Content/media/wood.png" width="700" height="7" valign="top" style="background: url('../Content/media/wood.png') repeat / scroll center #000000;"> + </td></tr> + </tbody> + </table> + </td> + </tr> + </tbody></table> + <!--[if (gte mso 9)|(IE)]> + </td> + </tr> + </table> + <![endif]--> + </td> +</tr>
\ No newline at end of file diff --git a/public/processed-views/error/404.php b/public/processed-views/error/404.php new file mode 100644 index 0000000..a7ea624 --- /dev/null +++ b/public/processed-views/error/404.php @@ -0,0 +1,38 @@ +<html> + <head> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>404: Not Found</title> + <style> + html,body{ padding:0; margin:0; + font-size:1.25em; color: #037 /*#a05*/; font-family: 'Roboto Slab', Consolas, Monaco, "Ubuntu Mono", fixed; + line-height:1.2em; background: ##f3f4f5; + } + h3 { font-size: 5.2em; font-style: normal; color: #05a /*#a05*/; + margin: 0; padding: 0; + opacity: 0.27; + } + .container { display: flex; height: 100vh; align-items:center; } + .content { position: relative; + max-width:520px; width: 100%; margin: auto auto; padding: 1.5em; + /* text-align: center; justify-center: center; */ + font-size: .75em; opacity: .33; font-style: italic; + } + @media screen and ( max-width: 720px) { + html, body { font-size: 1.24em; } + h3 { font-size: 4em; } + } + </style> + </head> + <body> + <div class='container'> + <div class='content'> + <h3>4O4</h3> + NOT FOUND<br /> + — + <br /> + <span><?= $message ?? "and I still haven't found what I'm looking for." ?></span> + </div> + </div> + </body> +</html> diff --git a/public/processed-views/error/general.php b/public/processed-views/error/general.php new file mode 100644 index 0000000..1c3c6ae --- /dev/null +++ b/public/processed-views/error/general.php @@ -0,0 +1,38 @@ +<html> + <head> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>404: Not Found</title> + <style> + html,body{ padding:0; margin:0; + font-size:1.25em; color: #037 /*#a05*/; font-family: 'Roboto Slab', Consolas, Monaco, "Ubuntu Mono", fixed; + line-height:1.2em; background: ##f3f4f5; + } + h3 { font-size: 5.2em; font-style: normal; color: #05a /*#a05*/; + margin: 0; padding: 0; + opacity: 0.27; + } + .container { display: flex; height: 100vh; align-items:center; } + .content { position: relative; + max-width:720px; width: 100%; margin: auto auto; padding: 1.5em; + /* text-align: center; justify-center: center; */ + font-size: .75em; opacity: .33; font-style: italic; + } + @media screen and ( max-width: 720px) { + html, body { font-size: 1.24em; } + h3 { font-size: 4em; } + } + </style> + </head> + <body> + <div class='container'> + <div class='content'> + <h3>Error</h3> + Oops!<br /> + — + <br /> + <span><?= $message ?? "" ?></span> + </div> + </div> + </body> +</html> diff --git a/public/processed-views/modals/Login.html b/public/processed-views/modals/Login.html new file mode 100644 index 0000000..b1d8b3c --- /dev/null +++ b/public/processed-views/modals/Login.html @@ -0,0 +1,94 @@ +<div class="modal modal--l modal--noSpaces open" data-plugin-modal=""> + <div class="modal__bg modal__close"></div> + <div class="modal__wrap"> + <button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button> + <div class="modal__content"> + <div class="loginWrap"> + <div class="loginWrap__img"> + + <figure> + <picture> + <source data-srcset="/images/580x793/png/Files/login.webp" type="image/webp" + class="lazysrcset"> + <source data-srcset="/images/580x793/png/Files/login.jp2" type="image/jp2" + class="lazysrcset"> + + + <img data-src="/images/580x793/png/Files/login.png" alt="Alt text" class="lazy"> + </picture> + </figure> + </div> + <div class="loginWrap__form"> + <h2 class="modal__title">Είσοδος</h2> + <form class="form form--full" data-qa="login_form"> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="email">Email*</label> + <input class="field__input" id="email" type="email"> + </div> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="password">Κωδικός*</label> + <input class="field__input field__input--password" id="password" + type="password"> + <button class="iconButton togglePassword" data-plugin-password=""></button> + + + </div> + </div> + <div class="field__more field__more--center"> + <a href="Login.html#" class="link">Ξεχάσατε τον κωδικό σας;</a> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="field__wrap checkboxes"> + + + <div class="checkbox "> + <label class="checkbox__label" for="loginCheck"> + <input class="checkbox__input" type="checkbox" id="loginCheck" + name="loginCheck"> + <span class="checkbox__icon icon"></span> + Αποθήκευση των στοιχείων μου + + </label> + + </div> + </div> + </div> + </div> + </div> + <div class="field field--submit"> + <button data-qa="form_submit" class="button button--full" type="submit">Είσοδος</button> + </div> + </form> + <div class="registerPromo"> + <p class="text text--s">Εάν εγγραφείτε θα έχετε τη δυνατότητα να:</p> + <ul class="listS"> + <li>Αποθήκευσετε περισσότερες διευθύνσεις παράδοσης</li> + <li>Παρακολούθησετε τις Παραγγελίες σας</li> + <li>Τήρησητε το Ιστορικό Παραγγελιών</li> + <li>Δημιουργήσετε προσωπικές Λίστες</li> + </ul> + <a href="Login.html#" class="button button--border button--full">Εγγραφή</a> + </div> + </div> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/modals/My_Lists_Add.html b/public/processed-views/modals/My_Lists_Add.html new file mode 100644 index 0000000..02205b9 --- /dev/null +++ b/public/processed-views/modals/My_Lists_Add.html @@ -0,0 +1,680 @@ +<div class="modal modal--l open" data-plugin-modal=""> + <div class="modal__bg modal__close"></div> + <div class="modal__wrap"> + <button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button> + <h2 class="modal__title">Δημιουργία νέας Λίστας</h2> + <p>Επιλέξτε όνομα και εικονίδιο για την Λίστα σας!</p> + <div class="formWrap formWrap--center"> + <form class="form form--s" data-qa="addList"> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + + + <div class="field__wrap "> + <label class="field__label" for="listname">Όνομα Λίστας</label> + <input class="field__input" id="listname" type="text"> + + + </div> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + + <fieldset> + <legend class="field__label">Εικονίδιο Λίστας</legend> + <div class="radiobuttons radiobuttons--icons radiobuttons--scrollV"> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_0"> + <input class="radiobutton__input" type="radio" id="icon_0" name="icon" + value="Item_0"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_1"> + <input class="radiobutton__input" type="radio" id="icon_1" name="icon" + value="Item_1"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_2"> + <input class="radiobutton__input" type="radio" id="icon_2" name="icon" + value="Item_2"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_3"> + <input class="radiobutton__input" type="radio" id="icon_3" name="icon" + value="Item_3"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_4"> + <input class="radiobutton__input" type="radio" id="icon_4" name="icon" + value="Item_4"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_5"> + <input class="radiobutton__input" type="radio" id="icon_5" name="icon" + value="Item_5"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_6"> + <input class="radiobutton__input" type="radio" id="icon_6" name="icon" + value="Item_6"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_7"> + <input class="radiobutton__input" type="radio" id="icon_7" name="icon" + value="Item_7"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_8"> + <input class="radiobutton__input" type="radio" id="icon_8" name="icon" + value="Item_8"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_9"> + <input class="radiobutton__input" type="radio" id="icon_9" name="icon" + value="Item_9"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_10"> + <input class="radiobutton__input" type="radio" id="icon_10" name="icon" + value="Item_10"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_11"> + <input class="radiobutton__input" type="radio" id="icon_11" name="icon" + value="Item_11"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_12"> + <input class="radiobutton__input" type="radio" id="icon_12" name="icon" + value="Item_12"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_13"> + <input class="radiobutton__input" type="radio" id="icon_13" name="icon" + value="Item_13"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_14"> + <input class="radiobutton__input" type="radio" id="icon_14" name="icon" + value="Item_14"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_15"> + <input class="radiobutton__input" type="radio" id="icon_15" name="icon" + value="Item_15"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_16"> + <input class="radiobutton__input" type="radio" id="icon_16" name="icon" + value="Item_16"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_17"> + <input class="radiobutton__input" type="radio" id="icon_17" name="icon" + value="Item_17"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_18"> + <input class="radiobutton__input" type="radio" id="icon_18" name="icon" + value="Item_18"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_19"> + <input class="radiobutton__input" type="radio" id="icon_19" name="icon" + value="Item_19"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_20"> + <input class="radiobutton__input" type="radio" id="icon_20" name="icon" + value="Item_20"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_21"> + <input class="radiobutton__input" type="radio" id="icon_21" name="icon" + value="Item_21"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_22"> + <input class="radiobutton__input" type="radio" id="icon_22" name="icon" + value="Item_22"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_23"> + <input class="radiobutton__input" type="radio" id="icon_23" name="icon" + value="Item_23"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_24"> + <input class="radiobutton__input" type="radio" id="icon_24" name="icon" + value="Item_24"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_25"> + <input class="radiobutton__input" type="radio" id="icon_25" name="icon" + value="Item_25"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_26"> + <input class="radiobutton__input" type="radio" id="icon_26" name="icon" + value="Item_26"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_27"> + <input class="radiobutton__input" type="radio" id="icon_27" name="icon" + value="Item_27"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_28"> + <input class="radiobutton__input" type="radio" id="icon_28" name="icon" + value="Item_28"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_29"> + <input class="radiobutton__input" type="radio" id="icon_29" name="icon" + value="Item_29"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_30"> + <input class="radiobutton__input" type="radio" id="icon_30" name="icon" + value="Item_30"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_31"> + <input class="radiobutton__input" type="radio" id="icon_31" name="icon" + value="Item_31"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_32"> + <input class="radiobutton__input" type="radio" id="icon_32" name="icon" + value="Item_32"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_33"> + <input class="radiobutton__input" type="radio" id="icon_33" name="icon" + value="Item_33"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_34"> + <input class="radiobutton__input" type="radio" id="icon_34" name="icon" + value="Item_34"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_35"> + <input class="radiobutton__input" type="radio" id="icon_35" name="icon" + value="Item_35"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_36"> + <input class="radiobutton__input" type="radio" id="icon_36" name="icon" + value="Item_36"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_37"> + <input class="radiobutton__input" type="radio" id="icon_37" name="icon" + value="Item_37"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_38"> + <input class="radiobutton__input" type="radio" id="icon_38" name="icon" + value="Item_38"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_39"> + <input class="radiobutton__input" type="radio" id="icon_39" name="icon" + value="Item_39"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_40"> + <input class="radiobutton__input" type="radio" id="icon_40" name="icon" + value="Item_40"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_41"> + <input class="radiobutton__input" type="radio" id="icon_41" name="icon" + value="Item_41"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_42"> + <input class="radiobutton__input" type="radio" id="icon_42" name="icon" + value="Item_42"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_43"> + <input class="radiobutton__input" type="radio" id="icon_43" name="icon" + value="Item_43"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_44"> + <input class="radiobutton__input" type="radio" id="icon_44" name="icon" + value="Item_44"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_45"> + <input class="radiobutton__input" type="radio" id="icon_45" name="icon" + value="Item_45"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_46"> + <input class="radiobutton__input" type="radio" id="icon_46" name="icon" + value="Item_46"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_47"> + <input class="radiobutton__input" type="radio" id="icon_47" name="icon" + value="Item_47"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_48"> + <input class="radiobutton__input" type="radio" id="icon_48" name="icon" + value="Item_48"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_49"> + <input class="radiobutton__input" type="radio" id="icon_49" name="icon" + value="Item_49"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_50"> + <input class="radiobutton__input" type="radio" id="icon_50" name="icon" + value="Item_50"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_51"> + <input class="radiobutton__input" type="radio" id="icon_51" name="icon" + value="Item_51"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_52"> + <input class="radiobutton__input" type="radio" id="icon_52" name="icon" + value="Item_52"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_53"> + <input class="radiobutton__input" type="radio" id="icon_53" name="icon" + value="Item_53"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_54"> + <input class="radiobutton__input" type="radio" id="icon_54" name="icon" + value="Item_54"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon"> + <label class="radiobutton__label" for="icon_55"> + <input class="radiobutton__input" type="radio" id="icon_55" name="icon" + value="Item_55"> + <span class="radiobutton__icon"> + <span class="icon icon-fav"></span> + </span> + </label> + </div> + <div class="radiobutton radiobutton--onlyIcon disabled"> + <label class="radiobutton__label" for="icon_56"> + <input class="radiobutton__input" type="radio" id="icon_56" name="icon" + value="Item_56" disabled=""> + <span class="radiobutton__icon"> + + <figure> + <picture> + <source + data-srcset="/images/32x32/png/Content/media/sampleColor.webp" + type="image/webp" class="lazysrcset"> + <source + data-srcset="/images/32x32/png/Content/media/sampleColor.jp2" + type="image/jp2" class="lazysrcset"> + + + <img data-src="/images/32x32/png/Content/media/sampleColor.png" + alt="Alt text" class="lazy"> + </picture> + </figure> + </span> + </label> + </div> + </div> + </fieldset> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + <fieldset> + <legend class="field__label">Φόντο Λίστας</legend> + <div class="radiobuttons radiobuttons--colors"> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_0"> + <input class="radiobutton__input" type="radio" id="color_0" name="color" + value="Item_0"> + <span class="radiobutton__icon" style="background-color:#895988"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_1"> + <input class="radiobutton__input" type="radio" id="color_1" name="color" + value="Item_1"> + <span class="radiobutton__icon" style="background-color:#979476"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_2"> + <input class="radiobutton__input" type="radio" id="color_2" name="color" + value="Item_2"> + <span class="radiobutton__icon" style="background-color:#269129"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_3"> + <input class="radiobutton__input" type="radio" id="color_3" name="color" + value="Item_3"> + <span class="radiobutton__icon" style="background-color:#550870"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_4"> + <input class="radiobutton__input" type="radio" id="color_4" name="color" + value="Item_4"> + <span class="radiobutton__icon" style="background-color:#216667"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_5"> + <input class="radiobutton__input" type="radio" id="color_5" name="color" + value="Item_5"> + <span class="radiobutton__icon" style="background-color:#163841"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_6"> + <input class="radiobutton__input" type="radio" id="color_6" name="color" + value="Item_6"> + <span class="radiobutton__icon" style="background-color:#249438"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_7"> + <input class="radiobutton__input" type="radio" id="color_7" name="color" + value="Item_7"> + <span class="radiobutton__icon" style="background-color:#122902"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_8"> + <input class="radiobutton__input" type="radio" id="color_8" name="color" + value="Item_8"> + <span class="radiobutton__icon" style="background-color:#662688"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor"> + <label class="radiobutton__label" for="color_9"> + <input class="radiobutton__input" type="radio" id="color_9" name="color" + value="Item_9"> + <span class="radiobutton__icon" style="background-color:#108901"></span> + </label> + </div> + <div class="radiobutton radiobutton--onlyColor disabled"> + <label class="radiobutton__label" for="color_10"> + <input class="radiobutton__input" type="radio" id="color_10" name="color" + value="Item_10" disabled=""> + <span class="radiobutton__icon"> + + <figure> + <picture> + <source + data-srcset="/images/32x32/png/Content/media/sampleColor.webp" + type="image/webp" class="lazysrcset"> + <source + data-srcset="/images/32x32/png/Content/media/sampleColor.jp2" + type="image/jp2" class="lazysrcset"> + + + <img data-src="/images/32x32/png/Content/media/sampleColor.png" + alt="Alt text" class="lazy"> + </picture> + </figure> + </span> + </label> + </div> + </div> + </fieldset> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full field--submit"> + <button data-qa="form_submit" class="button" type="submit">Δημιουργία</button> + </div> + </div> + </form> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/modals/My_Lists_Delete.html b/public/processed-views/modals/My_Lists_Delete.html new file mode 100644 index 0000000..79cecf1 --- /dev/null +++ b/public/processed-views/modals/My_Lists_Delete.html @@ -0,0 +1,12 @@ +<div class="modal modal--s open" data-plugin-modal=""> + <div class="modal__bg modal__close"></div> + <div class="modal__wrap"> + <button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button> + <h2 class="modal__title">Διαγραφή Λίστας</h2> + <p>Eίστε σίγουροι ότι θέλετε να διαγράψετε την Λίστα “Χριστούγεννα”; H Λίστα περιέχει 23 προϊόντα.</p> + <div class="btnWrap btnWrap--hCenter"> + <button class="button button--border">Ακύρωση</button> + <button class="button">Διαγραφή</button> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/modals/Register.html b/public/processed-views/modals/Register.html new file mode 100644 index 0000000..fbbebdc --- /dev/null +++ b/public/processed-views/modals/Register.html @@ -0,0 +1,340 @@ +<div class="modal modal--full open" data-plugin-modal=""> + <div class="modal__bg modal__close"></div> + <div class="modal__wrap"> + <button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button> + <div class="modal__content"> + + <div class="registrationForm"> + <h2 class="modal__title">Εγγραφή νέου χρήστη</h2> + <div class="formWrap formWrap--center"> + <form class="form" data-qa="form_register"> + <h3 class="form__title">Είδος Λογαριασμού</h3> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + <div class="radiobuttons radiobuttons--toggle"> + + + <div class="radiobutton "> + <label class="radiobutton__label" for="personal"> + <input class="radiobutton__input" type="radio" id="personal" + name="accounttype"> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Προσωπικός</span> + </label> + </div> + + + <div class="radiobutton "> + <label class="radiobutton__label" for="company"> + <input class="radiobutton__input" type="radio" id="company" + name="accounttype"> + <span class="radiobutton__icon icon"></span> + <span class="radiobutton__text">Εταιρικός</span> + </label> + </div> + </div> + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="afm">Εταιρικός ΑΦΜ *</label> + <input class="field__input" id="afm" type="number"> + </div> + + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + + <div class="field__wrap "> + <label class="field__label" for="eponymia">Επωνυμία</label> + <input class="field__input" id="eponymia" type="text" readonly=""> + + + </div> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + + <div class="field__wrap "> + <label class="field__label" for="job">Επάγγελμα</label> + <input class="field__input" id="job" type="text" readonly=""> + + </div> + + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + + + + <div class="field__wrap "> + <label class="field__label" for="doy">ΔΟΥ</label> + <input class="field__input" id="doy" type="text" readonly=""> + + + </div> + + </div> + </div> + </div> + + <div class="form__row"> + <div class="field field--small"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="region">Προσφώνηση *</label> + <div class="select" data-plugin-select=""> + <div class="select__main"> + <button class="select__button"> + <span class="select__placeholder"> + Επίλεξε + </span> + </button> + <div class="select__listWrap"> + <ul class="select__list"> + <li class="select__option" data-value="option1">Option 1</li> + <li class="select__option" data-value="option2">Option 2</li> + <li class="select__option" data-value="option3">Option 3</li> + <li class="select__option" data-value="option4">Option 4</li> + <li class="select__option" data-value="option5">Option 5</li> + <li class="select__option" data-value="option6">Option 6</li> + <li class="select__option" data-value="option7">Option 7</li> + <li class="select__option" data-value="option8">Option 8</li> + </ul> + </div> + </div> + <input type="hidden" class="select__input"> + </div> + + + </div> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + + + + <div class="field__wrap "> + <label class="field__label" for="name">'Ονομα*</label> + <input class="field__input" id="name" type="text"> + + + </div> + + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + + + + <div class="field__wrap "> + <label class="field__label" for="surname">Επώνυμο *</label> + <input class="field__input" id="surname" type="text"> + + + </div> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="tel">Kινητό *</label> + <input class="field__input" id="tel" type="tel"> + </div> + + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="telland">Σταθερό Τηλέφωνο</label> + <input class="field__input" id="telland" type="tel"> + </div> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="email">Email *</label> + <input class="field__input" id="email" type="email"> + </div> + + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="password">Κωδικός πρόσβασης *</label> + <input class="field__input field__input--password" id="password" + type="password"> + <button class="iconButton togglePassword" data-plugin-password=""></button> + + + </div> + </div> + <div class="field__more field__more--spaceS"> + <div class="passwordValidation"> + <p>Ο κωδικός πρόσβασης πρέπει να περιέχει 6 έως 25 χαρακτήρες, χωρίς κενά, οι + οποίοι μπορεί να είναι λατινικά γράμματα, αριθμοί ή και τα σύμβολα !@#$+_- + </p> + </div> + + </div> + </div> + </div> + <h3 class="form__title">Διεύθυνση</h3> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + <div class="field__wrap "> + <label class="field__label" for="address2">Οδός & αριθμός</label> + <input class="field__input" id="address2" type="text" readonly=""> + + + </div> + + </div> + </div> + <div class="field field--small"> + <div class="field__inner"> + + <div class="field__wrap "> + <label class="field__label" for="floor2">Όροφος</label> + <input class="field__input" id="floor2" type="text"> + + + </div> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + <div class="field__wrap "> + <label class="field__label" for="city2">Περιοχή *</label> + <input class="field__input" id="city2" type="text" value="Αγία Παρασκευή" + readonly=""> + + + </div> + + </div> + </div> + <div class="field field--small"> + <div class="field__inner"> + + + + <div class="field__wrap "> + <label class="field__label" for="zipcode2">Ταχ. κώδικας</label> + <input class="field__input" id="zipcode2" type="text" value="15443" readonly=""> + + + </div> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + + + <div class="field__wrap "> + <label class="field__label" for="region2">Νομός/Περιφέρεια</label> + <input class="field__input" id="region2" type="text" value="Αττικής" + readonly=""> + + + </div> + + </div> + </div> + </div> + <div class="form__row"> + <div class="field field--full field--comments"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="comments">Οδηγίες παράδοσης</label> + <div class="textarea"> + <textarea class="textarea__field" id="comments" + placeholder="Γράψτε το σχόλιό σας πχ. οδηγίες για την παράδοση, διευκρίνιση για προϊόν κ.λπ."></textarea> + </div> + + + </div> + + </div> + </div> + </div> + + <div class="formTip formTip--border"> + <p>Τα πεδία με (*) είναι υποχρεωτικά</p> + </div> + <div class="field field field--centered"> + <div class="field__inner"> + + + <div class="checkbox "> + <label class="checkbox__label" for="terms"> + <input class="checkbox__input" type="checkbox" id="terms" name="terms"> + <span class="checkbox__icon icon"></span> + Έχω διαβάσει και αποδέχομαι τους όρους χρήσης και την πολιτική απορρήτου.* + + </label> + + </div> + </div> + </div> + <div class="field field--submit"> + <div class="btnWrap btnWrap--hCenter"> + <button data-qa="form_back" class="button button--border">Προηγούμενο</button> + <button data-qa="form_submit" class="button widthAuto" type="submit">Εγγραφή</button> + </div> + </div> + </form> + </div> + </div> + + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/modals/Reset_Password.html b/public/processed-views/modals/Reset_Password.html new file mode 100644 index 0000000..068741d --- /dev/null +++ b/public/processed-views/modals/Reset_Password.html @@ -0,0 +1,29 @@ +<div class="modal modal--l open" data-plugin-modal=""> + <div class="modal__bg modal__close"></div> + <div class="modal__wrap"> + <button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button> + <div class="modal__titleWrap"> + <h2 class="modal__title">Αίτημα αλλαγής κωδικού</h2> + </div> + <div class="formWrap formWrap--center"> + <form class="form form--s" data-qa="form_reset_password"> + <div class="form__row"> + <div class="field field--full"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="email">Email*</label> + <input class="field__input" id="email" type="email"> + </div> + + </div> + </div> + </div> + <div class="field field--submit"> + <button data-qa="form_submit" class="button widthAuto" type="submit">Επιβεβαίωση</button> + </div> + </form> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/modals/Reset_Password2.html b/public/processed-views/modals/Reset_Password2.html new file mode 100644 index 0000000..ab3742a --- /dev/null +++ b/public/processed-views/modals/Reset_Password2.html @@ -0,0 +1,15 @@ +<div class="modal modal--l open" data-plugin-modal=""> + <div class="modal__bg modal__close"></div> + <div class="modal__wrap"> + <button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button> + <div class="modal__titleWrap"> + <h2 class="modal__title">Αίτημα αλλαγής κωδικού</h2> + </div> + <div class="formWrap formWrap--center"> + <div class="statusBox statusBox--success"> + <div class="statusBox__icon icon-mailCircle"></div> + <p>Σας έχουμε αποστείλει email.</p> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/modals/Set_New_Password.html b/public/processed-views/modals/Set_New_Password.html new file mode 100644 index 0000000..5d00c7d --- /dev/null +++ b/public/processed-views/modals/Set_New_Password.html @@ -0,0 +1,51 @@ +<div class="modal modal--l open" data-plugin-modal=""> + <div class="modal__bg modal__close"></div> + <div class="modal__wrap"> + <button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button> + <div class="modal__titleWrap"> + <h2 class="modal__title">Δημιουργία νέου κωδικού πρόσβασης</h2> + </div> + <div class="formWrap formWrap--center"> + <form class="form" data-qa="form_reset_password"> + <div class="form__row"> + <div class="field field--half"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="password">Νέος κωδικός</label> + <input class="field__input field__input--password" id="password" type="password"> + <button class="iconButton togglePassword" data-plugin-password=""></button> + + + </div> + </div> + <div class="field__more field__more--spaceS"> + <div class="passwordValidation"> + <p>Ο κωδικός πρόσβασης πρέπει να περιέχει 6 έως 25 χαρακτήρες, χωρίς κενά, οι οποίοι + μπορεί να είναι λατινικά γράμματα, αριθμοί ή και τα σύμβολα !@#$+_-</p> + </div> + + </div> + </div> + <div class="field field--half"> + <div class="field__inner"> + + + <div class="field__wrap "> + <label class="field__label" for="password2">Επιβεβαίωση νέου κωδικού</label> + <input class="field__input field__input--password" id="password2" type="password"> + <button class="iconButton togglePassword" data-plugin-password=""></button> + + + </div> + </div> + </div> + </div> + <div class="field field--submit"> + <button data-qa="form_submit" class="button widthAuto" type="submit">Αποθήκευση</button> + </div> + </form> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/modals/Set_New_Password2.html b/public/processed-views/modals/Set_New_Password2.html new file mode 100644 index 0000000..d88281a --- /dev/null +++ b/public/processed-views/modals/Set_New_Password2.html @@ -0,0 +1,18 @@ +<div class="modal modal--l open" data-plugin-modal=""> + <div class="modal__bg modal__close"></div> + <div class="modal__wrap"> + <button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button> + <div class="modal__titleWrap"> + <h2 class="modal__title">Αίτημα αλλαγής κωδικού</h2> + </div> + <div class="formWrap formWrap--center"> + <div class="statusBox statusBox--success"> + <div class="statusBox__icon icon-tickOutline"></div> + <p> + Ο νέος σας κωδικός αποθηκεύτηκε.<br> + Σας ευχαριστούμε + </p> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/modals/User_Account_Delete_Card.html b/public/processed-views/modals/User_Account_Delete_Card.html new file mode 100644 index 0000000..86d4ccc --- /dev/null +++ b/public/processed-views/modals/User_Account_Delete_Card.html @@ -0,0 +1,11 @@ +<div class="modal modal--l open" data-plugin-modal=""> + <div class="modal__bg modal__close"></div> + <div class="modal__wrap"> + <button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button> + <h2 class="modal__title">Επιθυμείτε να διαγράψετε αυτήν την κάρτα από τον λογαριασμό σας;</h2> + <div class="btnWrap btnWrap--hCenter"> + <button class="button button--border">Ναι</button> + <button class="button">Όχι</button> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/modals/User_Account_Order_History_DeleteOrder.html b/public/processed-views/modals/User_Account_Order_History_DeleteOrder.html new file mode 100644 index 0000000..24c94ac --- /dev/null +++ b/public/processed-views/modals/User_Account_Order_History_DeleteOrder.html @@ -0,0 +1,12 @@ +<div class="modal modal--l open" data-plugin-modal=""> + <div class="modal__bg modal__close"></div> + <div class="modal__wrap"> + <button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button> + <h2 class="modal__title">Eπιθυμείτε να διαγράψετε την Παραγγελία σας από το ιστορικό σας;</h2> + <p>Δεν θα μπορέσετε να αναιρέσετε αυτή την ενέργεια.</p> + <div class="btnWrap btnWrap--hCenter"> + <button class="button button--border">Ακύρωση</button> + <button class="button">Επιβεβαίωση</button> + </div> + </div> +</div>
\ No newline at end of file diff --git a/public/processed-views/partials/Loader.html b/public/processed-views/partials/Loader.html new file mode 100644 index 0000000..81ea0ce --- /dev/null +++ b/public/processed-views/partials/Loader.html @@ -0,0 +1,11 @@ +<div class="result result--fullheight"> + <div class="result__content"> + <div class="loader loader--circle"> + <span class="loader__inner"> + <span class="loader__circle"></span> + </span> + </div> + + <p class="result__title">Παρακαλούμε περιμένετε...</p> + </div> + </div>
\ No newline at end of file diff --git a/public/processed-views/partials/ProductTile__body b/public/processed-views/partials/ProductTile__body new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/public/processed-views/partials/ProductTile__body diff --git a/public/processed-views/partials/ProductTile__button b/public/processed-views/partials/ProductTile__button new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/public/processed-views/partials/ProductTile__button diff --git a/public/processed-views/partials/footer.php b/public/processed-views/partials/footer.php new file mode 100644 index 0000000..69ecebc --- /dev/null +++ b/public/processed-views/partials/footer.php @@ -0,0 +1,178 @@ +<footer class="footer"> + + <section class="newsletter"> + + <div class="wrapper"> + <div class="newsletter__inner"> + + <form id="newsletterform" class="newsletter__form"> + <label class="newsletter__label" for="NewsletterEmail"> + Ανακάλυψε πρώτος τις προσφορές μας + </label> + <div class="newsletter__main"> + <div class="newsletter__field"> + <div class="newsletter__inputs"> + <input id="NewsletterEmail" class="newsletter__input" type="email" + placeholder="Συμπλήρωσε το email σου" name="NewsletterEmail"> + <input class="newsletter__submit button" type="submit" value="Εγγραφή" + data-qa="newsletterSubmit"> + </div> + <div id="newsletterStatusMessageError" class="statusMessage statusMessage--error">Χρειάζεται + να αποδεχτείτε τους όρους χρήσης</div> + <div id="newsletterStatusMessageSuccess" class="statusMessage statusMessage--success">Έχετε + εγγραφεί επιτυχώς!</div> + </div> + <div class="newsletter__terms"> + <div class="checkbox"> + <label class="checkbox__label" for="NewsletterTermOfUse"> + <input class="checkbox__input" id="NewsletterTermOfUse" name="NewsletterTermOfUse" + type="checkbox"> + <span class="checkbox__icon icon"></span> + Συμφωνώ με τους <a href="Contact.html#">Όρους χρήσης</a> + </label> + </div> + </div> + </div> + </form> + + <div class="newsletter__social"> + <div class="social" data-qa="socialList"> + <p>Ακολουθήστε μας</p> + <ul class="social__list"> + <li class="social__item"> + <a class="social__link icon-facebook" href="Contact.html#" target="_blank" + title="facebook"></a> + </li> + <li class="social__item"> + <a class="social__link icon-twitter" href="Contact.html#" target="_blank" + title="twitter"></a> + </li> + <li class="social__item"> + <a class="social__link icon-youtube" href="Contact.html#" target="_blank" + title="youtube"></a> + </li> + <li class="social__item"> + <a class="social__link icon-instagram" href="Contact.html#" target="_blank" + title="instagram"></a> + </li> + </ul> + </div> + </div> + + </div> + </div> + + </section> + + <div class="wrapper"> + <div class="footer__main"> + + <div class="footer__col"> + <h3 class="footer__title"> + Η ΠΑΡΑΓΓΕΛΙΑ ΜΟΥ + </h3> + <ul class="footer__list"> + <li class="footer__listItem"> + <a class="footer__listLink" href="Contact.html#">Επιστροφές & αλλαγές</a> + </li> + <li class="footer__listItem"> + <a class="footer__listLink" href="Contact.html#">Έξοδα & τρόποι αποστολής</a> + </li> + <li class="footer__listItem"> + <a class="footer__listLink" href="Contact.html#">Eξέλιξη παραγγελίας</a> + </li> + <li class="footer__listItem"> + <a class="footer__listLink" href="Contact.html#">Ασφαλής τρόποι πληρωμής</a> + </li> + <li class="footer__listItem"> + <a class="footer__listLink" href="Contact.html#">Ανάκληση προϊόντων</a> + </li> + </ul> + </div> + + <div class="footer__col"> + <h3 class="footer__title"> + ΣΧΕΤΙΚΑ ΜΕ ΕΜΑΣ + </h3> + <ul class="footer__list"> + <li class="footer__listItem"> + <a class="footer__listLink" href="Contact.html#">Nέα & ανακοινώσεις</a> + </li> + <li class="footer__listItem"> + <a class="footer__listLink" href="Contact.html#">Θέσεις εργασίας</a> + </li> + <li class="footer__listItem"> + <a class="footer__listLink" href="Contact.html#">Βοήθεια / Υποστήριξη</a> + </li> + <li class="footer__listItem"> + <a class="footer__listLink" href="Contact.html#">Προσβασιμότητα ιστοσελίδας</a> + </li> + <li class="footer__listItem"> + <a class="footer__listLink" href="Contact.html#">Social / affiliate / business</a> + </li> + </ul> + </div> + + <div class="footer__col"> + <h3 class="footer__title"> + ΕΠΙΚΟΙΝΩΝΙΑ + </h3> + <ul class="footer__list"> + <li class="footer__listItem"> + <a class="footer__listLink" href="Contact.html#">Επικοινωνία</a> + </li> + <li class="footer__listItem"> + <a class="footer__listLink" href="Contact.html#">Συχνές ερωτήσεις</a> + </li> + </ul> + + <div class="footer__apps"> + <p>Kατεβασε την εφαρμογή μας τώρα</p> + + <div class="footer__appsInner"> + + <a href="Contact.html#" class="footer__appsLink"> + <figure> + <picture> + <source data-srcset="/content/images/140x42/png/Content/media/appstore.webp" + type="image/webp" class="lazysrcset"> + <source data-srcset="/content/images/140x42/png/Content/media/appstore.jp2" type="image/jp2" + class="lazysrcset"> + + <img data-src="/content/images/140x42/png/Content/media/appstore.png" alt="Alt text" + class="lazy"> + </picture> + </figure> + </a> + + <a href="Contact.html#" class="footer__appsLink"> + <figure> + <picture> + <source data-srcset="/content/images/140x42/png/Content/media/googlePlay.webp" + type="image/webp" class="lazysrcset"> + <source data-srcset="/content/images/140x42/png/Content/media/googlePlay.jp2" + type="image/jp2" class="lazysrcset"> + + <img data-src="/content/images/140x42/png/Content/media/googlePlay.png" alt="Alt text" + class="lazy"> + </picture> + </figure> + </a> + + </div> + + </div> + + </div> + </div> + + <div class="footer__btm"> + <p class="footer__copy">©2020</p> + <a href="https://www.atcom.gr/" target="_blank" rel="noopener" class="footer__atcom" + aria-label="Επισκέφτείτε την ιστοσελίδα της ATCOM (ανοίγει σε νέο παράθυρο/καρτέλα)"> + <img class="lazy" data-src="/content/Media/atcom.svg" alt="ATCOM"> + </a> + </div> + </div> + +</footer>
\ No newline at end of file diff --git a/public/processed-views/partials/header.php b/public/processed-views/partials/header.php new file mode 100644 index 0000000..7a75657 --- /dev/null +++ b/public/processed-views/partials/header.php @@ -0,0 +1,515 @@ +<header class="header"> + <div class="header__top"> + <div class="wrapper header__topInner"> + <button class="burgerMenu"> + <span class="burgerMenu__bar burgerMenu__bar--top"></span> + <span class="burgerMenu__bar burgerMenu__bar--middle"></span> + <span class="burgerMenu__bar burgerMenu__bar--bottom"></span> + </button> + <div class="header__logo"> + <h1><img src="/content/media/logo.svg" alt="atcom"></h1> + </div> + <div class="header__tools"> + <div class="header__tool" data-plugin-expand=""> + + <button class="iconButton icon-account userAccountBtn" data-trigger-expand="usermenu"> + <span class="userAccountBtn__text">ET</span> + </button> + <div class="userMenu" data-content-expand="usermenu"> + <div class="userMenu__overlay"></div> + <div class="userMenu__content"> + <ul class="userMenu__list"> + <li class="userMenu__listItem"><a class="userMenu__link" href="Contact.html#">Ο + λογαριασμός μου</a></li> + <li class="userMenu__listItem"><a class="userMenu__link" href="Contact.html#">Προσωπικά + στοιχεία</a></li> + <li class="userMenu__listItem"><a class="userMenu__link" href="Contact.html#">Οι + διευθύνσεις μου</a></li> + <li class="userMenu__listItem"><a class="userMenu__link" href="Contact.html#">Οι + παραγγελίες μου</a></li> + <li class="userMenu__listItem"><a class="userMenu__link" href="Contact.html#">Διαχείριση + δεδομένων</a></li> + <li class="userMenu__listItem userMenu__listItem--logout"><a class="userMenu__link" + href="Contact.html#">Αποσύνδεση</a></li> + </ul> + </div> + </div> + </div> + <div class="header__tool" data-plugin-expand=""> + <button class="iconButton notificationsBtn icon-bell" data-items="2" + data-trigger-expand="notifications"> </button> + + <div class="notifications" data-content-expand="notifications"> + <div class="notifications__overlay" data-trigger-expand="notifications"></div> + <div class="notifications__content"> + <button class="notifications__close icon-close" + data-trigger-expand="notifications"></button> + <h6 class="notifications__maintitle">Ειδοποιήσεις</h6> + <ul class="notifications__list"> + <li class="notifications__listItem notifications__listItem--unread"> + <div class="notifications__title">Η παραγγελία σου με κωδικό #234524245 είναι σε + επεξεργασία</div> + <time class="notifications__date">Σήμερα</time> + </li> + <li class="notifications__listItem notifications__listItem--unread"> + <div class="notifications__title">Έχετε <b>μη διαθέσιμα</b> προϊόντα στο καλάθι σας + </div> + <time class="notifications__date">Χθές</time> + </li> + <li class="notifications__listItem"> + <div class="notifications__title">Η παραγγελία σου με κωδικό #234524245 είναι σε + επεξεργασία</div> + <time class="notifications__date">Χθές</time> + </li> + <li class="notifications__listItem"> + <div class="notifications__title">Έχετε ένα προϊόν την λίστα Aγαπημένα που έχει + <b>καταργηθεί</b></div> + <time class="notifications__date">25/11</time> + </li> + <li class="notifications__listItem"> + <div class="notifications__title">Το δεσμευμένο χρονικό διάστημα της παραγγελίας σου + λήγει σε 15’</div> + <time class="notifications__date">17/6</time> + </li> + <li class="notifications__listItem"> + <div class="notifications__title">Έκλεισε το δεσμευμένο χρονικό διάστημα παραγγελίας + </div> + <time class="notifications__date">1/2/2020</time> + </li> + <li class="notifications__listItem"> + <div class="notifications__title">Τώρα, η διεύθυνση σας Χίου 45, Χαλκίδα + εξυπηρετείται με Παράδοση στο χώρο σας</div> + <time class="notifications__date">1/2/2019</time> + </li> + </ul> + </div> + </div> + </div> + <div class="header__tool"> + <button class="iconButton icon-heart"></button> + </div> + <div class="header__tool" data-plugin-minicart=""> + <a href="Contact.html#" class="iconButton icon-basket open-mini-cart"> + <span class="noInfo miniBasketNo">4</span> + </a> + + <div class="minibasket miniCart"> + <div class="minibasket__overlay"></div> + <div class="minibasket__inner"> + <div class="miniCart__main"> + <div class="minibasket__top"> + <div class="minibasket__header"> + <h3 class="minibasket__title">Το καλάθι μου</h3> + <button + class="iconButton iconButton--s iconButton--black icon-close close-mini-cart"></button> + </div> + <div class="minibasket__content"> + <div class="minibasket__product"> + <button class="iconButton icon-delete minibasket__remove"></button> + + <div class="product product--mini"> + <div class="product__inner"> + <button class="fav iconButton iconButton--s icon-heart"></button> + <div class="product__img"> + + + <figure> + <picture> + <source + data-srcset="/content/images/300x300/png/Content/media/sampleProduct.webp" + type="image/webp" class="lazysrcset"> + <source + data-srcset="/content/images/300x300/png/Content/media/sampleProduct.jp2" + type="image/jp2" class="lazysrcset"> + + + <img data-src="/content/images/300x300/png/Content/media/sampleProduct.png" + alt="product" class="lazy"> + </picture> + </figure> + + </div> + <div class="product__more"> + <div> + <a href="Contact.html#" class="product__title"> + Title of product + </a> + <p class="product__desc"> + Quantity text here + </p> + </div> + <div class="product__bottom"> + <div class="product__quantity"> + Ποσότητα: <span class="bold">1</span> + </div> + + <div class="priceContainer"> + <div class="priceBlock__price priceBlock__price--init"> + 18,91 € + </div> + <div class="priceBlock__price"> + 12,91 € + </div> + <span class="priceBlock__text">/ κιλό</span> + </div> + </div> + </div> + </div> + </div> + + <p class="text text--pending product__avail">δεν είναι πλέον διαθέσιμο για + online αγορά</p> + </div> + <div class="minibasket__product"> + <button class="iconButton icon-delete minibasket__remove"></button> + + <div class="product product--mini"> + <div class="product__inner"> + <button class="fav iconButton iconButton--s icon-heart"></button> + <div class="product__img"> + + + <figure> + <picture> + <source + data-srcset="/content/images/300x300/png/Content/media/sampleProduct.webp" + type="image/webp" class="lazysrcset"> + <source + data-srcset="/content/images/300x300/png/Content/media/sampleProduct.jp2" + type="image/jp2" class="lazysrcset"> + + + <img data-src="/content/images/300x300/png/Content/media/sampleProduct.png" + alt="product" class="lazy"> + </picture> + </figure> + + </div> + <div class="product__more"> + <div> + <a href="Contact.html#" class="product__title"> + Title of product + </a> + <p class="product__desc"> + Quantity text here + </p> + </div> + <div class="product__bottom"> + <div class="product__quantity"> + Ποσότητα: <span class="bold">1</span> + </div> + + <div class="priceContainer"> + <div class="priceBlock__price"> + 12,91 € + </div> + <span class="priceBlock__text">/ κιλό</span> + </div> + </div> + </div> + </div> + </div> + + </div> + <div class="minibasket__product"> + <button class="iconButton icon-delete minibasket__remove"></button> + + <div class="product product--mini"> + <div class="product__inner"> + <button class="fav iconButton iconButton--s icon-heart"></button> + <div class="product__img"> + + + <figure> + <picture> + <source + data-srcset="/content/images/300x300/png/Content/media/sampleProduct.webp" + type="image/webp" class="lazysrcset"> + <source + data-srcset="/content/images/300x300/png/Content/media/sampleProduct.jp2" + type="image/jp2" class="lazysrcset"> + + + <img data-src="/content/images/300x300/png/Content/media/sampleProduct.png" + alt="product" class="lazy"> + </picture> + </figure> + + </div> + <div class="product__more"> + <div> + <a href="Contact.html#" class="product__title"> + Title of product + </a> + <p class="product__desc"> + Quantity text here + </p> + </div> + <div class="product__bottom"> + <div class="product__quantity"> + Ποσότητα: <span class="bold">1</span> + </div> + + <div class="priceContainer"> + <div class="priceBlock__price priceBlock__price--init"> + 18,91 € + </div> + <div class="priceBlock__price"> + 12,91 € + </div> + <span class="priceBlock__text">/ κιλό</span> + </div> + </div> + </div> + </div> + </div> + + </div> + <div class="minibasket__product"> + <button class="iconButton icon-delete minibasket__remove"></button> + + <div class="product product--mini"> + <div class="product__inner"> + <button class="fav iconButton iconButton--s icon-heart"></button> + <div class="product__img"> + + + <figure> + <picture> + <source + data-srcset="/content/images/300x300/png/Content/media/sampleProduct.webp" + type="image/webp" class="lazysrcset"> + <source + data-srcset="/content/images/300x300/png/Content/media/sampleProduct.jp2" + type="image/jp2" class="lazysrcset"> + + + <img data-src="/content/images/300x300/png/Content/media/sampleProduct.png" + alt="product" class="lazy"> + </picture> + </figure> + + </div> + <div class="product__more"> + <div> + <a href="Contact.html#" class="product__title"> + Title of product + </a> + <p class="product__desc"> + Quantity text here + </p> + </div> + <div class="product__bottom"> + <div class="product__quantity"> + Ποσότητα: <span class="bold">1</span> + </div> + + <div class="priceContainer"> + <div class="priceBlock__price"> + 12,91 € + </div> + <span class="priceBlock__text">/ κιλό</span> + </div> + </div> + </div> + </div> + </div> + + </div> + </div> + </div> + <div class="minibasket__bottom"> + <div class="priceRow priceRow--total"> + <span>Αξία Καλαθιού:</span> + <div class="priceContainer"> + <div class="priceBlock__price"> + 1.246,10 € + </div> + </div> + </div> + <div class="btnWrap btnWrap--noMargin btnWrap--hSpaceB"> + <a href="Contact.html#" class="button button--border">To καλάθι μου</a> + <a href="Contact.html#" class="button button--green">Ολοκλήρωση αγοράς</a> + </div> + </div> + </div> + <div class="miniCart__holder"> + <div class="loader"> + <span class="loader__inner"> + <span class="loader__item loader__item--1"></span> + <span class="loader__item loader__item--2"></span> + <span class="loader__item loader__item--3"></span> + </span> + </div> + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div class="header__bottom"> + <div class="wrapper"> + <div class="mainNavWrap" id="mainNav"> + <nav class="mainNav" data-plugin-menu=""> + <div class="megamenuBg"></div> + <ul class="mainNav__list" role="menubar"> + <li class="mainNav__item" role="menuitem"> + <a class="mainNav__link mainNav__link--hasChildren" href="Contact.html#">Κατηγορία 1</a> + <div class="megamenu"> + <div class="wrapper"> + <div class="megamenu__inner"> + <button class="iconButton icon-close megamenu__close"></button> + <button class="button megamenu__back"> + <span aria-hidden="true">Κατηγορία 1</span> + </button> + <div class="megamenu__main"> + <div class="megamenu__cols megamenu__cols--promo"> + <ul class="megamenu__list megamenu__list--level2"> + <li><a href="Contact.html#">Ηοt προϊόντα</a></li> + <li><a href="Contact.html#">Νέες Παραδόσεις</a></li> + <li><a href="Contact.html#">Προσφορές</a></li> + </ul> + </div> + <div class="megamenu__cols"> + <ul class="megamenu__list megamenu__list--level2"> + <li> + <a href="Contact.html#">Υποκατηγορία 1</a> + <ul class="megamenu__list megamenu__list--level3"> + <li><a href="Contact.html#">Άλλη ενότητα</a></li> + <li><a href="Contact.html#">Κάτι άλλο</a></li> + <li><a href="Contact.html#">Ενότητα μικρή</a></li> + <li><a href="Contact.html#">Επόμενη ενότητα</a></li> + </ul> + </li> + <li> + <a href="Contact.html#">Υποκατηγορία 2</a> + <ul class="megamenu__list megamenu__list--level3"> + <li><a href="Contact.html#">Άλλη ενότητα</a></li> + <li><a href="Contact.html#">Κάτι άλλο</a></li> + <li><a href="Contact.html#">Ενότητα μικρή</a></li> + <li><a href="Contact.html#">Επόμενη ενότητα</a></li> + <li><a href="Contact.html#">Ενότητα μικρή</a></li> + </ul> + </li> + <li> + <a href="Contact.html#">Υποκατηγορία 3</a> + <ul class="megamenu__list megamenu__list--level3"> + <li><a href="Contact.html#">Επόμενη ενότητα</a></li> + <li><a href="Contact.html#">Κάτι άλλο</a></li> + <li><a href="Contact.html#">Επόμενη ενότητα με λεκτικο</a> + </li> + <li><a href="Contact.html#">Ενότητα μικρή</a></li> + <li><a href="Contact.html#">Επόμενη ενότητα ακομη</a></li> + <li><a href="Contact.html#">Άλλη ενότητα</a></li> + </ul> + </li> + <li> + <a href="Contact.html#">Υποκατηγορία 4</a> + <ul class="megamenu__list megamenu__list--level3"> + <li><a href="Contact.html#">Άλλη ενότητα</a></li> + <li><a href="Contact.html#">Κάτι άλλο</a></li> + <li><a href="Contact.html#">Ενότητα μικρή</a></li> + <li><a href="Contact.html#">Επόμενη ενότητα</a></li> + </ul> + </li> + <li> + <a href="Contact.html#">Υποκατηγορία 5</a> + <ul class="megamenu__list megamenu__list--level3"> + <li><a href="Contact.html#">Επόμενη ενότητα</a></li> + <li><a href="Contact.html#">Άλλη ενότητα</a></li> + <li><a href="Contact.html#">Κάτι άλλο</a></li> + <li><a href="Contact.html#">Επόμενη ενότητα ακομη</a></li> + </ul> + </li> + <li> + <a href="Contact.html#">Υποκατηγορία 6</a> + <ul class="megamenu__list megamenu__list--level3"> + <li><a href="Contact.html#">Επόμενη ενότητα</a></li> + <li><a href="Contact.html#">Άλλη ενότητα</a></li> + <li><a href="Contact.html#">Κάτι άλλο</a></li> + </ul> + </li> + </ul> + </div> + </div> + </div> + </div> + </div> + </li> + <li class="mainNav__item" role="menuitem"> + <a class="mainNav__link mainNav__link--hasChildren" href="Contact.html#">Κατηγορία 2</a> + <div class="megamenu"> + <div class="megamenu__inner"> + <button class="iconButton icon-close megamenu__close"></button> + <button class="button megamenu__back"> + <span aria-hidden="true">Κατηγορία 2</span> + </button> + </div> + </div> + </li> + <li class="mainNav__item" role="menuitem"> + <a class="mainNav__link mainNav__link--hasChildren" href="Contact.html#">Κατηγορία 3</a> + <div class="megamenu"> + <div class="megamenu__inner"> + <button class="iconButton icon-close megamenu__close"></button> + <button class="button megamenu__back"> + <span aria-hidden="true">Κατηγορία 3</span> + </button> + </div> + </div> + </li> + <li class="mainNav__item" role="menuitem"> + <a class="mainNav__link mainNav__link--hasChildren" href="Contact.html#">Κατηγορία 4</a> + <div class="megamenu"> + <div class="megamenu__inner"> + <button class="iconButton icon-close megamenu__close"></button> + <button class="button megamenu__back"> + <span aria-hidden="true">Κατηγορία 4</span> + </button> + </div> + </div> + </li> + <li class="mainNav__item" role="menuitem"> + <a class="mainNav__link mainNav__link--hasChildren" href="Contact.html#">Κατηγορία 5</a> + <div class="megamenu"> + <div class="megamenu__inner"> + <button class="iconButton icon-close megamenu__close"></button> + <button class="button megamenu__back"> + <span aria-hidden="true">Κατηγορία 5</span> + </button> + </div> + </div> + </li> + <li class="mainNav__item" role="menuitem"> + <a class="mainNav__link mainNav__link--hasChildren" href="Contact.html#">Κατηγορία 6</a> + <div class="megamenu"> + <div class="megamenu__inner"> + <button class="iconButton icon-close megamenu__close"></button> + <button class="button megamenu__back"> + <span aria-hidden="true">Κατηγορία 6</span> + </button> + </div> + </div> + </li> + <li class="mainNav__item" role="menuitem"> + <a class="mainNav__link mainNav__link--hasChildren" href="Contact.html#">Κατηγορία 7</a> + <div class="megamenu"> + <div class="megamenu__inner"> + <button class="iconButton icon-close megamenu__close"></button> + <button class="button megamenu__back"> + <span aria-hidden="true">Κατηγορία 7</span> + </button> + </div> + </div> + </li> + <li class="mainNav__item" role="menuitem"> + <a class="mainNav__link" href="Contact.html#">Προσφορές</a> + </li> + </ul> + </nav> + </div> + </div> + </div> +</header>
\ No newline at end of file diff --git a/public/processed-views/products.php b/public/processed-views/products.php new file mode 100644 index 0000000..c0ef582 --- /dev/null +++ b/public/processed-views/products.php @@ -0,0 +1,113 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8" /><?php ob_flush(); ?> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title><?= $data['title'] ?? 'ΣΚΛΑΒΕΝΙΤΗΣ' ?></title> + + <!-- import fonts --> + <?php link_asset( 'font', [ + 'iconfont', 'CFAstyStdBold', 'CFAstyStdBook', 'CFAstyStdMedium' + ], 'rel="preload" crossOrigin="anonymous"' + ); ?> + + <!-- import css --> + <?php link_asset('css', ['main', 'overides']); ?> + +</head> +<body data-plugin-lazyload> + <div class="mainContainer"> + <div class="mainLayer"> + </div> + + <?php + render_view('partials/header',[]); + ?> + <?php ob_flush(); ?> + + + <main class="main"> + + <div class="wrapper"> + <div class="pageTitle"> + <h1><?= $data['title'] ?> + </h1> + </div> + </div> + + <div class="mainLayout mainLayout--aside"> + + <?php + render_view('content/product_list/aside', [ + 'tree' => $data['tree'], + 'hierarchyPath' => $data['hierarchyPath'] + ]); + ?> + + <div class="mainLayout__content"> + + <!-- SHOW TOP NAVIGATION (but for level 0 citegory selected --> + <?php if (isset($data['hierarchyPath'][1])) : ?> + + <?php + render_view('content/product_list/top_navigation', [ + 'tree' => $data['tree'], + 'hierarchyPath' => $data['hierarchyPath'] + ]); + ?> + + <?php endif; ?> + + <!-- PARSE->RENDER OTHER SECTIONS --> + <?php + parse_sections( $data['sections'] ); + ?> + + </div> + + </div> + + </main> + <?php ob_flush(); ?> + + + <?php + render_view('partials/footer', []); + ?> + + </div> + + <!-- scripts --> + <?php link_asset('js', [ + 'require/files', + 'require/slim', + 'plugins', + 'plugins/setup' ] + ); ?> + + <!-- + <script type="text/javascript" src="http://localhost:8000/js/require/require.files.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/require/require.slim.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/Plugins/plugins.min.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/Plugins/plugins.setup.js"></script> + <script> + // var CDN = 'https://cdn.sklavenitis.co.gr/'; + var CDN = 'https://www.sklavenitis.gr/'; + </script> + <script type="text/javascript" src="http://localhost:8000/lib/jquery-validation/jquery/jquery-3.1.1.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/Products/productList.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/Products/productTile.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/Filters/filters.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/Filters/filtersBar.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/Filters/filterStatus.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/Plugins/scrollShadowVert.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/Utils/dom.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/Utils/domHelper.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/Plugins/menu.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/Cart/miniCart.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/Plugins/expand.js"></script> + <script type="text/javascript" src="http://localhost:8000/js/Images/lazyload.js"></script> + --> +</body> +</html> +<?php ob_flush(); ?>
\ No newline at end of file diff --git a/public/processed-views/server-client-contract.md b/public/processed-views/server-client-contract.md new file mode 100644 index 0000000..325e6e5 --- /dev/null +++ b/public/processed-views/server-client-contract.md @@ -0,0 +1,59 @@ +## Server-Client contract + +Servers can serve content in 2 major formats: text/html and json (and links to many more content types) + +Clients/browsers can handle content in many more ways; they can just passive render the content or they +can grow their proccessing and logic to become a smart engine or heavy application. + +These 2 factors need to cooperate smoothly. So, it is necessary to pre-define: +- what a server serves +- what a borwser/client procceses + +This contract: +- allows development sharing in separate teams +- sets clear rules for each development group +- helps developing an ecosystem of reliable tools that can be reused and extended +- helps to detect malfunctions and apply fixes and optimizations +- makes the project manageable and scalable + + +--- + + +## The Contract + +A cotract is recommended to include as less as possible rules; + +Of course there might be page-types that need special handling; Such pages are + +- product pages + +- product categories pages + + + +### Rule #1: Default rule + + +On the server side: + +- Server serves main content in html format; all non-user-based content is constucted and served in html format + +On the client side: + +- Client/browser requests the user-based content via ajax; (*still to be determinid the format of the replies*) + + + +### Product Pages + + +apache: +serves product -> product: { id, title, prices:{ s1:{..}, s2:{..}, ... }, images:{...} } + +browser: +check cookie(store) = s# +-> use product.prices.s# to draw prices + + +--- diff --git a/public/processed-views/x-404.php b/public/processed-views/x-404.php new file mode 100644 index 0000000..33cec4b --- /dev/null +++ b/public/processed-views/x-404.php @@ -0,0 +1,62 @@ +<?php +http_response_code(404); +ob_start(); + +?><!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>404 - HTML?></title> + + <!-- import fonts --> + <?php link_asset( 'font', [ + 'iconfont', + 'CFAstyStdBold', + 'CFAstyStdBook', + 'CFAstyStdMedium' ], 'rel="preload" crossorogin' + ) ?> + + <!-- import css --> + <?php link_asset('css', ['main']); ?> + +</head> +<body class="homepage" data-plugin-lazyload> + <div class="mainContainer"> + <div class="mainLayer"> + </div> + + <?php render_view('partials/Header'); ?> + <?php ob_flush(); ?> + + + <main class="main"> + + <div class="wrapper wrapper--xs"> + <div class="result result--fullheight"> + <div class="result__content"> + <span class="result__mainicon result__mainicon--border result__mainicon--orange icon-cone"></span> + <h1 class="result__title">Λυπούμαστε, η σελίδα δεν βρέθηκε.</h1> + <p class="result__p">Μπορείτε να γυρίσετε πίσω ή να μετακινηθείτε στην αρχική σελίδα.</p> + <a class="result__button button button--border" href="404.html#">Aρχική σελίδα</a> + </div> + </div> + </div> + + </main> + + <?php render_view('partials/Footer'); ?> + + </div> + + <!-- scripts --> + <?php link_asset('js', [ + 'require/files', + 'require/slim', + 'plugins', + 'plugins/setup' ] + ); ?> + +</body> +</html> +<?php ob_flush(); ?> |