summaryrefslogtreecommitdiff
path: root/html/processed-views/content/Basket/Basket_aside.html
blob: 6c693fd75067b1ee4987648e5313308935da5f11 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
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>