summaryrefslogtreecommitdiff
path: root/html/processed-views/content/Basket/Basket_aside.html
diff options
context:
space:
mode:
authorGeorge Halkiadakis <gchalkiadakis@sklavenitis.co.gr>2023-03-12 07:16:23 +0200
committerGeorge Halkiadakis <gchalkiadakis@sklavenitis.co.gr>2023-03-12 07:16:23 +0200
commit7076343338ae3439f3c86f01144818abe8c31978 (patch)
tree794abb1e6b8f821091fd095341885496b6dad51d /html/processed-views/content/Basket/Basket_aside.html
parent47cbb529f5723b246125ae083a193e11481b89ef (diff)
downloadclassroom-7076343338ae3439f3c86f01144818abe8c31978.tar.gz
classroom-7076343338ae3439f3c86f01144818abe8c31978.tar.bz2
classroom-7076343338ae3439f3c86f01144818abe8c31978.zip
add container helpers; constuct public directory-tree
Diffstat (limited to 'html/processed-views/content/Basket/Basket_aside.html')
-rw-r--r--html/processed-views/content/Basket/Basket_aside.html140
1 files changed, 140 insertions, 0 deletions
diff --git a/html/processed-views/content/Basket/Basket_aside.html b/html/processed-views/content/Basket/Basket_aside.html
new file mode 100644
index 0000000..6c693fd
--- /dev/null
+++ b/html/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="&#x3BA;&#x3C9;&#x3B4;&#x3B9;&#x3BA;&#x3CC;&#x3C2;" aria-label="&#x3BA;&#x3C9;&#x3B4;&#x3B9;&#x3BA;&#x3CC;&#x3C2;" />
+ </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="&#x3BA;&#x3C9;&#x3B4;&#x3B9;&#x3BA;&#x3CC;&#x3C2;" aria-label="&#x3BA;&#x3C9;&#x3B4;&#x3B9;&#x3BA;&#x3CC;&#x3C2;" />
+ </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