diff options
| author | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2023-03-12 07:16:23 +0200 |
|---|---|---|
| committer | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2023-03-12 07:16:23 +0200 |
| commit | 7076343338ae3439f3c86f01144818abe8c31978 (patch) | |
| tree | 794abb1e6b8f821091fd095341885496b6dad51d /html/processed-views/content/Checkout | |
| parent | 47cbb529f5723b246125ae083a193e11481b89ef (diff) | |
| download | classroom-7076343338ae3439f3c86f01144818abe8c31978.tar.gz classroom-7076343338ae3439f3c86f01144818abe8c31978.tar.bz2 classroom-7076343338ae3439f3c86f01144818abe8c31978.zip | |
add container helpers; constuct public directory-tree
Diffstat (limited to 'html/processed-views/content/Checkout')
11 files changed, 1919 insertions, 0 deletions
diff --git a/html/processed-views/content/Checkout/Final_Error.html b/html/processed-views/content/Checkout/Final_Error.html new file mode 100644 index 0000000..90e7c79 --- /dev/null +++ b/html/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/html/processed-views/content/Checkout/Final_Success.html b/html/processed-views/content/Checkout/Final_Success.html new file mode 100644 index 0000000..dba5b34 --- /dev/null +++ b/html/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/html/processed-views/content/Checkout/Final_Success_Delivery.html b/html/processed-views/content/Checkout/Final_Success_Delivery.html new file mode 100644 index 0000000..e413c24 --- /dev/null +++ b/html/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/html/processed-views/content/Checkout/Footer.html b/html/processed-views/content/Checkout/Footer.html new file mode 100644 index 0000000..19f0813 --- /dev/null +++ b/html/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/html/processed-views/content/Checkout/Guest.html b/html/processed-views/content/Checkout/Guest.html new file mode 100644 index 0000000..9530b37 --- /dev/null +++ b/html/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/html/processed-views/content/Checkout/Header.html b/html/processed-views/content/Checkout/Header.html new file mode 100644 index 0000000..d857d99 --- /dev/null +++ b/html/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/html/processed-views/content/Checkout/Order_Truck.html b/html/processed-views/content/Checkout/Order_Truck.html new file mode 100644 index 0000000..2e989a0 --- /dev/null +++ b/html/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/html/processed-views/content/Checkout/Registered.html b/html/processed-views/content/Checkout/Registered.html new file mode 100644 index 0000000..4cdb022 --- /dev/null +++ b/html/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/html/processed-views/content/Checkout/Result.html b/html/processed-views/content/Checkout/Result.html new file mode 100644 index 0000000..74d685f --- /dev/null +++ b/html/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/html/processed-views/content/Checkout/Steps.html b/html/processed-views/content/Checkout/Steps.html new file mode 100644 index 0000000..9c2d084 --- /dev/null +++ b/html/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/html/processed-views/content/Checkout/Yellows_Redemption.html b/html/processed-views/content/Checkout/Yellows_Redemption.html new file mode 100644 index 0000000..3b09f8e --- /dev/null +++ b/html/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 |