Diff -- /var/www/vhosts/3dshawn.com/affiliate.3dshawn.com/TEMPLATES/store_layouts/receipt.html

O Operator
Diff

/var/www/vhosts/3dshawn.com/affiliate.3dshawn.com/TEMPLATES/store_layouts/receipt.html

added on local at 2026-07-01 13:47:53

Added
+108
lines
Removed
-0
lines
Context
0
unchanged
Blobs
from
to 669744ab605e
Restore this content →
Unified diff
Naive LCS-based line diff. Additions in emerald, deletions in rose. Both sides decompressed live from BLOB_STORE.
1<!-- =====================================================================
2 LAYOUT: Receipt
3 Long thermal receipt. Each design is a line item with price tag.
4===================================================================== -->
5
6<style>
7:root { $theme_css_vars }
8.rc-paper { max-width: 480px; margin: 0 auto; background: #f8f8f4; color: #1a1a1a; font-family: ui-monospace, 'Courier New', monospace; font-size: 13px; line-height: 1.6; padding: 32px; box-shadow: 0 12px 40px rgba(0,0,0,0.4); position: relative; }
9.rc-paper::before, .rc-paper::after { content: ""; position: absolute; left: 0; right: 0; height: 16px; background:
10 linear-gradient(135deg, transparent 33.33%, #f8f8f4 33.33%, #f8f8f4 66.66%, transparent 66.66%),
11 linear-gradient(45deg, transparent 33.33%, #f8f8f4 33.33%, #f8f8f4 66.66%, transparent 66.66%); background-size: 16px 16px; }
12.rc-paper::before { top: -16px; }
13.rc-paper::after { bottom: -16px; transform: rotate(180deg); }
14.rc-row { display: flex; justify-content: space-between; align-items: baseline; padding: 10px 0; border-bottom: 1px dashed #1a1a1a; gap: 12px; text-decoration: none; color: inherit; }
15.rc-row:hover { background: rgba(0,0,0,0.04); }
16.rc-thumb { width: 32px; height: 32px; background-size: cover; background-position: center; border: 1px solid #1a1a1a; flex-shrink: 0; filter: grayscale(0.4) contrast(1.2); }
17.rc-name { flex: 1; min-width: 0; font-size: 13px; line-height: 1.3; }
18.rc-name strong { display: block; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; font-size: 11px; }
19.rc-price { font-weight: 700; font-size: 14px; white-space: nowrap; }
20.rc-divider { border-top: 2px solid #1a1a1a; padding-top: 10px; margin-top: 14px; }
21.rc-total { display: flex; justify-content: space-between; align-items: baseline; padding: 10px 0; font-weight: 800; }
22.rc-mast { text-align: center; padding-bottom: 14px; border-bottom: 2px solid #1a1a1a; margin-bottom: 8px; }
23.rc-barcode { text-align: center; padding: 18px 0 0; font-family: 'Libre Barcode 39', monospace; }
24.rc-barcode-fake { display: inline-block; height: 36px; background: repeating-linear-gradient(90deg, #1a1a1a 0 2px, transparent 2px 5px, #1a1a1a 5px 6px, transparent 6px 9px, #1a1a1a 9px 11px, transparent 11px 14px); width: 70%; }
25</style>
26
27[if:$preview_banner]<div style="position:sticky;top:0;z-index:9999;background:#0a0e1c;border-bottom:1px solid rgba(59,130,246,0.40);box-shadow:0 4px 16px rgba(0,0,0,0.55);padding:10px 20px;text-align:center;font-size:13px;color:#93c5fd;font-weight:600">$preview_banner</div>[/if]
28
29<header style="background:var(--col-bg-2);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--col-border);flex-wrap:wrap">
30 <a href="/store.cgi?id=$store_id" style="display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0">
31 <div class="brand-mark" style="background:linear-gradient(130deg, var(--col-accent), var(--col-accent-bright));width:30px;height:30px;font-size:11px">$store_initials</div>
32 <span style="font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--col-text)">$store_name</span>
33 </a>
34 <nav style="display:flex;gap:18px;align-items:center;flex-wrap:wrap">
35 [loop:@nav_pages]<a href="$loop1.href" style="font-size:13px;color:var(--col-text-2);font-weight:600;text-decoration:none">$loop1.title</a>[/loop]
36 </nav>
37 <div style="flex:1;display:flex;justify-content:center;min-width:0">$store_search_form</div>
38 <div style="display:inline-flex;gap:8px;align-items:center;margin-left:8px">$store_signin_link $store_cart_link</div>
39</header>
40
41[if:$is_specific_page]
42 [if:$page_not_found]<section style="padding:120px 32px;text-align:center"><h1 class="hero-title" style="font-size:48px;font-family:ui-monospace,monospace">404 :: PAGE</h1></section>[/if]
43 [if:!$page_not_found]<section style="padding:60px 32px;max-width:900px;margin:0 auto"><h1 class="hero-title" style="font-size:42px">$page_title</h1><div class="text-secondary" style="font-size:16px;line-height:1.7;margin-top:18px;white-space:pre-wrap">$page_body</div></section>[/if]
44[/if]
45
46[if:!$is_specific_page]
47<section style="padding:48px 28px 32px;text-align:center;max-width:760px;margin:0 auto">
48 <div style="font-family:ui-monospace,monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--col-accent-bright);font-weight:700">// receipt</div>
49 <h1 style="font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:800;color:var(--col-text);letter-spacing:-0.02em;margin:8px 0 6px">Your order so far</h1>
50 <p style="font-size:14px;color:var(--col-text-2);max-width:520px;margin:0 auto">$store_tagline</p>
51</section>
52
53<section id="shop" style="padding:0 28px 60px">
54 <div class="rc-paper">
55 <!-- Receipt header -->
56 <div class="rc-mast">
57 <div style="font-size:18px;font-weight:800;letter-spacing:1px">$store_name</div>
58 <div style="font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-top:4px">DESIGN STUDIO &middot; webstls</div>
59 <div style="font-size:11px;margin-top:8px">--- 26 / 04 / 2026 ---</div>
60 </div>
61
62 <!-- Line items -->
63 [loop:@products]
64 <a href="/listing_details.cgi?id=$loop1.id" class="rc-row">
65 <div class="rc-thumb" style="background-image:url('$loop1.hero_image')"></div>
66 <div class="rc-name">
67 <strong>$loop1.title</strong>
68 <span>SKU $loop1.id &middot; $loop1.rating_n notes</span>
69 </div>
70 <span class="rc-price">$loop1.price</span>
71 </a>
72 [/loop]
73 $pagination_html
74
75 <!-- Subtotal / total -->
76 <div class="rc-divider">
77 <div class="rc-row" style="border-bottom:none;padding:6px 0">
78 <span style="font-size:11px;text-transform:uppercase;letter-spacing:1px">Subtotal ($product_count items)</span>
79 <span>...</span>
80 </div>
81 <div class="rc-row" style="border-bottom:none;padding:6px 0">
82 <span style="font-size:11px;text-transform:uppercase;letter-spacing:1px">Tax</span>
83 <span>0.00</span>
84 </div>
85 <div class="rc-total">
86 <span style="font-size:13px;text-transform:uppercase;letter-spacing:1.5px">TOTAL</span>
87 <span>see store</span>
88 </div>
89 </div>
90
91 <div class="rc-barcode">
92 <span class="rc-barcode-fake"></span>
93 <div style="font-size:10px;letter-spacing:3px;margin-top:6px">$store_subdomain &middot; webstls</div>
94 </div>
95
96 <div style="text-align:center;font-size:11px;margin-top:14px;letter-spacing:1px">
97 *** THANK YOU ***<br>
98 keep this receipt
99 </div>
100 </div>
101</section>
102
103<section id="about" style="background:var(--col-bg-2);padding:48px 28px;border-top:1px solid var(--col-border)">
104 <div style="max-width:680px;margin:0 auto;text-align:center"><div style="font-family:ui-monospace,monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--col-accent-bright);font-weight:700">// the studio</div><h2 style="font-family:var(--font-display);font-size:32px;color:var(--col-text);font-weight:800;margin:10px 0 14px">$store_name</h2><p style="font-size:15px;color:var(--col-text-2);line-height:1.85">$store_about</p></div>
105</section>
106[/if]
107
108<footer style="border-top:1px solid var(--col-border);padding:18px 28px;text-align:center;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--col-text-3)">$store_name &middot; powered by affiliate.3dshawn.com</footer>